.contact-page .contact-hero{background:linear-gradient(125deg, var(--blanco-hospedaje), var(--blanco) 78%);padding:clamp(42px,5vw,70px) 0}.contact-page .contact-hero-layout{grid-template-columns:minmax(0,.88fr) minmax(0,1.12fr);align-items:center;gap:clamp(32px,6vw,86px);display:grid}.contact-page .contact-hero-copy{min-width:0}.contact-page .contact-hero .eyebrow,.contact-page .contact-content .eyebrow{color:var(--naranja-texto);margin-bottom:18px}.contact-page .contact-hero h1{max-width:11ch;font:600 clamp(43px, 5.1vw, 68px)/1.08 var(--serif);letter-spacing:-.045em;text-wrap:balance;margin:0}.contact-page .contact-hero h1 em{color:inherit;font-weight:500}.contact-page .contact-hero-copy>p:not(.eyebrow){max-width:43ch;color:var(--muted);margin:22px 0 0;font-size:15px;line-height:1.7}.contact-page .contact-hero-link{border:1px solid var(--azul-noche);background:var(--azul-noche) linear-gradient(var(--naranja), var(--naranja)) no-repeat;min-height:48px;color:var(--blanco);background-size:0 100%;border-radius:8px;justify-content:space-between;align-items:center;gap:22px;margin-top:29px;padding:11px 17px;font-size:12px;font-weight:700;transition:background-size .35s cubic-bezier(.22,.61,.36,1),border-color .25s,transform .25s,box-shadow .25s;display:inline-flex}.contact-page .contact-hero-link span{font-size:17px;transition:transform .25s}.contact-page .contact-hero-link:hover{border-color:var(--naranja);background-size:100% 100%;transform:translateY(-2px);box-shadow:0 9px 18px #ff4f1229}.contact-page .contact-hero-link:hover span{transform:translate(3px,-3px)}.contact-page .contact-hero-photo{background:var(--azul-cielo);border-radius:9px;height:clamp(320px,31vw,424px);position:relative;overflow:hidden;box-shadow:0 17px 34px #1423421f}.contact-page .contact-hero-photo:after{content:"";pointer-events:none;background:linear-gradient(#0000,#14234287);position:absolute;inset:50% 0 0}.contact-page .contact-hero-photo img{object-fit:cover;object-position:50% 35%;width:100%;height:100%;transition:transform .7s cubic-bezier(.22,.61,.36,1)}.contact-page .contact-hero-photo:hover img{transform:scale(1.035)}.contact-page .contact-hero-photo>span{z-index:1;color:var(--blanco);font:600 19px var(--serif);justify-content:space-between;align-items:center;display:flex;position:absolute;bottom:18px;left:20px;right:20px}.contact-page .contact-hero-photo>span span{font:400 20px var(--sans)}.contact-page .contact-content{background:var(--blanco-hospedaje);padding:clamp(65px,7vw,92px) 0 clamp(74px,8vw,110px);scroll-margin-top:76px}.contact-page .contact-content-layout{grid-template-columns:minmax(0,1.13fr) minmax(290px,.75fr);align-items:start;gap:clamp(40px,7vw,100px);display:grid}.contact-page .contact-form-column{min-width:0}.contact-page .contact-form-column>h2{max-width:16ch;font:600 clamp(33px, 3.6vw, 48px)/1.12 var(--serif);letter-spacing:-.035em;margin:0}.contact-page .contact-form-intro{max-width:57ch;color:var(--muted);margin:15px 0 28px;font-size:14px;line-height:1.65}.contact-page .contact-form{box-shadow:none;background:0 0;gap:20px;padding:0;display:grid}.contact-page .contact-form-row{grid-template-columns:1fr 1fr;gap:18px;display:grid}.contact-page .contact-form label{color:var(--azul-acero);letter-spacing:.02em;font-size:11px;font-weight:700;display:block}.contact-page .contact-form input,.contact-page .contact-form select,.contact-page .contact-form textarea{border:1px solid var(--gris-linea);background:var(--blanco);width:100%;min-height:49px;color:var(--azul-noche);letter-spacing:0;border-radius:8px;outline:0;margin-top:8px;padding:13px 14px;font-size:13px;font-weight:400;transition:border-color .2s,box-shadow .2s;display:block}.contact-page .contact-form textarea{resize:vertical;min-height:145px;line-height:1.55}.contact-page .contact-form input::placeholder,.contact-page .contact-form textarea::placeholder{color:var(--gris-texto)}.contact-page .contact-form input:hover,.contact-page .contact-form select:hover,.contact-page .contact-form textarea:hover{border-color:var(--gris-linea)}.contact-page .contact-form input:focus,.contact-page .contact-form select:focus,.contact-page .contact-form textarea:focus{border-color:var(--naranja);box-shadow:0 0 0 3px #ff4f121f}.contact-page .contact-form-footer{align-items:center;gap:17px;display:flex}.contact-page .contact-form-footer button{border:1px solid var(--azul-noche);background:var(--azul-noche) linear-gradient(var(--naranja), var(--naranja)) no-repeat;min-height:49px;color:var(--blanco);background-size:0 100%;border-radius:8px;flex:none;justify-content:space-between;align-items:center;gap:25px;padding:12px 18px;font-size:12px;font-weight:700;transition:background-size .35s cubic-bezier(.22,.61,.36,1),border-color .25s,transform .25s;display:inline-flex}.contact-page .contact-form-footer button span{font-size:17px;transition:transform .25s}.contact-page .contact-form-footer button:hover{border-color:var(--naranja);background-size:100% 100%;transform:translateY(-2px)}.contact-page .contact-form-footer button:hover span{transform:translate(3px,-3px)}.contact-page .contact-form-footer button:disabled{opacity:.65;cursor:wait;transform:none}.contact-page .contact-form-footer p{max-width:31ch;color:var(--muted);margin:0;font-size:11px;line-height:1.5}.contact-page .contact-form-footer p a{color:var(--naranja-texto);text-underline-offset:3px;text-decoration:underline}.contact-page .form-message{min-height:0;color:var(--azul-acero);margin:0;font-size:12px;line-height:1.5}.contact-page .form-message:empty{display:none}.contact-page .contact-aside{background:var(--blanco);border-radius:10px;overflow:hidden;box-shadow:0 17px 38px #14234217}.contact-page .contact-aside-top{background:var(--azul-noche);color:var(--blanco);padding:clamp(25px,3vw,39px)}.contact-page .contact-aside-top .eyebrow{color:var(--naranja-texto);margin-bottom:21px}.contact-page .contact-aside-top h2{max-width:14ch;font:600 clamp(29px, 2.65vw, 38px)/1.15 var(--serif);letter-spacing:-.03em;margin:0}.contact-page .contact-aside-top>p:not(.eyebrow){color:var(--gris-linea);margin:17px 0 0;font-size:13px;line-height:1.65}.contact-page .contact-aside-top>a{min-height:43px;color:var(--blanco);border:1px solid #ffffff73;border-radius:7px;align-items:center;gap:17px;margin-top:23px;padding:9px 13px;font-size:11px;font-weight:700;transition:background-color .22s,color .22s,border-color .22s;display:inline-flex}.contact-page .contact-aside-top>a span{font-size:17px;transition:transform .22s}.contact-page .contact-aside-top>a:hover{border-color:var(--naranja);background:var(--naranja);color:var(--azul-noche)}.contact-page .contact-aside-top>a:hover span{transform:translate(3px,-3px)}.contact-page .contact-aside-bottom{padding:8px clamp(25px,3vw,39px)}.contact-page .contact-detail{border-bottom:1px solid var(--azul-cielo);gap:4px;padding:18px 0;display:grid}.contact-page .contact-detail:last-child{border-bottom:0}.contact-page .contact-detail>span{color:var(--naranja-texto);letter-spacing:.12em;text-transform:uppercase;font-size:11px;font-weight:700}.contact-page .contact-detail strong{color:var(--azul-acero);font-size:13px;font-weight:600}.contact-page .contact-detail a{transition:color .2s}.contact-page .contact-detail a:hover{color:var(--naranja-texto)}.contact-page a:focus-visible,.contact-page button:focus-visible{outline:2px solid var(--naranja);outline-offset:4px}.contact-page .contact-map-section{background:var(--blanco-hospedaje);padding:0 0 clamp(70px,8vw,110px)}.contact-page .contact-map-heading{justify-content:space-between;align-items:end;gap:24px;margin-bottom:23px;display:flex}.contact-page .contact-map-heading .eyebrow{color:var(--naranja-texto);margin:0 0 10px}.contact-page .contact-map-heading h2{font:600 clamp(30px, 3.2vw, 43px)/1.12 var(--serif);letter-spacing:-.03em;margin:0}.contact-page .contact-map-heading p:last-child{color:var(--muted);margin:10px 0 0;font-size:13px}.contact-page .contact-map-heading>a{color:var(--azul-noche);text-underline-offset:5px;flex:none;padding-bottom:3px;font-size:12px;font-weight:700;text-decoration:underline}.contact-page .contact-map-heading>a:hover{color:var(--naranja-texto)}.contact-page .contact-map-frame{background:var(--azul-cielo);border-radius:10px;height:clamp(310px,36vw,450px);overflow:hidden;box-shadow:0 17px 34px #1423421a}.contact-page .contact-map-frame iframe{border:0;width:100%;height:100%;display:block}@media (width<=900px){.contact-page .contact-hero-layout{gap:32px}.contact-page .contact-content-layout{grid-template-columns:minmax(0,1fr) minmax(270px,.75fr);gap:30px}}@media (width<=700px){.contact-page .contact-hero{padding:42px 0 38px}.contact-page .contact-hero-layout,.contact-page .contact-content-layout{grid-template-columns:1fr}.contact-page .contact-hero-layout{gap:30px}.contact-page .contact-hero h1{max-width:13ch;font-size:clamp(39px,10vw,52px)}.contact-page .contact-hero-copy>p:not(.eyebrow){margin-top:16px}.contact-page .contact-hero-link{margin-top:22px}.contact-page .contact-hero-photo{height:clamp(245px,58vw,340px)}.contact-page .contact-content{padding:61px 0 72px}.contact-page .contact-content-layout{gap:42px}.contact-page .contact-aside-top h2{max-width:22ch}.contact-page .contact-map-heading{flex-direction:column;align-items:start;gap:15px}.contact-page .contact-form input,.contact-page .contact-form select,.contact-page .contact-form textarea{font-size:16px}}@media (width<=480px){.contact-page .contact-form-row{grid-template-columns:1fr;gap:20px}.contact-page .contact-form-footer{flex-direction:column;align-items:stretch}.contact-page .contact-form-footer button{justify-content:center}.contact-page .contact-form-footer p{max-width:none}}@media (prefers-reduced-motion:reduce){.contact-page .contact-hero-link,.contact-page .contact-hero-link span,.contact-page .contact-hero-photo img,.contact-page .contact-form input,.contact-page .contact-form select,.contact-page .contact-form textarea,.contact-page .contact-form-footer button,.contact-page .contact-form-footer button span,.contact-page .contact-aside-top>a,.contact-page .contact-aside-top>a span,.contact-page .contact-detail a{transition:none}.contact-page .contact-hero-link:hover,.contact-page .contact-hero-link:hover span,.contact-page .contact-hero-photo:hover img,.contact-page .contact-form-footer button:hover,.contact-page .contact-form-footer button:hover span,.contact-page .contact-aside-top>a:hover span{transform:none}}@media (prefers-reduced-motion:no-preference){.contact-page .contact-hero-copy{animation:.65s both contact-enter}.contact-page .contact-hero-photo{animation:.72s .1s both contact-enter}}@keyframes contact-enter{0%{transform:translateY(12px)}to{transform:translateY(0)}}.contact-page .contact-form .form-message:not(:empty){border:1px solid var(--azul-cielo);background:var(--azul-niebla);color:var(--azul-acero);border-radius:10px;margin:0;padding:12px 14px;font-size:13px;line-height:1.5}.contact-page .contact-form .form-message.is-error{border-color:var(--naranja-suave);background:var(--blanco-hospedaje);color:var(--naranja-texto)}.contact-page .contact-form-footer button{transition:background-color .2s ease, transform .16s var(--ease-out)}.contact-page .contact-form-footer button:active{transform:scale(.98)}.contact-page .contact-form-footer button:disabled{cursor:progress;opacity:.7}.contact-page .contact-form-footer button:disabled:after{content:"";vertical-align:-2px;border:2px solid #ffffff59;border-top-color:var(--blanco);border-radius:50%;width:14px;height:14px;margin-left:10px;animation:.7s linear infinite contact-spin;display:inline-block}@keyframes contact-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.contact-page .contact-form-footer button:disabled:after{animation-duration:1.6s}}
