:root{color-scheme:dark;--ink:#0b2028;--paper:#e8e7df;--gold:#d9b57b;--muted:#b0bdbe}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--ink);color:var(--paper);font:17px/1.7 Arial,sans-serif}a{color:inherit}header{height:100px;display:flex;align-items:center;justify-content:space-between;padding:0 6%;border-bottom:1px solid #ffffff20;background:#0b2028;gap:25px}.brand{text-decoration:none;font:38px Georgia,serif;letter-spacing:3px;display:flex;align-items:center;gap:25px}.brand span{font:10px/1.5 Arial,sans-serif;letter-spacing:2px;max-width:125px}nav{display:flex;gap:34px}nav a{text-decoration:none;font-size:14px}nav a:hover,.text-link:hover{color:var(--gold)}.status{font-size:12px;letter-spacing:2px;color:var(--gold);border:1px solid #d9b57b50;padding:7px 12px}.hero{min-height:740px;position:relative;isolation:isolate;overflow:hidden;display:flex;align-items:center}.hero-map{position:absolute;inset:0;z-index:-2;background:url('assets/carta-1735.png') 80% 46%/cover;opacity:.64}.hero:after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#0b2028 0%,#0b2028ed 25%,#0b202880 60%,#0b202830),linear-gradient(0deg,#0b2028,transparent 30%)}.hero-content{padding:62px 9% 110px}.eyebrow{font-size:12px;letter-spacing:3px;color:var(--gold);margin:0 0 26px}.hero h1{font:clamp(110px,13vw,192px)/.95 Georgia,serif;letter-spacing:-6px;margin:0 0 26px;font-weight:normal}.headline{font:clamp(32px,3.7vw,53px)/1.15 Georgia,serif;margin:0 0 25px}.headline em{font-weight:normal;color:var(--gold)}.intro{font-size:16px;color:#c7cecd;margin-bottom:32px}.button{display:inline-block;text-decoration:none;background:var(--gold);color:#14252a;padding:13px 25px;font-size:14px;transition:background .2s}.button:hover{background:#f1d3a1}.hero-bottom{position:absolute;bottom:26px;left:6%;right:6%;display:flex;justify-content:space-between;font-size:11px;letter-spacing:2.5px;color:#aebbbb}.section{padding:90px 9%}.about,.development{display:grid;grid-template-columns:1.1fr 1fr;gap:8%}h2{font:clamp(30px,3.4vw,46px)/1.2 Georgia,serif;font-weight:normal;margin:0}p{margin-top:0}.about-copy{padding-top:36px;color:#c1cbcb}.about-copy strong{color:var(--paper)}.pillars{display:grid;grid-template-columns:repeat(3,1fr);gap:6%;padding-top:0;padding-bottom:100px}.pillars article{border-top:1px solid #d9b57b50;padding-top:24px}.number{font:20px Georgia,serif;color:var(--gold)}h3{font:26px Georgia,serif;margin:22px 0 16px}.pillars p{font-size:16px;color:#b8c6c7}.world{display:grid;grid-template-columns:1.15fr 1fr;background:#122d35}.world-image{position:relative;min-height:570px}.world-image img{width:100%;height:100%;position:absolute;object-fit:cover;object-position:48% 36%}.world-image span{position:absolute;bottom:0;left:0;right:0;padding:13px 25px;background:#0b2028e8;font-size:11px;letter-spacing:1.5px}.world-copy{padding:75px 15% 70px 12%}.world-copy h2{margin-bottom:30px}.world-copy p:not(.eyebrow){color:#bfcbcc;font-size:16px}.text-link{font-size:14px;text-underline-offset:7px}.development p{color:#c1cbcb}.development .muted{font-size:14px;color:#8fa4a8}footer{margin:0 6%;border-top:1px solid #ffffff25;padding:32px 0;display:flex;align-items:center;gap:30px}footer p{margin:0;color:#99afb3;font-size:14px}footer span{margin-left:auto;font-size:11px;letter-spacing:2px;color:#99afb3}.footer-brand{font:36px Georgia,serif;text-decoration:none}.skip{position:absolute;left:20px;top:-100px;background:var(--gold);color:var(--ink);padding:10px;z-index:10}.skip:focus{top:10px}:focus-visible{outline:2px solid var(--gold);outline-offset:6px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}@media(max-width:800px){header{height:auto;min-height:90px;flex-wrap:wrap;padding:20px 6%;gap:17px}.brand span,.status{display:none}nav{gap:20px;margin-left:auto}.hero{min-height:700px}.hero-content{padding-left:7%;padding-right:7%}.hero-map{background-position:60% center}.hero:after{background:linear-gradient(90deg,#0b2028e8,#0b202885),linear-gradient(0deg,#0b2028,transparent)}.hero-bottom span:last-child{display:none}.section{padding:65px 7%}.about,.development{grid-template-columns:1fr;gap:25px}.about-copy{padding-top:0}.pillars{grid-template-columns:1fr;padding-top:0;gap:24px}.pillars h3{margin-top:10px}.world{grid-template-columns:1fr}.world-image{min-height:370px}.world-copy{padding:50px 7%}.world-copy h2 br{display:none}footer{flex-wrap:wrap;gap:15px}footer span{width:100%;margin:0}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* Encuadre de la carta original: los margenes del escaneo quedan fuera. */
.hero-map{inset:-5%}.world-image{overflow:hidden}.world-image img{width:110%;height:110%;left:-5%;top:-5%}
/* Navegación compartida y siempre visible. */
:root{--header-height:100px}
body>header{position:sticky;top:0;z-index:100;box-shadow:0 4px 18px #0003}
html{scroll-padding-top:calc(var(--header-height) + 20px)}
body .ref-sidebar{top:calc(var(--header-height) + 20px);max-height:calc(100dvh - var(--header-height) - 40px);overflow-y:auto}
body .ref-section{scroll-margin-top:0}
header nav a[aria-current]{color:var(--gold)}
.skip{position:fixed;z-index:110}
@media(max-width:1100px){header .brand span,header .status{display:none}}
@media(max-width:560px){body>header{padding:12px 5%;gap:10px;min-height:0}body>header .brand{font-size:30px}body>header nav{width:100%;margin:0;gap:10px;justify-content:space-between;flex-wrap:wrap}body>header nav a{font-size:14px}body .ref-sidebar{position:static;max-height:none;overflow:visible}}
/* Captura real del juego: costa, embarcadero y barcos al horizonte. */
#juego{position:relative;isolation:isolate;min-height:620px;align-content:start;padding-top:75px;padding-bottom:220px;background:url('assets/juego-costa.png') center 65%/cover no-repeat}
#juego::before{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(6,23,31,.89) 0%,rgba(6,23,31,.73) 43%,rgba(6,23,31,.16) 75%,#0b2028 100%)}
#juego .about-copy{color:#edf1ee;text-shadow:0 1px 3px #0008}
#juego h2{text-shadow:0 2px 8px #0006}
@media(max-width:800px){#juego{min-height:730px;padding-top:55px;padding-bottom:220px;background-position:65% center}#juego::before{background:linear-gradient(180deg,#06171fea 0%,#06171fc9 52%,#06171f33 80%,#0b2028 100%)}}
/* Fondo de El mundo: captura aportada por el usuario. */
#mundo{display:flex;justify-content:flex-end;position:relative;isolation:isolate;min-height:680px;background:#0b2028 url('assets/mundo-playa.png?v=olas-2') center center/cover no-repeat}
#mundo::before{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#0b202800 25%,#0b202833 48%,#0b2028e6 73%,#0b2028f2 100%)}
#mundo .world-copy{width:38%;padding:70px 5% 65px 2%}
#mundo .world-copy p:not(.eyebrow){color:#e0e8e7}
@media(max-width:1000px){#mundo{min-height:900px;display:block;background-size:auto 460px;background-position:52% bottom}#mundo::before{background:linear-gradient(180deg,#0b2028 0%,#0b2028 43%,#0b202800 70%)}#mundo .world-copy{width:100%;max-width:760px;padding:50px 7% 460px}#mundo .world-copy h2 br{display:none}}
/* Captura de desarrollo conservada completa, sin recortar. */
.development-shot{grid-column:1/-1;margin:30px 0 0;min-width:0}
.development-shot img{display:block;width:100%;height:auto}
.development-shot figcaption{padding:12px 0;font-size:13px;letter-spacing:1px;color:var(--muted)}
.development-gallery{grid-column:1/-1;display:grid;gap:35px;margin-top:15px;min-width:0}
.development-gallery figure{margin:0;min-width:0}
.development-gallery a{display:block}
.development-gallery img{display:block;width:100%;height:auto}
.development-gallery figcaption{padding:14px 0;line-height:1.6}
.development-gallery figcaption strong{display:block;font:24px Georgia,serif;color:var(--paper)}
.development-gallery figcaption span{display:block;margin-top:7px;font-size:14px;color:var(--muted)}
.aboard-gallery{grid-column:1/-1;min-width:0;margin-top:35px;scroll-margin-top:20px}
.aboard-gallery>h3{font-size:32px;margin:0 0 28px}
.aboard-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:30px;align-items:start}
@media(max-width:600px){.aboard-grid{grid-template-columns:1fr}}

#desarrollo{row-gap:35px}

.latin-feature{grid-column:1/-1;min-width:0;margin:35px 0;padding-top:35px;border-top:1px solid #d9b57b50}
.latin-feature>h3{font:clamp(30px,3.5vw,46px)/1.2 Georgia,serif;margin:0 0 28px}
.latin-copy{max-width:950px}.latin-copy a{color:var(--gold);text-underline-offset:4px}
.latin-feature .development-gallery{margin-top:30px}
.nav-group{position:relative;font-size:14px}
.nav-group summary{cursor:pointer;padding:8px 0;list-style:none;white-space:nowrap}
.nav-group summary::-webkit-details-marker{display:none}
.nav-group summary::after{content:' ▾';color:var(--gold)}
header nav{align-items:center}
.nav-dropdown{position:absolute;top:100%;left:-18px;min-width:240px;padding:12px 18px;background:#112b34;border:1px solid #45606a;box-shadow:0 12px 24px #0006;display:flex;flex-direction:column;gap:0;z-index:120}
.nav-dropdown a{display:block;padding:12px 0;white-space:normal}
.nav-group[open]>summary{color:var(--gold)}
.navigation-promo{grid-column:1/-1;border-top:1px solid #d9b57b50;padding-top:30px;margin-top:30px}
.sailing-intro{padding:65px 9% 45px;background:#122d35}
.sailing-intro h1{font:clamp(38px,5vw,66px)/1.15 Georgia,serif;margin:0 0 25px}
.sailing-intro>p:not(.eyebrow){max-width:780px;color:#c1cbcb}
.sailing-index{display:flex;flex-wrap:wrap;gap:14px 25px;margin-top:30px}
.sailing-index a{color:var(--gold);text-decoration:underline;text-underline-offset:5px}
.sailing-section{padding:65px 9%;border-bottom:1px solid #ffffff15}
.sailing-section h2{margin-bottom:25px}
.sailing-section>p{max-width:960px;color:#c1cbcb}
.sailing-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px;margin-top:30px}
.sailing-grid article{border-top:1px solid #d9b57b50}.sailing-grid p{font-size:16px;color:#b8c9cd}
.sailing-section .sailing-note{font-size:14px;color:#a8babe;margin:25px 0 0}
.sailing-page>.latin-feature{margin:0;padding:65px 9%;border:0}
@media(max-width:800px){.sailing-grid{grid-template-columns:1fr;gap:15px}.sailing-section,.sailing-page>.latin-feature{padding:45px 7%}.sailing-intro{padding:45px 7%}.nav-dropdown{min-width:210px}.nav-group:nth-of-type(2) .nav-dropdown{left:auto;right:0}}
/* Cabecera propia de Navegación, con la captura aportada. */
.sailing-intro{position:relative;isolation:isolate;min-height:570px;display:flex;flex-direction:column;justify-content:center;background:#0b2028 url('assets/navegacion-cabecera.png') center 58%/cover no-repeat}
.sailing-intro::before{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#071c27e8 0%,#071c27b8 43%,#071c2733 78%),linear-gradient(0deg,#0b2028bb,transparent 45%)}
.sailing-intro h1{max-width:800px;text-shadow:0 2px 12px #0006}
.sailing-intro>p:not(.eyebrow){max-width:650px;color:#eef2ed;text-shadow:0 1px 5px #000}
.sailing-intro .sailing-index{padding-top:22px;border-top:1px solid #ffffff40;width:fit-content;max-width:100%}
.sailing-intro .sailing-index a{color:#ffe0a8;text-shadow:0 1px 4px #000}
@media(max-width:800px){.sailing-intro{min-height:570px;background-position:57% center}.sailing-intro::before{background:linear-gradient(90deg,#071c27dc,#071c2766),linear-gradient(0deg,#0b2028d9,transparent 65%)}}
.dangers-intro{background-image:url('assets/costa-desde-mar.png');background-position:center 55%}
.dangers-intro::before{background:linear-gradient(90deg,#071c27ee 0%,#071c27ab 55%,#071c2744),linear-gradient(0deg,#0b2028bd,transparent 60%)}

/* Tipos de velas: la maniobra a la mala pertenece a la vela latina. */
.sail-type{margin-top:45px;padding-top:30px;border-top:1px solid #d9b57b50}
.sail-type>h3{font-size:34px;margin:0 0 20px;color:var(--gold)}
.sail-type>p,.sail-type .latin-copy{max-width:960px;color:#c1cbcb}
.sail-type .sailing-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:35px}
.sail-type h4{font:24px/1.3 Georgia,serif;margin:0 0 16px}
.sail-type .latin-feature{margin-bottom:25px}
@media(max-width:800px){.sail-type .sailing-grid{grid-template-columns:1fr;gap:18px}}

.aboard-grid .aboard-feature{grid-column:1/-1}.aboard-grid .aboard-feature img{width:100%;height:auto;aspect-ratio:1571/804;object-fit:contain}

.aboard-details{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;scroll-margin-top:115px}.aboard-details img{width:100%;height:auto!important;aspect-ratio:auto!important;object-fit:contain}@media(max-width:760px){.aboard-details{grid-template-columns:1fr}}