@font-face{font-family:Cinzel;font-style:normal;font-weight:500 600;font-display:swap;src:url(/fonts/cinzel-600-latin.woff2) format("woff2")}
@font-face{font-family:Inter;font-style:normal;font-weight:300 500;font-display:swap;src:url(/fonts/inter-var-latin.woff2) format("woff2")}
/* RMC Living v2 — scroll storytelling · kit v3 (logo v4): negro + oro, Cinzel + Inter */
:root{--noir:#050505;--ink:#0b0b0b;--gold:#C8993C;--gold-hi:#E3BA59;--gold-deep:#8E691F;--ivory:#F0EDE6;--taupe:#b9b3a6;
  --grad:linear-gradient(180deg,#FBEBB5 0%,#E9C46A 25%,#C8993C 55%,#8E691F 85%);--dock:76px}
*{box-sizing:border-box;margin:0}
html{background:var(--noir);color:var(--ivory);-webkit-text-size-adjust:100%}
body{font:300 17px/1.6 Inter,system-ui,sans-serif;overflow-x:hidden;padding-bottom:var(--dock)}
img,video{display:block;max-width:100%}
a{color:var(--gold-hi)}
.skip{position:absolute;left:-999px}.skip:focus{left:12px;top:12px;z-index:99;background:var(--gold);color:#000;padding:8px 12px}
.eyebrow{font:500 12px Inter;letter-spacing:.38em;text-transform:uppercase;color:var(--gold-hi);margin-bottom:18px}
.display{font:600 clamp(40px,9vw,96px)/1.02 Cinzel,serif;letter-spacing:.02em;text-transform:uppercase}
.display--md{font-size:clamp(30px,6vw,60px)}.display--xl{font-size:clamp(38px,8.5vw,110px)}
.gold{background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}
.lead{font-size:clamp(17px,2.2vw,21px);color:#d9d4c8;max-width:640px;margin-top:22px}
.small{font-size:13px;color:var(--taupe);margin-top:10px}
.dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:#25D366;margin-right:8px;box-shadow:0 0 0 3px rgba(37,211,102,.18);vertical-align:1px}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:0 24px;font:500 15px Inter;letter-spacing:.06em;text-decoration:none;border-radius:2px;cursor:pointer;border:0;transition:transform .2s,filter .2s}
.btn:hover{transform:translateY(-1px);filter:brightness(1.08)}
.btn--gold{background:linear-gradient(180deg,#F1D27D,#C8993C 60%,#A9802F);color:#120d03}
.btn--ghost{background:transparent;color:var(--ivory);border:1px solid rgba(227,186,89,.55)}
.btn--wa{background:#25D366;color:#062b14}
.btn--sm{min-height:40px;padding:0 16px;font-size:13px}
.linkbtn{background:none;border:0;color:var(--gold-hi);font:inherit;cursor:pointer;padding:0;text-decoration:underline}
.ctas{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}.ctas--center{justify-content:center}

/* nav */
.nav{position:fixed;inset:0 0 auto;z-index:50;display:flex;align-items:center;gap:16px;padding:12px clamp(16px,4vw,40px);
  background:linear-gradient(180deg,rgba(5,5,5,.85),rgba(5,5,5,0));backdrop-filter:blur(2px)}
.nav__logo img{height:44px;width:auto}
.nav__tag{flex:1;text-align:center;font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:#e9e4d8}
@media (max-width:720px){.nav__tag{display:none}.nav .btn{margin-left:auto}}

/* hero */
.hero{position:relative;height:100svh;min-height:560px;overflow:hidden;display:flex;align-items:flex-end}
.hero__video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.hero__shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(5,5,5,.35) 0%,rgba(5,5,5,.1) 35%,rgba(5,5,5,.75) 72%,#050505 100%)}
.hero__copy{position:relative;padding:0 clamp(20px,6vw,80px) clamp(70px,12vh,120px);max-width:1100px}
.hero__scroll{position:absolute;bottom:18px;left:50%;transform:translateX(-50%);font-size:11px;letter-spacing:.4em;text-transform:uppercase;color:var(--taupe)}

/* why */
.why{height:260vh;position:relative}
.why__pin{position:sticky;top:0;height:100svh;display:flex;flex-direction:column;justify-content:center;padding:0 clamp(20px,8vw,120px)}
.why__line{font:600 clamp(30px,7vw,84px)/1.1 Cinzel,serif;text-transform:uppercase;opacity:.12;transition:opacity .4s}
.why__line.on{opacity:1}

/* stays (sticky) */
.stay{position:relative;height:300vh}
.stay__pin{position:sticky;top:0;height:100svh;overflow:hidden}
.stay__img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;will-change:transform,opacity}
.stay__img.first{opacity:1}
.stay__shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(5,5,5,.55) 0%,rgba(5,5,5,0) 30%,rgba(5,5,5,.2) 50%,rgba(5,5,5,.92) 82%)}
.stay__copy{position:absolute;left:0;right:0;bottom:calc(var(--dock) + 16px);padding:0 clamp(20px,6vw,80px);max-width:900px}
.stay__copy h2{font:600 clamp(30px,6.5vw,72px)/1.05 Cinzel,serif;text-transform:uppercase}
.stay__meta{display:flex;flex-wrap:wrap;gap:8px 18px;margin-top:12px;font-size:13px;letter-spacing:.14em;text-transform:uppercase;color:var(--gold-hi)}
.stay__copy p.desc{margin-top:12px;color:#ddd8cc;max-width:620px}
.stay__count{position:absolute;top:84px;right:clamp(16px,4vw,40px);font:500 12px Inter;letter-spacing:.3em;color:var(--gold-hi)}

/* areas / owners */
.areas,.owners{padding:clamp(90px,14vh,160px) clamp(20px,6vw,80px)}
.areas__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:18px;margin-top:40px}
.area{border:1px solid rgba(142,105,31,.6);padding:26px;background:linear-gradient(180deg,#0e0d0b,#070707)}
.area h3{font:600 20px Cinzel,serif;color:var(--gold-hi);margin-bottom:10px}
.owners{background:radial-gradient(ellipse at 30% 20%,#1b1a17,#050505 65%);min-height:90svh;display:flex;flex-direction:column;justify-content:center}
.owners .btn{align-self:flex-start;margin-top:30px}

/* close */
.close{position:relative;min-height:100svh;display:flex;align-items:center;justify-content:center;text-align:center;overflow:hidden}
.close__bg{position:absolute;inset:-8%;background-size:cover;background-position:center;will-change:transform}
.close__shade{position:absolute;inset:0;background:radial-gradient(ellipse at center,rgba(5,5,5,.72),rgba(5,5,5,.95) 70%)}
.close__copy{position:relative;padding:40px 20px;display:flex;flex-direction:column;align-items:center}
.close__logo{width:min(300px,62vw);height:auto}
.close .lead{margin-left:auto;margin-right:auto}

/* footer */
.foot{padding:50px clamp(20px,6vw,80px) 30px;border-top:1px solid #1f1c16;text-align:center;font-size:14px}
.foot img{margin:0 auto 14px;height:56px;width:auto}

/* dock */
.dock{position:fixed;left:0;right:0;bottom:0;z-index:60;height:var(--dock);display:flex;align-items:center;gap:10px;padding:0 12px calc(env(safe-area-inset-bottom));
  background:rgba(5,5,5,.92);border-top:1px solid rgba(142,105,31,.6);backdrop-filter:blur(6px)}
.dock__tag{flex:1;font-size:12px;color:#e9e4d8;letter-spacing:.04em}
.dock .btn{min-height:48px}
@media (max-width:420px){.dock__tag{font-size:11px}.dock .btn--wa span{display:none}.dock .btn{padding:0 16px}}

/* consent */
.consent{position:fixed;left:12px;right:12px;bottom:calc(var(--dock) + 12px);z-index:70;max-width:560px;margin:auto;background:#0b0b0b;border:1px solid var(--gold-deep);padding:16px 18px;font-size:14px;box-shadow:0 10px 30px rgba(0,0,0,.6)}
.consent__btns{display:flex;gap:10px;justify-content:flex-end;margin-top:12px}

/* movimiento reducido: sin pins largos ni vídeo */
@media (prefers-reduced-motion:reduce){.why{height:auto}.why__pin{position:static;height:auto;padding:100px 24px}.why__line{opacity:1}
  .stay{height:auto}.stay__pin{position:relative}.stay__img{opacity:0}.stay__img.first{opacity:1}}

/* evita el salto de diseño (CLS) al llegar Cinzel: el texto del hero espera a las fuentes (máx. 1,2 s) */
html:not(.fonts) .hero__copy,html:not(.fonts) .why__pin{visibility:hidden}

/* precio "desde" (solo si cumple la comprobación ASA) */
.price{margin-top:16px;font:500 13px Inter;letter-spacing:.24em;text-transform:uppercase;color:var(--gold-hi)}
.price b{font:600 22px Cinzel,serif;letter-spacing:.04em;color:var(--ivory);margin-left:6px}
/* reseñas reales */
.reviews{padding:clamp(90px,14vh,160px) clamp(20px,6vw,80px)}
.rev__of{font:500 22px Inter;color:var(--taupe)}
.reviews__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:18px;margin-top:36px}
.rev{border:1px solid rgba(142,105,31,.6);padding:24px;background:linear-gradient(180deg,#0e0d0b,#070707);display:flex;flex-direction:column;gap:12px}
.rev__score{font:600 18px Cinzel,serif;color:var(--gold-hi)}
.rev q{quotes:"\201C" "\201D";color:#e6e1d5}
.rev__who{font-size:13px;color:var(--taupe);margin-top:auto}

.owners__links{list-style:none;padding:0;margin-top:26px;display:flex;flex-wrap:wrap;gap:10px 22px}.owners__links a{color:var(--gold-hi);text-decoration:none;border-bottom:1px solid rgba(227,186,89,.4)}

/* menú de cabecera */
.nav__menu{flex:1;display:flex;justify-content:center;gap:26px}
.nav__menu a{color:#e9e4d8;text-decoration:none;font-size:13px;letter-spacing:.14em;text-transform:uppercase}
.nav__menu a:hover{color:var(--gold-hi)}
@media (max-width:720px){.nav__menu{gap:14px;justify-content:flex-end}.nav__menu a{font-size:11px;letter-spacing:.08em}.nav__menu a[href="/about"]{display:none}.nav .btn{display:none}}