/* Encabezado que libera espacio al recorrer y portada realmente panorámica. */
header{transition:height .2s ease,box-shadow .2s ease}
header .brand-logo{transition:width .2s ease}
body.site-scrolled header{height:54px;box-shadow:0 2px 12px #0000000d}
body.site-scrolled header .brand-logo{width:125px}
body.site-scrolled header nav{font-size:11px}
body.site-scrolled header .small-cta{padding:10px 17px;font-size:9px}
html{scroll-padding-top:75px}
.hero{height:62svh;min-height:390px;max-height:600px;padding:20px 7% 16px}
.hero-content{max-width:760px;margin:auto 0}
.hero-content h1{margin:0 0 12px}
.hero-content .hero-brand{width:205px;max-width:100%}
.hero-kicker{font-size:9px;letter-spacing:1px;margin-bottom:12px}
.hero-content h2{font-size:clamp(36px,3.7vw,54px);line-height:1;max-width:750px;margin-bottom:20px}
.hero-actions{gap:12px}
.hero-actions .button,.hero-actions .video-open{min-height:42px;padding-top:12px;padding-bottom:12px}
.hero-actions .button{font-size:10px}
.hero-actions .video-open{font-size:9px}
.hero-discover{font-size:8px;margin-top:14px}
.video-actions{margin-top:12px;min-height:27px}
.video-actions .video-toggle{min-height:27px;padding:6px 11px;font-size:7px}
.hero-signature{font-size:7px}
@media(min-width:641px) and (max-height:750px){
 .hero{min-height:380px;padding-top:16px;padding-bottom:14px}
 .hero-content .hero-brand{width:180px}
 .hero-content h1{margin-bottom:9px}
 .hero-kicker{font-size:8px;margin-bottom:9px}
 .hero-content h2{font-size:40px;max-width:680px;margin-bottom:16px}
 .hero-discover{margin-top:12px}
 .video-actions{margin-top:9px}
}
@media(max-width:640px){
 body.site-scrolled header{height:50px}
 body.site-scrolled header .brand-logo{width:118px}
 body.site-scrolled header .menu{font-size:16px;padding:3px 8px}
 body.site-scrolled header nav{top:50px;font-size:14px}
 .hero{height:64svh;min-height:430px;max-height:570px;padding:18px 6% 14px}
 .hero-content .hero-brand{width:180px;max-width:80%}
 .hero-content h1{margin-bottom:11px}
 .hero-kicker{font-size:7px;letter-spacing:.7px;max-width:280px;line-height:1.5;margin-bottom:12px}
 .hero-content h2{font-size:33px;line-height:1.03;max-width:340px;margin-bottom:18px}
 .hero-actions{gap:9px;flex-wrap:nowrap}
 .hero-actions .button{min-height:42px;padding:12px 14px;font-size:9px;gap:14px}
 .hero-actions .video-open{min-height:42px;padding:12px 13px;font-size:8px;white-space:nowrap}
 .hero-discover{font-size:7px;margin-top:14px}
 .video-actions{min-height:25px;margin-top:12px;gap:10px}
 .video-actions .video-toggle{min-height:25px;padding:6px 9px;font-size:6px}
 .hero-signature{font-size:6px;letter-spacing:.8px}
}
@media(max-width:360px){.hero-content h2{font-size:30px}.hero-content .hero-brand{width:165px}}
@media(prefers-reduced-motion:reduce){header,header .brand-logo{transition:none}}

/* Se conserva el formato previo; solo se ajustan los puntos de encuadre. */
.intro-portrait img{object-position:center 72%}
.day .way-photo{object-position:center 65%}
.night .way-photo{object-position:center 58%}
.shore .way-photo{object-position:center 78%}
.way:hover .way-photo{transform:none}
.onboard-gallery img{object-position:center 76%}
.onboard-gallery figure:nth-child(2) img{object-position:center 65%}
@keyframes volvere-entry{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
@media(prefers-reduced-motion:no-preference){
 .hero-content>h1{animation:volvere-entry .45s ease-out both}
 .hero-content>.hero-kicker{animation:volvere-entry .45s ease-out .05s both}
 .hero-content>h2{animation:volvere-entry .45s ease-out .1s both}
 .hero-content>.hero-actions{animation:volvere-entry .45s ease-out .15s both}
 .hero-content>.hero-discover{animation:volvere-entry .45s ease-out .2s both}
}

@media(max-width:640px){
 .mobile-consult{left:auto;right:14px;bottom:max(14px,env(safe-area-inset-bottom));width:auto;max-width:135px;min-width:0;min-height:44px;height:44px;padding:10px 14px;gap:9px;border-radius:24px;box-shadow:0 2px 10px #00000020;font-size:11px;font-weight:600;line-height:1;white-space:nowrap}
}