@font-face{font-family:"Playfair Display";font-weight:400;font-style:normal;font-display:swap;src:url("../fonts/playfair-display-latin-400-normal.woff2") format("woff2")}
@font-face{font-family:"Playfair Display";font-weight:400;font-style:italic;font-display:swap;src:url("../fonts/playfair-display-latin-400-italic.woff2") format("woff2")}
@font-face{font-family:"Playfair Display";font-weight:500;font-style:normal;font-display:swap;src:url("../fonts/playfair-display-latin-500-normal.woff2") format("woff2")}
@font-face{font-family:"DM Sans";font-weight:300;font-style:normal;font-display:swap;src:url("../fonts/dm-sans-latin-300-normal.woff2") format("woff2")}
@font-face{font-family:"DM Sans";font-weight:400;font-style:normal;font-display:swap;src:url("../fonts/dm-sans-latin-400-normal.woff2") format("woff2")}
@font-face{font-family:"DM Sans";font-weight:500;font-style:normal;font-display:swap;src:url("../fonts/dm-sans-latin-500-normal.woff2") format("woff2")}

:root{
  --ivory:#f3ede6; --paper:#f8f4ee; --ink:#0a1425; --navy:#0a1425; --soft:#4d5563;
  --hair:rgba(10,20,37,.16); --bronze:#8a7236; --bronze-lt:#bfa770; --gold:#bfa770;
  --serif:"Playfair Display","Iowan Old Style","Palatino Linotype",Palatino,Georgia,serif;
  --sans:"DM Sans",system-ui,-apple-system,"Helvetica Neue",Arial,sans-serif;
  --gutter:clamp(22px,5.5vw,96px); --hh:112px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{margin:0;background:var(--ivory);color:var(--ink);font-family:var(--sans);font-weight:300;font-size:1rem;line-height:1.85;letter-spacing:.015em;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
img{display:block;max-width:100%;height:auto}
a{color:inherit}
p{margin:0 0 1.4em;color:var(--soft)}
:focus-visible{outline:2px solid var(--bronze);outline-offset:4px}
.skip{position:absolute;left:-9999px;top:8px;background:var(--ivory);padding:10px 16px;z-index:100}
.skip:focus{left:8px}
h1,h2,h3{font-family:var(--serif);font-weight:400;margin:0;letter-spacing:-.005em;color:inherit}
em{font-style:italic}

/* Tipografía de apoyo */
.kicker{font:400 .7rem/1.4 var(--sans);letter-spacing:.32em;text-transform:uppercase;color:var(--bronze);margin:0 0 1.7rem}
.dark .kicker,.hero .kicker{color:var(--bronze-lt)}
.display{font-size:clamp(1.9rem,4vw,3.5rem);line-height:1.16}
.h2{font-size:clamp(1.55rem,2.8vw,2.4rem);line-height:1.22}
.lede{font:400 clamp(1.1rem,1.8vw,1.4rem)/1.7 var(--serif);color:var(--ink);margin:0 0 1.2em}
.rule{width:44px;height:1px;background:var(--bronze);border:0;margin:2.2rem 0}
.center{text-align:center}.center .rule{margin-inline:auto}
.measure{max-width:44rem;margin-inline:auto}
.sec{padding:clamp(80px,12vw,190px) var(--gutter)}
.sec.tight{padding-block:clamp(56px,8vw,120px)}
.sec.paper{background:var(--paper)}
.dark{background:var(--navy);color:var(--ivory)}
.dark em,.display em,.page-head h1 em,.hero h1 em{color:var(--gold);font-style:italic}
.dark p{color:#c3c6cd}
.dark .lede{color:var(--ivory)}
.dark .rule{background:var(--gold)}
.link{display:inline-block;font:400 .7rem/1 var(--sans);letter-spacing:.3em;text-transform:uppercase;text-decoration:none;padding-bottom:9px;border-bottom:1px solid currentColor;transition:letter-spacing .45s ease,opacity .3s}
.link:hover{letter-spacing:.38em}

/* Cabecera */
.site-header{position:fixed;inset:0 0 auto 0;height:var(--hh);z-index:50;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:15px;padding:6px var(--gutter) 0;color:#fff;border-bottom:1px solid transparent;transition:background-color .5s ease,color .5s ease,border-color .5s ease}
.site-header::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(10,20,37,.55),rgba(10,20,37,0));transition:opacity .5s}
.site-header.is-solid::before,.site-header.solid-always::before{opacity:0}
.site-header.is-solid,.site-header.solid-always{background:rgba(243,237,230,.97);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:var(--navy);border-bottom-color:var(--hair)}
.brand{position:relative;z-index:3;display:flex;flex-direction:column;align-items:center;gap:10px;text-decoration:none;color:inherit}
.brand b{font:400 .98rem/1 var(--serif);letter-spacing:.52em;margin-right:-.52em;text-transform:uppercase;white-space:nowrap}
.brand i{display:block;width:64px;height:1px;background:var(--gold);transition:width .5s}
.brand:hover i{width:120px}
.nav{--ng:clamp(20px,2.7vw,46px);display:flex;align-items:center;gap:var(--ng)}
.nav a{position:relative;font:400 .68rem/1 var(--sans);letter-spacing:.24em;text-transform:uppercase;text-decoration:none;padding:11px 0;white-space:nowrap;transition:color .3s ease}
.nav a+a::before{content:"";position:absolute;left:calc(var(--ng) / -2);top:50%;width:3px;height:3px;background:var(--gold);transform:translate(-50%,-50%) rotate(45deg)}
.nav a::after{content:"";position:absolute;left:0;right:100%;bottom:3px;height:1px;background:var(--gold);transition:right .4s ease}
.nav a:hover,.nav a:active,.nav a:focus-visible{color:var(--gold)}
.site-header.is-solid .nav a:hover,.site-header.solid-always .nav a:hover,.site-header.is-solid .nav a:active,.site-header.solid-always .nav a:active{color:var(--bronze)}
.site-header.is-solid .nav a::after,.site-header.solid-always .nav a::after{background:var(--bronze)}
.nav a:hover::after,.nav a:active::after,.nav a[aria-current="page"]::after{right:0}
.nav a[aria-current="page"]{color:var(--gold)}
.site-header.is-solid .nav a[aria-current="page"],.site-header.solid-always .nav a[aria-current="page"]{color:var(--bronze)}
.langs{display:flex;gap:14px;margin-left:6px;padding-left:24px;border-left:1px solid rgba(128,128,128,.55);font:400 .64rem/1 var(--sans);letter-spacing:.2em}
.langs span{opacity:.5}.langs span[aria-current="true"]{opacity:1}
.nav-toggle{display:none;position:relative;z-index:3;background:none;border:0;color:inherit;font:400 .68rem/1 var(--sans);letter-spacing:.28em;text-transform:uppercase;padding:14px 0;cursor:pointer}
@media (max-width:819px){
  :root{--hh:70px}
  .site-header{flex-direction:row;justify-content:space-between;gap:0;padding:0 var(--gutter)}
  .brand b{font-size:.78rem}.brand i{width:44px}
  .nav-toggle{display:block}
  .nav{position:fixed;inset:0;z-index:1;flex-direction:column;justify-content:center;gap:4px;background:var(--navy);color:var(--ivory);opacity:0;visibility:hidden;transition:opacity .4s ease,visibility .4s}
  .nav.open{opacity:1;visibility:visible}
  .nav a{font:400 clamp(1.45rem,5.4vw,2rem)/1.3 var(--serif);letter-spacing:.01em;text-transform:none;padding:8px 0}
  .nav a::before,.nav a::after{display:none}
  .nav a[aria-current="page"]{font-style:italic;color:var(--gold)}
  .langs{margin:22px 0 0;padding:0;border:0;font-size:.7rem}
  .site-header.menu-open{background:transparent;-webkit-backdrop-filter:none;backdrop-filter:none;color:var(--ivory);border-color:transparent}
  .site-header.menu-open::before{opacity:0}
}

/* Respaldo sin JavaScript */
html:not(.js){--hh:120px}
html:not(.js) .site-header{height:auto;padding-top:12px;padding-bottom:6px;flex-direction:column;justify-content:flex-start;gap:8px}
html:not(.js) .nav-toggle,html:not(.js) .langs{display:none}
html:not(.js) .nav{position:static;inset:auto;flex-direction:row;opacity:1;visibility:visible;background:none;color:inherit;width:100%;overflow-x:auto;gap:22px;justify-content:flex-start}
html:not(.js) .nav a{font:400 .62rem/1 var(--sans);letter-spacing:.2em;text-transform:uppercase;padding:10px 0}
html:not(.js) .nav a::before{display:none}

/* Tarjetas de exploración */
.tiles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(12px,1.6vw,24px)}
.tile{position:relative;display:flex;flex-direction:column;justify-content:flex-end;aspect-ratio:4/5;overflow:hidden;color:#fff;text-decoration:none;background:linear-gradient(160deg,#10203a,#0a1425);border:1px solid rgba(191,167,112,.38);isolation:isolate}
.tile .ph{position:absolute;inset:0;z-index:-2;background:center/cover no-repeat;filter:saturate(.8);transition:transform 1.4s cubic-bezier(.2,.7,.2,1)}
.tile::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(10,20,37,.05) 28%,rgba(10,20,37,.88) 100%)}
.tile::after{content:"";position:absolute;inset:16px;z-index:1;border:1px solid transparent;pointer-events:none;transition:border-color .5s ease,inset .5s ease}
.tile:hover::after,.tile:focus-visible::after,.tile:active::after{border-color:var(--gold);inset:10px}
.tile:hover .ph,.tile:focus-visible .ph{transform:scale(1.07)}
.tile .n{position:absolute;top:30px;left:32px;font:400 .7rem/1 var(--sans);letter-spacing:.32em;color:var(--gold)}
.tile .big{position:absolute;right:26px;top:22%;font:400 clamp(6rem,11vw,10rem)/1 var(--serif);color:transparent;-webkit-text-stroke:1px rgba(191,167,112,.45);z-index:-1;transition:-webkit-text-stroke-color .5s,transform 1.2s}
.tile:hover .big{-webkit-text-stroke-color:var(--gold);transform:translateY(-6px)}
.tile h3{font:400 clamp(1.4rem,2vw,1.85rem)/1.2 var(--serif);margin:0 32px;color:#fff}
.tile .go{display:flex;align-items:center;gap:14px;margin:16px 32px 32px;font:400 .64rem/1 var(--sans);letter-spacing:.3em;text-transform:uppercase;color:var(--gold)}
.tile .go::after{content:"";width:30px;height:1px;background:currentColor;transition:width .5s ease}
.tile:hover .go::after,.tile:focus-visible .go::after{width:64px}
@media (max-width:900px){.tiles{grid-template-columns:repeat(2,minmax(0,1fr))}.tile{aspect-ratio:3/4}.tile h3,.tile .go{margin-left:22px;margin-right:22px}.tile .n{left:22px}}
@media (max-width:520px){.tiles{grid-template-columns:1fr}.tile{aspect-ratio:16/10}}
.lockup{display:flex;flex-direction:column;align-items:center;color:var(--gold);margin:0 0 2.4rem;text-transform:uppercase;font-family:var(--serif)}
.lockup .l1{font-size:clamp(1rem,1.6vw,1.3rem);letter-spacing:.5em;padding-left:.5em;line-height:1}
.lockup .l2{font-size:clamp(2.4rem,5.4vw,4.2rem);letter-spacing:.14em;padding-left:.14em;line-height:1.05;margin-top:.15em}
.lockup .l3{font-size:clamp(1.5rem,3.3vw,2.6rem);letter-spacing:.3em;padding-left:.3em;line-height:1.15}
.lockup .glyph{margin:1.4rem auto 0;width:clamp(56px,6vw,78px)}
.glyph{display:block;width:clamp(70px,8vw,96px);margin:0 auto 2rem;color:var(--gold)}
.photo-soft img,.bleed img,.fig img{filter:saturate(.86) contrast(1.02)}

/* Portadas */
.hero{position:relative;height:100svh;min-height:560px;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;text-align:center;color:#fff;background:#0a1425 center 42%/cover no-repeat}
.hero::before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(10,20,37,.45) 0%,rgba(10,20,37,.12) 34%,rgba(10,20,37,.32) 55%,rgba(10,20,37,.86) 100%)}
.hero-copy{position:relative;padding:0 var(--gutter) clamp(64px,10vh,120px)}
.hero h1{font-size:clamp(2.3rem,5.8vw,5rem);line-height:1.1;letter-spacing:.005em;text-shadow:0 2px 30px rgba(0,0,0,.25)}
.hero .tag{color:#fff;font:italic 400 clamp(1.05rem,1.8vw,1.45rem)/1.4 var(--serif);margin:1rem 0 2.6rem;text-shadow:0 1px 22px rgba(0,0,0,.55)}
.hero .link{color:#fff}

.btn-ghost{display:inline-block;font:400 .72rem/1 var(--sans);letter-spacing:.3em;text-transform:uppercase;text-decoration:none;color:#fff;border:1px solid var(--gold);padding:21px 40px;background:rgba(14,16,12,.2);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);transition:background-color .45s ease,color .45s ease,letter-spacing .45s ease}
.btn-ghost:hover,.btn-ghost:focus-visible{background:var(--gold);color:var(--ink);letter-spacing:.34em}
.cue{display:block;width:1px;height:54px;margin:2.2rem auto 0;background:linear-gradient(var(--gold),rgba(216,189,136,0));transform-origin:top;animation:cue 2.4s ease-in-out infinite}
@keyframes cue{0%{transform:scaleY(.15);opacity:.2}60%{transform:scaleY(1);opacity:1}100%{transform:scaleY(1);opacity:0}}
@media (prefers-reduced-motion:reduce){.cue{animation:none}}

/* Legibilidad de los claims sobre foto */
.hero::before{background:linear-gradient(180deg,rgba(10,20,37,.5) 0%,rgba(10,20,37,.04) 22%,rgba(10,20,37,.04) 40%,rgba(10,20,37,.34) 60%,rgba(10,20,37,.6) 80%,rgba(10,20,37,.74) 100%)}
.hero-copy{padding-top:clamp(40px,6vh,80px)}
.hero h1{text-shadow:0 2px 24px rgba(10,20,37,.8),0 0 2px rgba(10,20,37,.5)}
.hero h1 em{color:#e6d09a;text-shadow:0 2px 24px rgba(10,20,37,.85)}
.hero .kicker{display:inline-block;color:#f0e1b5;font-weight:500;font-size:.74rem;letter-spacing:.34em;padding:0 0 .9rem;margin:0 0 1.6rem;border-bottom:1px solid rgba(230,208,154,.7);text-shadow:0 1px 16px rgba(10,20,37,.95)}
.hero .tag{text-shadow:0 1px 18px rgba(10,20,37,.95)}
.hero .btn-ghost{background:rgba(10,20,37,.55);border-color:#e6d09a;color:#fff}

/* Menú desplegable */
.nav a .chev{display:none}
@media (hover:hover) and (min-width:820px){
  .nav a.has .chev{display:inline-block;width:5px;height:5px;margin:0 0 3px 9px;border-right:1px solid currentColor;border-bottom:1px solid currentColor;transform:rotate(45deg);opacity:.7;transition:transform .35s,margin .35s,opacity .3s}
  .nav a.has:hover .chev,.nav a.has:focus-visible .chev{transform:rotate(225deg);margin-bottom:-2px;opacity:1}
  .nav .fly{position:absolute;left:50%;top:100%;width:286px;padding-top:22px;transform:translate(-50%,8px);opacity:0;visibility:hidden;pointer-events:none;transition:opacity .35s ease,transform .35s ease,visibility .35s;z-index:60;text-align:left}
  .nav a.has:hover .fly,.nav a.has:focus-visible .fly{opacity:1;visibility:visible;transform:translate(-50%,0);pointer-events:auto}
  .nav .card{display:block;background:var(--navy);color:var(--ivory);border:1px solid rgba(191,167,112,.5);box-shadow:0 24px 50px rgba(10,20,37,.35);padding:0 0 22px}
  .nav .th{display:block;height:128px;background:#10203a center/cover no-repeat;filter:saturate(.85);border-bottom:1px solid rgba(191,167,112,.5)}
  .nav .th.plain{background:linear-gradient(160deg,#16294a,#0a1425)}
  .nav .tt{display:block;margin:18px 22px 6px;font:400 1.15rem/1.2 var(--serif);letter-spacing:0;text-transform:none;color:#fff}
  .nav .dd{display:block;margin:0 22px 14px;font:300 .8rem/1.5 var(--sans);letter-spacing:.02em;text-transform:none;color:#c3c6cd;white-space:normal}
  .nav .go{display:flex;align-items:center;gap:12px;margin:0 22px;font:400 .6rem/1 var(--sans);letter-spacing:.3em;text-transform:uppercase;color:var(--gold)}
  .nav .go::after{content:"";width:26px;height:1px;background:currentColor;transition:width .4s}
  .nav a.has:hover .go::after{width:54px}
  .nav .fly,.nav .fly *{pointer-events:none}
  .nav a.has:hover .fly{pointer-events:auto}
}
.nav a .fly{display:none}
@media (hover:hover) and (min-width:820px){.nav a .fly{display:block}}
html:not(.js) .nav .fly{display:none!important}


/* Contador de villas reservadas */
.stock{margin:clamp(40px,6vw,70px) auto 0;padding-top:2.2rem;border-top:1px solid rgba(191,167,112,.35);max-width:26rem}
.stock .ticks{display:flex;justify-content:center;gap:10px;margin-bottom:1.2rem}
.stock .ticks i{display:block;width:26px;height:38px;border:1px solid rgba(191,167,112,.55);background:transparent}
.stock .ticks i.r{background:var(--gold);border-color:var(--gold)}
.stock .stxt{margin:0;font:400 .72rem/1.4 var(--sans);letter-spacing:.3em;text-transform:uppercase;color:#c3c6cd}
.stock .stxt strong{font:400 1.5rem/1 var(--serif);letter-spacing:0;color:var(--gold);margin-right:.3em;text-transform:none}
.stock{max-width:34rem}
.stock .stbig{margin:0 0 1.3rem;font:400 clamp(1.5rem,2.6vw,2.1rem)/1.25 var(--serif);color:#f4efe6}
.stock .stbig strong{font-weight:400;font-style:italic;color:var(--gold);font-size:1.15em}
.stock .ticks{margin-bottom:1.1rem}
.stock .stleg{display:flex;justify-content:center;gap:2rem;margin:0;font:400 .7rem/1.4 var(--sans);letter-spacing:.22em;text-transform:uppercase;color:#c3c6cd}
.stock .stleg span{display:inline-flex;align-items:center;gap:.6rem}
.stock .stleg .k{display:inline-block;width:12px;height:16px;border:1px solid rgba(191,167,112,.7)}
.stock .stleg .k.r{background:var(--gold);border-color:var(--gold)}
@media (max-width:520px){.stock .ticks i{width:20px;height:30px}.stock .ticks{gap:7px}}

/* Precio y plazo; vídeo; formulario */
.deal{margin:2.2rem 0 0;font:400 .7rem/2 var(--sans);letter-spacing:.24em;text-transform:uppercase;color:#c3c6cd}
.deal b{font:400 1.15rem/1 var(--serif);letter-spacing:.02em;text-transform:none;color:var(--gold)}
.deal span{color:var(--gold);margin:0 .9em}
.pay{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));max-width:1100px;margin:0 auto;border-top:1px solid var(--hair);border-bottom:1px solid var(--hair)}
.pay>div{padding:2rem 1.6rem 2.1rem;border-left:1px solid var(--hair);text-align:center}
.pay>div:first-child{border-left:0}
.pay b{display:block;font:400 clamp(1.9rem,3vw,2.6rem)/1.1 var(--serif);color:var(--bronze);margin-bottom:.9rem}
.pay h3{font:400 .7rem/1.4 var(--sans);letter-spacing:.3em;text-transform:uppercase;color:var(--ink);margin:0 0 .6rem}
.pay p{font:400 1.05rem/1.55 var(--serif);color:var(--ink);margin:0}
.mapw{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(0,1fr);gap:clamp(24px,4vw,64px);max-width:1180px;margin:0 auto;align-items:center}
.mapsvg{width:100%;height:auto;display:block}
.mapsvg .land{fill:#16233a;stroke:var(--gold);stroke-width:1.4;stroke-linejoin:round}
.mapsvg .mname{font:400 52px var(--serif);letter-spacing:.35em;fill:rgba(243,237,230,.07)}
.mapsvg .rt{fill:none;stroke:var(--gold);stroke-width:1.6;stroke-dasharray:3 7;stroke-linecap:round;opacity:.7}
.mapsvg .pn circle{fill:#0a1425;stroke:var(--gold);stroke-width:1.6}
.mapsvg .pn text{font:500 20px var(--sans);fill:#f0e1b5}
.mapsvg .halo{fill:rgba(191,167,112,.18);stroke:rgba(191,167,112,.5);stroke-width:1}
.mapsvg .star{fill:var(--gold)}.mapsvg .starp{fill:#0a1425}
.mapsvg .rname{font:400 30px var(--serif);fill:#f4efe6}
.mapsvg .rsub{font:400 18px var(--sans);letter-spacing:.06em;fill:#c3c6cd}
.maplist ol{list-style:none;margin:1.2rem 0 0;padding:0;border-top:1px solid rgba(191,167,112,.35)}
.maplist li{display:grid;grid-template-columns:2.2rem 1fr;grid-template-rows:auto auto;column-gap:.4rem;padding:.95rem 0;border-bottom:1px solid rgba(191,167,112,.35)}
.maplist .nn{grid-row:1/3;align-self:center;width:1.6rem;height:1.6rem;border:1px solid var(--gold);border-radius:50%;display:flex;align-items:center;justify-content:center;font:500 .72rem/1 var(--sans);color:#f0e1b5}
.maplist .nm{font:400 1.25rem/1.3 var(--serif);color:#f4efe6}
.maplist .ds{font:400 .7rem/1.6 var(--sans);letter-spacing:.24em;text-transform:uppercase;color:var(--gold)}
.maplist .mapnote{font:400 .7rem/1.4 var(--sans);letter-spacing:.14em;color:#98a0ae;margin:1rem 0 0}
.maplist .kicker{margin:0}
@media (max-width:820px){.mapw{grid-template-columns:1fr}}
.paycta{text-align:center;margin:2.4rem auto 0;max-width:34rem}
.paycta p{font:italic 400 clamp(1.25rem,2vw,1.6rem)/1.4 var(--serif);color:var(--ink);margin:0 0 1.5rem}
.paycta .btn-solid{display:inline-block;text-decoration:none}
.paynote{text-align:center;margin:1.6rem 0 0;font:400 .7rem/1.4 var(--sans);letter-spacing:.24em;text-transform:uppercase;color:var(--bronze)}
@media (max-width:860px){.pay{grid-template-columns:1fr 1fr}.pay>div:nth-child(3){border-left:0}.pay>div:nth-child(n+3){border-top:1px solid var(--hair)}}
@media (max-width:520px){.pay{grid-template-columns:1fr}.pay>div{border-left:0;border-top:1px solid var(--hair)}.pay>div:first-child{border-top:0}}
.three.q6{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:clamp(40px,7vw,110px);row-gap:0;max-width:1000px;margin:0 auto;counter-reset:q}
.three.q6>div{counter-increment:q;display:grid;align-content:start;grid-template-columns:3.2rem 1fr;column-gap:.4rem;padding:1.5rem 0 1.6rem;border-top:1px solid var(--hair)}
.three.q6>div::before{content:"0" counter(q);grid-row:1/3;font:italic 400 1.15rem/1.3 var(--serif);color:var(--bronze)}
.three.q6 h3{border-top:0;padding-top:0;margin:0 0 .55rem}
.three.q6 p{font-size:1.06rem;line-height:1.6;margin:0}
.three.q6>div:nth-last-child(-n+2){border-bottom:1px solid var(--hair)}
@media (max-width:860px){.three.q6{grid-template-columns:1fr}.q6>div:nth-last-child(2){border-bottom:0}}
.vid{display:block;width:100%;height:auto;aspect-ratio:16/9;background:#0a1425;margin-top:1rem}
.req{display:grid;gap:22px}
.req label{display:block;font:400 .66rem/1.4 var(--sans);letter-spacing:.26em;text-transform:uppercase;color:var(--soft)}
.req input:not([type=checkbox]),.req select,.req textarea{display:block;width:100%;margin-top:8px;padding:12px 0;background:transparent;border:0;border-bottom:1px solid var(--hair);font:400 1.15rem/1.4 var(--serif);color:var(--ink);letter-spacing:0;text-transform:none;border-radius:0;outline:0}
.req input:focus,.req select:focus,.req textarea:focus{border-bottom-color:var(--bronze)}
.req .chk{display:flex;gap:14px;align-items:flex-start;text-transform:none;letter-spacing:.02em;font:300 .9rem/1.6 var(--sans)}
.req .chk input{margin-top:4px;accent-color:var(--bronze)}
.req .hp{position:absolute;left:-9999px}
.btn-solid{justify-self:start;font:400 .72rem/1 var(--sans);letter-spacing:.3em;text-transform:uppercase;color:var(--ivory);background:var(--navy);border:1px solid var(--navy);padding:21px 40px;cursor:pointer;transition:background-color .4s,color .4s,border-color .4s}
.btn-solid:hover,.btn-solid:focus-visible{background:transparent;color:var(--navy);border-color:var(--bronze)}
.req .fine{font:300 .8rem/1.6 var(--sans);color:var(--soft);margin:0}
.req .fine a{border-bottom:1px solid currentColor;text-decoration:none}

/* Disponibilidad */
.avail{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:clamp(36px,6vw,100px);align-items:start}
@media (max-width:900px){.avail{grid-template-columns:1fr}}
.sr{position:absolute;left:-9999px}
.vt{width:100%;border-collapse:collapse;margin-top:2rem;font-family:var(--serif)}
.vt thead th{font:400 .62rem/1.4 var(--sans);letter-spacing:.26em;text-transform:uppercase;color:var(--soft);text-align:left;padding:0 6px 12px 0;border-bottom:1px solid var(--hair)}
.vt tbody th{font:400 1.25rem/1.2 var(--serif);text-align:left;color:var(--ink);padding:.95rem 6px .95rem 0;border-bottom:1px solid var(--hair);white-space:nowrap}
.vt td{padding:.95rem 6px .95rem 0;border-bottom:1px solid var(--hair);font:400 1.05rem/1.3 var(--serif);color:var(--ink)}
@media (max-width:520px){.vt td:nth-child(3){display:none}.vt thead th:nth-child(3){display:none}}
.pill{display:inline-block;font:400 .6rem/1 var(--sans);letter-spacing:.22em;text-transform:uppercase;padding:8px 12px;border:1px solid var(--bronze);color:var(--bronze)}
.pill.hold{background:var(--navy);border-color:var(--navy);color:var(--gold)}
.planmap{margin:0}
.pm{position:relative;border:1px solid var(--hair);background:#fff}
.pm img{width:100%;height:auto;filter:none}
.mk{position:absolute;transform:translate(-50%,-50%);width:clamp(28px,3.6vw,42px);height:clamp(28px,3.6vw,42px);border-radius:50%;display:grid;place-items:center;font:500 clamp(.6rem,.9vw,.74rem)/1 var(--sans);letter-spacing:.02em;border:1px solid var(--gold);box-shadow:0 0 0 3px rgba(243,237,230,.85)}
.mk.ok{background:#fff;color:var(--navy);border-color:var(--bronze)}
.mk.hold{background:var(--navy);color:var(--gold);border-color:var(--navy)}
.leg{display:flex;gap:28px;margin-top:1rem;font:400 .64rem/1 var(--sans);letter-spacing:.22em;text-transform:uppercase;color:var(--soft)}
.leg span{display:flex;align-items:center;gap:10px}
.leg i.mk{position:static;transform:none;width:14px;height:14px;box-shadow:none;display:block}

/* Menú: dos filas desde 820 px; hamburguesa solo en móvil */
.only-m{display:none}
@media (min-width:820px){
  .langs{position:absolute;right:var(--gutter);top:28px;margin:0;padding:0;border:0}
}
@media (min-width:820px) and (max-width:1240px){
  .nav{--ng:clamp(14px,2vw,26px)}
  .nav a{font-size:.6rem;letter-spacing:.15em}
  .brand b{font-size:.86rem}
}
@media (max-width:819px){.only-m{display:block}}
html:not(.js) .only-m{display:block}
.nav-toggle{border:1px solid currentColor;padding:11px 14px;border-radius:0;white-space:nowrap;font-size:.62rem;letter-spacing:.22em}
@media (max-width:819px){.brand b{font-size:.7rem;letter-spacing:.36em;margin-right:-.36em}.brand i{width:36px}}
.nav-toggle::before{content:"";display:inline-block;width:15px;height:7px;border-top:1px solid currentColor;border-bottom:1px solid currentColor;margin-right:12px;vertical-align:1px}

/* Final de página: siguiente sección y pie con todo el menú */
.next{position:relative;display:flex;align-items:center;justify-content:center;text-align:center;min-height:clamp(320px,52vh,520px);padding:60px var(--gutter);color:#fff;text-decoration:none;background:var(--navy);overflow:hidden;isolation:isolate}
.next .nph{position:absolute;inset:0;z-index:-2;background:center/cover no-repeat;filter:saturate(.8);transition:transform 1.6s cubic-bezier(.2,.7,.2,1)}
.next .nph.art{filter:none}
.next.artn::before{background:rgba(10,20,37,.12)}
.next .nph.plain{background:linear-gradient(160deg,#16294a,#0a1425)}
.next::before{content:"";position:absolute;inset:0;z-index:-1;background:rgba(10,20,37,.66);transition:background-color .6s}
.next::after{content:"";position:absolute;inset:18px;border:1px solid rgba(191,167,112,.45);pointer-events:none;transition:inset .5s,border-color .5s}
.next:hover::after,.next:focus-visible::after{inset:12px;border-color:var(--gold)}
.next:hover .nph{transform:scale(1.05)}.next:hover::before{background:rgba(10,20,37,.5)}
.nglyph{display:block;margin:0 auto 2rem;width:60px;height:auto;color:#e6d09a}
.nk{display:block;font:400 .7rem/1.4 var(--sans);letter-spacing:.32em;text-transform:uppercase;color:#e6d09a;margin-bottom:1.4rem}
.nt{display:block;font:400 clamp(2rem,5vw,4rem)/1.1 var(--serif);margin-bottom:2rem}
.ngo{display:inline-flex;align-items:center;gap:16px;font:400 .72rem/1 var(--sans);letter-spacing:.3em;text-transform:uppercase;color:var(--gold)}
.ngo::after{content:"";width:34px;height:1px;background:currentColor;transition:width .5s}
.next:hover .ngo::after{width:72px}
.site-footer.fx{display:block}
.fnav{display:flex;flex-wrap:wrap;gap:12px 34px;justify-content:center;padding-bottom:26px;margin-bottom:26px;border-bottom:1px solid var(--hair)}
.site-footer .links a[href^="mailto"],.req a[href^="mailto"]{text-transform:none;letter-spacing:.04em}
.fbot{display:flex;flex-wrap:wrap;gap:14px 40px;justify-content:space-between;align-items:center}
.site-footer .links{display:flex;gap:28px;flex-wrap:wrap}
.site-footer .up{color:var(--bronze)}

.trio3{display:grid;gap:0;margin-top:1.6rem;border-top:1px solid var(--hair)}
.trio3 div{padding:1.2rem 0;border-bottom:1px solid var(--hair)}
.trio3 h3{font:400 .7rem/1.4 var(--sans);letter-spacing:.3em;text-transform:uppercase;color:var(--bronze);margin:0 0 .4rem}
.trio3 p{font:400 1.2rem/1.5 var(--serif);color:var(--ink);margin:0}
/* Figuras */
.fig{margin:0}
.fig img{width:100%}
.fig figcaption{font:italic 400 1.05rem/1.5 var(--serif);color:var(--soft);margin-top:.9rem}
.bleed{margin:0}
.bleed img{width:100%;height:clamp(340px,80vh,920px);object-fit:cover}
.mosaic{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:clamp(14px,2vw,30px)}
.mosaic .a{grid-column:1/8;grid-row:1/3}.mosaic .b{grid-column:8/13}.mosaic .c{grid-column:8/13}
.mosaic .a img{height:100%;object-fit:cover}
.mosaic .b img,.mosaic .c img{aspect-ratio:3/2;object-fit:cover}
.trio{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(14px,2vw,30px)}
.trio img{aspect-ratio:4/5;object-fit:cover;height:auto}
.cols{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(36px,7vw,120px);align-items:start}
.cols.even{grid-template-columns:repeat(2,minmax(0,1fr));align-items:center}
.cols.flip .fig{order:-1}
@media (max-width:860px){
  .cols,.cols.even{grid-template-columns:1fr}.cols.flip .fig{order:0}
  .mosaic{grid-template-columns:1fr}.mosaic .a,.mosaic .b,.mosaic .c{grid-column:1;grid-row:auto}
  .mosaic .a img{height:auto;aspect-ratio:3/2}
  .trio{grid-template-columns:1fr}.trio img{aspect-ratio:3/2}
}

/* Datos de la villa */
.facts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:1px solid var(--hair);border-bottom:1px solid var(--hair);margin:0}
.facts div{padding:2.4rem 1rem 2.2rem;text-align:center}
.facts div+div{border-left:1px solid var(--hair)}
.facts dt{font:400 clamp(1.9rem,3.6vw,3.2rem)/1 var(--serif);color:var(--ink);margin:0 0 .9rem;white-space:nowrap}
.facts dd{margin:0;font:400 .66rem/1.5 var(--sans);letter-spacing:.26em;text-transform:uppercase;color:var(--soft)}
@media (max-width:700px){.facts{grid-template-columns:repeat(2,minmax(0,1fr))}.facts div:nth-child(3){border-left:0}.facts div:nth-child(n+3){border-top:1px solid var(--hair)}}
.specs{margin:0;border-top:1px solid var(--hair)}
.specs div{display:grid;grid-template-columns:minmax(0,13rem) minmax(0,1fr);gap:20px;padding:1.05rem 0;border-bottom:1px solid var(--hair)}
.specs dt{font:400 .66rem/1.9 var(--sans);letter-spacing:.26em;text-transform:uppercase;color:var(--soft)}
.specs dd{margin:0;font:400 1.3rem/1.5 var(--serif);color:var(--ink)}
@media (max-width:640px){.specs div{grid-template-columns:1fr;gap:2px}}
.three{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(28px,4vw,64px)}
.three h3{font:400 .7rem/1.4 var(--sans);letter-spacing:.3em;text-transform:uppercase;color:var(--bronze);margin:0 0 1.1rem;padding-top:1.3rem;border-top:1px solid var(--hair)}
.three p{font:400 1.2rem/1.65 var(--serif);color:var(--ink)}
@media (max-width:860px){.three{grid-template-columns:1fr}}
.quote{font:italic 400 clamp(1.5rem,3vw,2.4rem)/1.25 var(--serif);color:var(--ink);margin:0 auto;max-width:26ch}

/* Cómo llegar */
.list{list-style:none;margin:0 0 1.6rem;padding:0;border-top:1px solid var(--hair)}
.list li{padding:.8rem 0;border-bottom:1px solid var(--hair);color:var(--soft);display:flex;justify-content:space-between;gap:20px}
.list li strong{font:400 1.25rem/1.4 var(--serif);color:var(--ink)}
.list li span{font:400 .7rem/1.9 var(--sans);letter-spacing:.18em;text-transform:uppercase}
.subh{font:400 .7rem/1.4 var(--sans);letter-spacing:.3em;text-transform:uppercase;color:var(--bronze);margin:2.4rem 0 1rem}
.subh:first-child{margin-top:0}

/* Contacto y pie */
.contact{text-align:center}
.contact .mail{display:inline-block;font:400 clamp(1.2rem,2.6vw,2rem)/1.3 var(--serif);color:var(--ivory);text-decoration:none;border-bottom:1px solid var(--bronze-lt);padding-bottom:.25em;margin-top:.8rem;transition:color .3s}
.contact .mail:hover{color:var(--bronze-lt)}
.contact .where{font:400 .7rem/1.6 var(--sans);letter-spacing:.3em;text-transform:uppercase;color:#9aa0ad;margin:1.6rem 0 0}
.eco{font:italic 400 1.15rem/1.7 var(--serif);color:var(--soft);max-width:40rem;margin:0 auto;text-align:center}
.site-footer{display:flex;flex-wrap:wrap;gap:14px 40px;justify-content:space-between;align-items:center;padding:34px var(--gutter);border-top:1px solid var(--hair);font:400 .66rem/1.6 var(--sans);letter-spacing:.2em;text-transform:uppercase;color:var(--soft)}
.site-footer a{text-decoration:none;color:inherit;border-bottom:1px solid transparent;transition:border-color .3s}
.site-footer a:hover{border-bottom-color:currentColor}
.site-footer .links{display:flex;gap:28px;flex-wrap:wrap}

/* Cabecera de página interior */
.page-head{padding:calc(var(--hh) + clamp(64px,10vw,150px)) var(--gutter) clamp(44px,6vw,90px)}
.page-head h1{font-size:clamp(2.2rem,5vw,4.4rem);line-height:1.1;max-width:18ch}
.page-head .lede{max-width:40rem;margin:2rem 0 0;color:var(--soft)}
.page-head.dark .lede{color:#c9c4b9}
.legal{max-width:46rem}
.legal h2{font:400 .7rem/1.4 var(--sans);letter-spacing:.3em;text-transform:uppercase;color:var(--bronze);margin:2.8rem 0 1rem}
.legal dl{margin:0 0 1rem;border-top:1px solid var(--hair)}
.legal dl div{padding:.8rem 0;border-bottom:1px solid var(--hair);display:grid;grid-template-columns:minmax(0,12rem) 1fr;gap:16px}
.legal dt{font:400 .66rem/1.9 var(--sans);letter-spacing:.24em;text-transform:uppercase;color:var(--soft)}
.legal dd{margin:0;color:var(--ink)}
@media (max-width:640px){.legal dl div{grid-template-columns:1fr;gap:2px}}

/* Huecos pendientes (solo borrador) */
.pending{border:1px dashed #b3a995;color:var(--soft);padding:26px;font-size:.92rem;line-height:1.6;display:flex;flex-direction:column;justify-content:center;min-height:170px;background:rgba(0,0,0,.015)}
.pending strong{font:400 .64rem/1.4 var(--sans);letter-spacing:.28em;text-transform:uppercase;color:var(--bronze);margin-bottom:.6rem}
.pending.tall{min-height:clamp(260px,36vw,460px)}

/* Aparición suave */
.reveal{transition:opacity 1.1s ease,transform 1.1s ease}
.reveal.pre{opacity:0;transform:translateY(16px)}
.reveal.pre.in{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal.pre{opacity:1;transform:none;transition:none}.site-header,.nav a::after,.link{transition:none}}

/* ===== Interacción: se nota qué es pulsable ===== */
/* Menú superior: rayita dorada fija bajo cada apartado (sustituye a la flecha) y, al pasar, se llena y el texto se ilumina */
.nav a .chev{display:none!important}
.nav a{transition:color .3s ease,letter-spacing .35s ease,transform .35s ease}
.nav a::after{right:auto;width:0;height:1px;left:0;bottom:2px;transition:width .45s cubic-bezier(.2,.7,.2,1),height .3s,background-color .3s}
.nav a:hover,.nav a:focus-visible{color:var(--gold);letter-spacing:.27em;transform:translateY(-1px)}
.nav a:hover::after,.nav a:focus-visible::after{width:100%;right:auto;height:2px;background:var(--gold)}
.nav a[aria-current="page"]::after{width:100%;right:auto}
.site-header.is-solid .nav a:hover,.site-header.solid-always .nav a:hover,.site-header.is-solid .nav a:focus-visible,.site-header.solid-always .nav a:focus-visible{color:var(--bronze)}
.site-header.is-solid .nav a:hover::after,.site-header.solid-always .nav a:hover::after{background:var(--bronze)}
@media (min-width:820px) and (max-width:1240px){.nav a:hover{letter-spacing:.17em}}
@media (max-width:819px){.nav a::after{display:none}.nav a:hover,.nav a:active{color:var(--gold);transform:none;letter-spacing:.01em}}
/* Bloque "siguiente sección": el título se ilumina, aparece subrayado y la flecha crece */
.next .nt{transition:color .5s ease,letter-spacing .6s ease;position:relative;display:inline-block}
.next .nt::after{content:"";position:absolute;left:50%;right:50%;bottom:-.18em;height:2px;background:var(--gold);transition:left .55s cubic-bezier(.2,.7,.2,1),right .55s cubic-bezier(.2,.7,.2,1)}
.next:hover .nt,.next:focus-visible .nt{color:#f0e1b5}
.next:hover .nt::after,.next:focus-visible .nt::after{left:0;right:0}
.next .nk,.next .ngo{transition:color .4s}
.next:hover .ngo{color:#f0e1b5}
.next .nt{display:table;margin-left:auto;margin-right:auto}
/* Tarjetas de la home: título dorado y subrayado al pasar */
.tile h3{transition:color .4s ease;position:relative}
.tile:hover h3,.tile:focus-visible h3{color:#f0e1b5}
.tile:hover::before{background:linear-gradient(180deg,rgba(10,20,37,0) 20%,rgba(10,20,37,.8) 100%)}
.tile .go{transition:color .4s,letter-spacing .4s}
.tile:hover .go{color:#f0e1b5;letter-spacing:.36em}
/* Pie: enlaces con subrayado dorado que crece */
.site-footer a{position:relative;border-bottom:0!important;transition:color .3s ease}
.site-footer a::after{content:"";position:absolute;left:0;bottom:-5px;width:0;height:1px;background:var(--bronze);transition:width .4s ease}
.site-footer a:hover,.site-footer a:focus-visible{color:var(--bronze)}
.site-footer a:hover::after,.site-footer a:focus-visible::after{width:100%}
/* Botones principales: reaccionan con claridad */
.btn-ghost:hover,.btn-ghost:focus-visible{background:var(--gold);color:var(--navy);letter-spacing:.34em}

/* Portada: texto de venta */
.hero .brand-hero{margin:0 0 1.1rem;font:400 clamp(1.7rem,4.2vw,3.4rem)/1.1 var(--serif);letter-spacing:.3em;text-transform:uppercase;color:#fff;text-shadow:0 2px 26px rgba(10,20,37,.85),0 0 3px rgba(10,20,37,.5);padding-left:.3em}
.hero .brand-hero+.kicker{margin-bottom:1.3rem}
.hero h1{font-size:clamp(2rem,4.6vw,4rem)}
@media (max-width:520px){.hero .brand-hero{letter-spacing:.2em;padding-left:.2em;font-size:clamp(1.35rem,6.4vw,1.8rem)}.hero h1{font-size:clamp(1.8rem,8vw,2.3rem)}}
.hero::after{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse 44% 38% at 50% 68%,rgba(10,20,37,.62) 0%,rgba(10,20,37,.42) 45%,rgba(10,20,37,0) 100%)}
.hero-copy{z-index:1}
@media (max-width:520px){.hero::after{background:radial-gradient(ellipse 95% 44% at 50% 62%,rgba(10,20,37,.6) 0%,rgba(10,20,37,.4) 55%,rgba(10,20,37,0) 100%)}}
.hero .lead{max-width:40rem;margin:1.4rem auto 0;font:300 clamp(.95rem,1.5vw,1.12rem)/1.65 var(--sans);color:#f4efe6;text-shadow:0 1px 16px rgba(10,20,37,.95)}
.hero .from{margin:1.4rem 0 2.4rem;font:400 clamp(1.05rem,1.8vw,1.4rem)/1.3 var(--serif);color:#f4efe6;text-shadow:0 1px 16px rgba(10,20,37,.95)}
.hero .from b{font-weight:400;color:#e6d09a;font-size:1.25em}
.hero .from span{display:block;font:400 .66rem/1.4 var(--sans);letter-spacing:.24em;text-transform:uppercase;margin:.8em 0 0;color:#d9d4c8}

/* ===== Sin JavaScript / pantallas táctiles (iPad): menú siempre visible, en varias líneas, sin flechas ===== */
html:not(.js) .nav{flex-wrap:wrap;overflow:visible;justify-content:center;gap:2px 20px;width:100%;padding:0 0 8px}
html:not(.js) .nav a{font-size:.6rem;letter-spacing:.17em;padding:10px 0 12px}
html:not(.js) .nav a .chev,html:not(.js) .nav a .fly{display:none!important}
html:not(.js) .nav a::after{display:block!important;width:0;height:1px;left:0;right:auto;bottom:3px;background:var(--gold)}
html:not(.js) .nav a[aria-current="page"]::after,html:not(.js) .nav a:active::after,html:not(.js) .nav a:hover::after{width:100%}
html:not(.js) .nav a[aria-current="page"]{color:var(--gold)}
html:not(.js) .site-header{align-items:center}
@media (max-width:819px){html:not(.js){--hh:148px}}
/* Al tocar (iPad/móvil) se ilumina igual que al pasar el cursor */
.nav a:active{color:var(--gold)}
.nav a:active::after{width:100%;height:2px}
.next:active .nt{color:#f0e1b5}.next:active .nt::after{left:0;right:0}.next:active::after{inset:12px;border-color:var(--gold)}
.tile:active h3{color:#f0e1b5}.tile:active::after{border-color:var(--gold);inset:10px}
/* Casillas (opción B): foto limpia, título debajo, sin velo */
.tile{aspect-ratio:auto;background:none;border:0;color:var(--ink);justify-content:flex-start;isolation:auto}
.tile .ph,.tile .phfit,.tile .phlite,.tile .phplan{position:relative;inset:auto;display:block;aspect-ratio:4/5;z-index:0;filter:none;transform:none;background-size:cover;background-position:center;border:1px solid rgba(10,20,37,.15)}
.tile .phfit{background-position:46% 50%}
.tile:hover .ph,.tile:focus-visible .ph{transform:none}
.tile::before,.tile::after{display:none}
.tile .ph::after{content:"";position:absolute;inset:12px;border:1px solid transparent;pointer-events:none;transition:border-color .45s ease,inset .45s ease}
.tile:hover .ph::after,.tile:focus-visible .ph::after,.tile:active .ph::after{border-color:#f0e1b5;inset:8px}
.tile .n{top:22px;left:24px;color:#f0e1b5;text-shadow:0 1px 8px rgba(10,20,37,.9),0 0 2px rgba(10,20,37,.8);z-index:1}
.tile:nth-child(5) .n{color:var(--bronze);text-shadow:none}
.tile h3{color:var(--ink);margin:1.1rem 0 0}
.tile:hover h3,.tile:focus-visible h3,.tile:active h3{color:var(--bronze)}
.tile .go{margin:.7rem 0 0;color:var(--bronze)}
.tile:hover .go{color:var(--bronze)}
@media (max-width:900px){.tile .ph{aspect-ratio:3/4}.tile h3,.tile .go{margin-left:0;margin-right:0}.tile .n{left:18px}}
@media (max-width:520px){.tile .ph{aspect-ratio:1/1}}
.btn-ghost:active,.btn-solid:active{background:var(--gold);color:var(--navy)}
.site-footer a:active{color:var(--bronze)}.site-footer a:active::after{width:100%}

/* ===== Menú de arriba en UNA sola línea (visor sin JavaScript y pantallas estrechas) ===== */
html:not(.js) .only-m{display:none!important}
html:not(.js) .nav{flex-wrap:nowrap;justify-content:center;gap:0 clamp(9px,2.4vw,20px);padding:0 0 6px}
html:not(.js) .nav a{font-size:clamp(.5rem,1.9vw,.62rem);letter-spacing:.1em;padding:10px 0 12px;white-space:nowrap}
@media (max-width:719px){html:not(.js) .long{display:none}}
@media (max-width:819px){html:not(.js){--hh:104px}}
@media (max-width:560px){html:not(.js) .nav{gap:0 7px}html:not(.js) .nav a{letter-spacing:.04em;font-size:.5rem}html:not(.js) .site-header{padding-left:12px;padding-right:12px}}
/* ===== Selector de idioma ===== */
.langs a,.langs span{opacity:.5}
.langs span[aria-current="true"]{opacity:1}
.nav .langs a{font:inherit;letter-spacing:inherit;text-transform:none;padding:0;transform:none;color:inherit;transition:opacity .3s}
.nav .langs a::before,.nav .langs a::after{display:none!important}
.nav .langs a:hover,.nav .langs a:focus-visible,.nav .langs a:active{opacity:1;letter-spacing:inherit;transform:none;color:inherit}
html:not(.js) .langs{display:flex;position:absolute;right:12px;top:8px;margin:0;padding:0;border:0;gap:9px;font-size:.5rem}
html:not(.js) .nav .langs a{font-size:.5rem;padding:0;letter-spacing:.14em}