/* ============================================================
   VILLA NOLA — Landing
   Estética editorial de lujo (clon de referencia v7)
   ============================================================ */

:root{
  --cream:#F9F7F4;
  --cream-2:#F3EFE9;
  --beige:#E8E4DE;
  --ink:#1A1A1A;
  --ink-soft:#222;
  --gold:#AE8453;      /* dorado tirando a bronce — madera y hierro de la Villa */
  --gold-dark:#8F6A3D;
  --text:#555;
  --text-light:#777;
  --muted:#999;
  --white:#fff;
  --line:rgba(26,26,26,.10);
  --serif:"Cormorant Garamond", Georgia, serif;
  --sans:"Montserrat", sans-serif;
  --body:"DM Sans", system-ui, sans-serif;
  --maxw:1240px;
  --ease:cubic-bezier(.22,.61,.36,1);
}

*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;overflow-x:hidden}
body{
  font-family:var(--body);
  color:var(--text);
  background:var(--cream);
  line-height:1.7;
  font-weight:400;
  overflow-x:hidden;
}
img{max-width:100%;display:block}
a{color:inherit;text-decoration:none}
ul{list-style:none}

.container{max-width:var(--maxw);margin:0 auto;padding:0 32px;width:100%}
.center{text-align:center}
/* el header fijo no tapa el inicio de sección al navegar por anclas */
section[id]{scroll-margin-top:90px}

/* ---------- Typographic primitives ---------- */
.eyebrow{
  font-family:var(--sans);
  font-size:.72rem;
  letter-spacing:.28em;
  text-transform:uppercase;
  color:var(--gold);
  font-weight:500;
  margin-bottom:1.4rem;
}
.eyebrow-light{color:rgba(255,255,255,.85)}
.eyebrow-gold{color:var(--gold)}

.section-title{
  font-family:var(--serif);
  font-weight:300;
  font-size:clamp(2.4rem,5vw,3.6rem);
  line-height:1.08;
  color:var(--ink);
  letter-spacing:.005em;
}
.section-title.light{color:var(--cream)}

.section-head{margin-bottom:3.5rem}
.section-head.center{display:flex;flex-direction:column;align-items:center}
.rule{display:block;width:60px;height:1px;background:var(--gold);margin:1.6rem 0 0}

/* ---------- Buttons ---------- */
.btn{
  display:inline-flex;align-items:center;justify-content:center;gap:.55rem;
  font-family:var(--sans);
  font-size:.74rem;
  letter-spacing:.18em;
  text-transform:uppercase;
  font-weight:500;
  padding:1.05rem 2.4rem;
  cursor:pointer;border:1px solid transparent;
  transition:all .4s var(--ease);
  white-space:nowrap;
}
.btn-gold{background:var(--gold);color:#fff;border-color:var(--gold)}
.btn-gold:hover{background:var(--gold-dark);border-color:var(--gold-dark);transform:translateY(-2px)}
.btn-dark{background:var(--ink);color:#fff;border-color:var(--ink)}
.btn-dark:hover{background:#000}
.btn-ghost{background:transparent;color:var(--ink);border-color:var(--ink)}
.btn-ghost:hover{background:var(--ink);color:#fff}
.btn-ghost-light{background:transparent;color:#fff;border-color:rgba(255,255,255,.6)}
.btn-ghost-light:hover{background:#fff;color:var(--ink);border-color:#fff}
.wa-ico{width:16px;height:16px;fill:currentColor}

/* ============================================================
   HEADER
   ============================================================ */
.site-header{
  position:fixed;top:0;left:0;right:0;z-index:100;
  transition:background .5s var(--ease), box-shadow .5s var(--ease), padding .4s var(--ease);
  padding:.5rem 0;
}
.header-inner{
  max-width:1340px;margin:0 auto;padding:0 36px;
  display:flex;align-items:center;justify-content:space-between;gap:1.5rem;
  height:84px;
}
.brand{display:flex;flex-direction:column;line-height:1.2}
.brand-name{
  font-family:var(--serif);font-size:1.55rem;font-weight:500;
  letter-spacing:.14em;color:#fff;transition:color .5s var(--ease);
}
.brand-sub{
  font-family:var(--sans);font-size:.58rem;letter-spacing:.3em;
  text-transform:uppercase;color:rgba(255,255,255,.7);margin-top:.25rem;
  transition:color .5s var(--ease);
}
.nav-desktop{display:flex;gap:2.4rem}
.nav-desktop a{
  font-family:var(--sans);font-size:.72rem;letter-spacing:.16em;
  text-transform:uppercase;color:rgba(255,255,255,.9);font-weight:400;
  position:relative;padding:.3rem 0;transition:color .35s var(--ease);
}
.nav-desktop a::after{
  content:"";position:absolute;left:0;bottom:-2px;width:0;height:1px;
  background:var(--gold);transition:width .35s var(--ease);
}
.nav-desktop a:hover{color:#fff}
.nav-desktop a:hover::after{width:100%}
.btn-header{padding:.85rem 1.9rem}

/* scrolled state */
.site-header.scrolled{background:rgba(249,247,244,.96);box-shadow:0 1px 20px rgba(0,0,0,.06);backdrop-filter:blur(8px)}
.site-header.scrolled .brand-name{color:var(--ink)}
.site-header.scrolled .brand-sub{color:var(--muted)}
.site-header.scrolled .nav-desktop a{color:var(--ink)}
.site-header.scrolled .nav-toggle span{background:var(--ink)}

/* mobile toggle */
.nav-toggle{display:none;flex-direction:column;gap:5px;background:none;border:0;cursor:pointer;padding:6px}
.nav-toggle span{width:26px;height:2px;background:#fff;transition:all .35s var(--ease)}
.nav-toggle.open span:nth-child(1){transform:translateY(7px) rotate(45deg)}
.nav-toggle.open span:nth-child(2){opacity:0}
.nav-toggle.open span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}

.mobile-menu{
  position:fixed;inset:0;z-index:99;background:var(--cream);
  display:flex;align-items:center;justify-content:center;
  transform:translateX(100%);transition:transform .5s var(--ease);
}
.mobile-menu.open{transform:translateX(0)}
.mobile-menu nav{display:flex;flex-direction:column;align-items:center;gap:2rem}
.mobile-menu a{
  font-family:var(--serif);font-size:1.8rem;color:var(--ink);
}
.mobile-menu .btn{font-family:var(--sans);font-size:.78rem;margin-top:1rem}

/* ============================================================
   HERO
   ============================================================ */
.hero{position:relative;height:100vh;min-height:640px;display:flex;align-items:center;justify-content:center;overflow:hidden}
.hero-video,.hero-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:1}
.hero-overlay{
  position:absolute;inset:0;z-index:2;
  background:
    radial-gradient(ellipse 90% 70% at 50% 50%,rgba(0,0,0,.42) 0%,rgba(0,0,0,0) 70%),
    linear-gradient(to bottom,rgba(0,0,0,.40) 0%,rgba(0,0,0,.22) 40%,rgba(0,0,0,.52) 100%);
}
.hero-content{position:relative;z-index:3;text-align:center;color:#fff;padding:0 24px;max-width:900px}
.hero-title{
  font-family:var(--serif);font-weight:500;
  font-size:clamp(3.4rem,9vw,6.6rem);line-height:1;
  text-transform:uppercase;letter-spacing:.12em;
  margin-bottom:.4rem;text-shadow:0 2px 30px rgba(0,0,0,.3);
}
.hero-subtitle{
  font-family:var(--serif);font-style:italic;font-weight:400;
  font-size:clamp(1.3rem,3vw,2rem);color:rgba(255,255,255,.92);margin-bottom:2.6rem;
}
.hero-actions{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}

.scroll-indicator{
  position:absolute;bottom:34px;left:50%;transform:translateX(-50%);z-index:3;
  width:26px;height:42px;border:1px solid rgba(255,255,255,.6);border-radius:14px;
  display:flex;justify-content:center;padding-top:8px;
}
.scroll-indicator span{width:3px;height:8px;background:#fff;border-radius:2px;animation:scrolldot 1.8s infinite}
@keyframes scrolldot{0%{opacity:0;transform:translateY(0)}40%{opacity:1}80%,100%{opacity:0;transform:translateY(12px)}}

/* ============================================================
   STATS BAR
   ============================================================ */
.stats-bar{background:var(--ink);padding:2.6rem 0}
.stats-inner{
  max-width:var(--maxw);margin:0 auto;padding:0 32px;
  display:grid;grid-template-columns:repeat(6,1fr);gap:1rem;
}
.stat{text-align:center;display:flex;flex-direction:column;gap:.4rem;position:relative}
.stat:not(:last-child)::after{content:"";position:absolute;right:0;top:50%;transform:translateY(-50%);height:38px;width:1px;background:rgba(255,255,255,.12)}
.stat-num{font-family:var(--serif);font-size:2.1rem;color:#fff;font-weight:500;line-height:1}
.stat-num .u{color:var(--gold);font-size:1.2rem}
.stat-label{font-family:var(--sans);font-size:.62rem;letter-spacing:.22em;text-transform:uppercase;color:var(--muted)}

/* ============================================================
   BOOKING
   ============================================================ */
.booking{background:var(--cream-2);padding:6.5rem 0}
.booking-inner{display:flex;flex-direction:column;align-items:center;text-align:center}
.booking-trust{margin-top:1rem;color:var(--text-light);font-size:.95rem}
.booking-trust strong{color:var(--ink);font-weight:500}
.booking-form{
  margin-top:2.8rem;background:#fff;border:1px solid var(--line);
  display:flex;align-items:flex-end;gap:0;flex-wrap:wrap;justify-content:center;
  box-shadow:0 24px 60px -30px rgba(0,0,0,.18);
}
.booking-form .field{display:flex;flex-direction:column;gap:.5rem;text-align:left;padding:1.4rem 1.8rem;border-right:1px solid var(--line);min-width:180px}
.booking-form .field label{font-family:var(--sans);font-size:.6rem;letter-spacing:.2em;text-transform:uppercase;color:var(--muted)}
.booking-form input,.booking-form select{
  border:0;background:transparent;font-family:var(--body);font-size:1rem;color:var(--ink);
  padding:.2rem 0;outline:none;cursor:pointer;
}
.booking-submit{align-self:stretch;padding:1.4rem 2.6rem;border:0}
.booking-license{margin-top:1.8rem;font-size:.68rem;color:var(--muted);max-width:640px;letter-spacing:.02em;overflow-wrap:anywhere}
#hostaway-calendar-widget{width:100%;max-width:820px;margin:2.8rem auto 0}

/* ============================================================
   PROPIEDAD
   ============================================================ */
.propiedad{background:#fff;padding:7.5rem 0}
.feature-grid{display:grid;grid-template-columns:repeat(3,1fr)}
.feature{
  display:flex;flex-direction:column;align-items:center;text-align:center;gap:.7rem;
  padding:3rem 1.5rem;
  border-right:1px solid var(--line);border-bottom:1px solid var(--line);
}
/* líneas solo interiores: sin borde exterior derecho ni inferior (bloques abiertos) */
.feature:nth-child(3n){border-right:none}
.feature:nth-child(n+7){border-bottom:none}
.feat-icon{width:30px;height:30px;fill:none;stroke:var(--gold);stroke-width:1.3;stroke-linecap:round;stroke-linejoin:round}
.feat-num{font-family:var(--serif);font-size:1.7rem;color:var(--ink);font-weight:500}
.feat-label{font-family:var(--sans);font-size:.64rem;letter-spacing:.18em;text-transform:uppercase;color:var(--muted)}

/* ============================================================
   EDITORIAL (split image/text)
   ============================================================ */
.editorial{background:#fff}
.editorial-dark{background:var(--ink)}
.editorial-row{display:grid;grid-template-columns:1fr 1fr;align-items:stretch;min-height:78vh}
.editorial-row.reverse .editorial-img{order:2}
.editorial-img{position:relative;overflow:hidden}
.editorial-img img{width:100%;height:100%;object-fit:cover;transition:transform 1.4s var(--ease)}
.editorial-img:hover img{transform:scale(1.04)}
.editorial-text{display:flex;flex-direction:column;justify-content:center;padding:clamp(3rem,7vw,7rem)}
.editorial-title{font-family:var(--serif);font-style:italic;font-weight:300;font-size:clamp(2.8rem,5.2vw,4.2rem);color:var(--ink);line-height:1.05;margin-bottom:1.6rem}
.editorial-text p{margin-bottom:1.2rem;max-width:46ch;color:var(--text)}
/* eyebrow oro (gana al color gris de .editorial-text p) */
.editorial-text .eyebrow{color:var(--gold)}
.editorial-dark .editorial-text .eyebrow{color:var(--gold)}
.editorial-dark .editorial-title{color:var(--cream)}
.editorial-dark .editorial-text p{color:rgba(255,255,255,.72)}
.pull-quote{
  font-family:var(--serif);font-style:italic;font-size:1.4rem;color:#a8a29a;
  border-left:2px solid var(--gold);padding-left:1.4rem;margin-top:1.4rem;line-height:1.4;
}
.editorial-dark .pull-quote{color:var(--gold)}

/* ============================================================
   TOUR
   ============================================================ */
.tour{background:var(--ink);padding:7rem 0}
.tour .eyebrow{color:var(--gold)}
.tour-sub{color:rgba(255,255,255,.66);max-width:540px;margin:1.2rem auto 0}
/* vídeo en tarjeta centrada (como la referencia), con botón de play y rótulo */
.tour-video{
  position:relative;margin-top:3.5rem;aspect-ratio:16/9;max-width:1000px;margin-left:auto;margin-right:auto;
  overflow:hidden;cursor:pointer;background:#000;
}
.tour-video video{width:100%;height:100%;object-fit:cover}
.tour-video::after{content:"";position:absolute;inset:0;background:rgba(0,0,0,.28);transition:opacity .4s;pointer-events:none}
.tour-video.playing::after{opacity:0}
.play-btn{
  position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:3;
  width:84px;height:84px;border-radius:50%;border:1px solid rgba(255,255,255,.6);
  background:rgba(255,255,255,.12);backdrop-filter:blur(4px);cursor:pointer;
  display:flex;align-items:center;justify-content:center;transition:all .4s var(--ease);
}
.play-btn svg{width:30px;height:30px;fill:#fff;margin-left:3px}
.play-btn:hover{background:var(--gold);border-color:var(--gold);transform:translate(-50%,-50%) scale(1.08)}
.tour-video.playing .play-btn{opacity:0;pointer-events:none}
.tour-caption{position:absolute;left:28px;bottom:24px;z-index:3;display:flex;flex-direction:column;transition:opacity .4s}
.tour-video.playing .tour-caption{opacity:0}
.tour-cap-title{font-family:var(--serif);font-style:italic;font-size:1.3rem;color:#fff}
.tour-cap-sub{font-family:var(--sans);font-size:.62rem;letter-spacing:.22em;text-transform:uppercase;color:rgba(255,255,255,.7);margin-top:.3rem}

/* ============================================================
   SERVICIOS
   ============================================================ */
.servicios{background:#fff;padding:7.5rem 0}
.servicios-intro{max-width:600px;margin:1.6rem auto 0;color:var(--text-light)}
.serv-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:2.5rem 2rem;margin-top:2rem}
.serv-card{padding:1.5rem 1.8rem;text-align:center;display:flex;flex-direction:column;align-items:center;gap:1rem}
/* recuadro alrededor del icono */
.serv-icon-box{
  width:58px;height:58px;display:flex;align-items:center;justify-content:center;
  border:1px solid var(--line);margin-bottom:.5rem;
  transition:border-color .4s var(--ease),background .4s var(--ease);
}
.serv-card:hover .serv-icon-box{border-color:var(--gold);background:rgba(201,169,110,.06)}
.serv-icon{width:24px;height:24px;fill:none;stroke:var(--gold);stroke-width:1.2;stroke-linecap:round;stroke-linejoin:round}
.serv-card h3{font-family:var(--serif);font-size:1.45rem;font-weight:500;color:var(--ink)}
.serv-card p{font-size:.92rem;color:var(--text-light);max-width:30ch}

/* ============================================================
   GALERÍA
   ============================================================ */
.galeria{background:var(--cream-2);padding:7.5rem 0}
/* contenedor ancho ~85% + cabecera en fila (título izq · filtros der) */
.gallery-wrap{width:88%;max-width:1700px;margin:0 auto}
.gallery-head{display:flex;align-items:flex-end;justify-content:space-between;flex-wrap:wrap;gap:1.2rem 2rem;margin-bottom:2.6rem}
.gallery-head-left{display:flex;flex-direction:column}
.gallery-head-left .eyebrow{margin-bottom:.6rem}
.gallery-head .section-title{margin:0}
/* filtros como pestañas de texto (estilo referencia), arriba a la derecha */
.gallery-filters{display:flex;gap:1.8rem;flex-wrap:wrap}
.filter{
  font-family:var(--sans);font-size:.7rem;letter-spacing:.2em;text-transform:uppercase;
  padding:.3rem 0;border:0;background:transparent;color:var(--text-light);
  cursor:pointer;transition:color .35s var(--ease);position:relative;
}
.filter:hover{color:var(--ink)}
.filter.active{color:var(--ink)}
.filter.active::after{content:"";position:absolute;left:0;right:0;bottom:-5px;height:1px;background:var(--gold)}
.gallery-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-auto-rows:230px;gap:14px}
.gal-item{overflow:hidden;position:relative;cursor:pointer}
.gal-item img{width:100%;height:100%;object-fit:cover;transition:transform 1s var(--ease)}
.gal-item:hover img{transform:scale(1.06)}
.gal-item.hide{display:none}

/* ---------- Lightbox / visor de galería ---------- */
.lightbox{position:fixed;inset:0;z-index:200;display:none;align-items:center;justify-content:center;background:rgba(15,13,11,.95)}
.lightbox.open{display:flex}
.lb-img{max-width:90vw;max-height:86vh;object-fit:contain;box-shadow:0 24px 70px rgba(0,0,0,.55)}
.lb-close,.lb-prev,.lb-next{position:absolute;background:transparent;border:0;color:#fff;cursor:pointer;font-family:var(--serif);line-height:1;transition:color .3s var(--ease),transform .3s var(--ease)}
.lb-close{top:22px;right:28px;font-size:2.4rem}
.lb-prev,.lb-next{top:50%;transform:translateY(-50%);font-size:3.6rem;padding:.4rem 1.2rem}
.lb-prev{left:10px}
.lb-next{right:10px}
.lb-close:hover{color:var(--gold)}
.lb-prev:hover{color:var(--gold);transform:translateY(-50%) translateX(-3px)}
.lb-next:hover{color:var(--gold);transform:translateY(-50%) translateX(3px)}
.lb-counter{position:absolute;bottom:22px;left:50%;transform:translateX(-50%);font-family:var(--sans);font-size:.68rem;letter-spacing:.22em;color:rgba(255,255,255,.7)}
@media(max-width:768px){.lb-prev,.lb-next{font-size:2.6rem;padding:.3rem .6rem}.lb-close{top:14px;right:16px}}

/* ============================================================
   CTA
   ============================================================ */
.cta{background:var(--cream);padding:7rem 0;text-align:center}
.cta-title{font-family:var(--serif);font-weight:300;font-size:clamp(2.6rem,6vw,4.4rem);color:var(--ink);line-height:1.05;margin:.4rem 0 1.2rem}
.cta-sub{max-width:480px;margin:0 auto 2.6rem;color:var(--text-light)}
.cta-actions{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}

/* ============================================================
   BARRIO
   ============================================================ */
.barrio{background:#fff;padding:7.5rem 0}
.barrio-inner{display:grid;grid-template-columns:1fr 1fr;gap:5rem;align-items:center}
.barrio .section-title{font-weight:300}
.barrio-place{font-family:var(--serif);font-style:italic;font-size:1.4rem;color:var(--gold);margin:.2rem 0 1.4rem}
.barrio-text>p{max-width:46ch;margin-bottom:2rem}
/* distancias: números pequeños en oro, sin líneas */
.barrio-list li{display:flex;align-items:baseline;gap:1.5rem;padding:.55rem 0}
.bl-time{font-family:var(--serif);font-size:1.05rem;color:var(--gold);min-width:64px;font-weight:400}
.bl-desc{color:var(--text-light);font-size:.95rem}
.barrio-img{aspect-ratio:4/5;overflow:hidden}
.barrio-img img{width:100%;height:100%;object-fit:cover}

/* ============================================================
   CONTACTO
   ============================================================ */
.contacto{background:var(--ink);padding:7.5rem 0;color:#fff}
.contacto-inner{display:grid;grid-template-columns:1fr 1fr;gap:5rem}
.contacto-title{font-family:var(--serif);font-weight:300;font-size:clamp(2.4rem,4.5vw,3.6rem);color:var(--cream);line-height:1.08;margin-bottom:2.4rem}
.contacto-list li{display:flex;flex-direction:column;gap:.2rem;padding:1.1rem 0;border-top:1px solid rgba(255,255,255,.1)}
.contacto-list li:last-child{border-bottom:1px solid rgba(255,255,255,.1)}
.ci-label{font-family:var(--sans);font-size:.6rem;letter-spacing:.2em;text-transform:uppercase;color:var(--gold)}
.contacto-list a,.contacto-list span:not(.ci-label){color:rgba(255,255,255,.85);font-size:1.05rem}
.contacto-list a:hover{color:var(--gold)}
.contacto-license{margin-top:2rem;font-size:.66rem;color:rgba(255,255,255,.4);line-height:1.6;overflow-wrap:anywhere}

.contacto-form{display:flex;flex-direction:column;gap:1.3rem}
.cf-row{display:grid;grid-template-columns:1fr 1fr;gap:1.3rem}
.cf-field{display:flex;flex-direction:column;gap:.5rem}
.cf-field label{font-family:var(--sans);font-size:.6rem;letter-spacing:.2em;text-transform:uppercase;color:rgba(255,255,255,.6)}
.cf-field input,.cf-field textarea{
  background:transparent;border:0;border-bottom:1px solid rgba(255,255,255,.2);
  color:#fff;font-family:var(--body);font-size:1rem;padding:.6rem 0;outline:none;transition:border-color .35s;resize:vertical;
}
.cf-field input:focus,.cf-field textarea:focus{border-color:var(--gold)}
.cf-field input::placeholder{color:rgba(255,255,255,.35)}
.cf-submit{margin-top:.6rem;align-self:flex-start}
.form-status{font-size:.85rem;min-height:1.2em}
.form-status.ok{color:var(--gold)}
.form-status.err{color:#e2a0a0}

/* ============================================================
   FOOTER
   ============================================================ */
.site-footer{background:#141414;color:#fff;padding-top:3.5rem}
.footer-inner{display:flex;align-items:center;justify-content:space-between;gap:2rem;flex-wrap:wrap;padding-bottom:3rem}
.footer-brand{display:flex;flex-direction:column;gap:.4rem}
.footer-brand .brand-name{color:#fff}
.footer-managed{font-family:var(--sans);font-size:.62rem;letter-spacing:.22em;text-transform:uppercase;color:var(--muted)}
.footer-nav{display:flex;gap:2rem}
.footer-nav a{font-family:var(--sans);font-size:.66rem;letter-spacing:.16em;text-transform:uppercase;color:rgba(255,255,255,.6)}
.footer-nav a:hover{color:var(--gold)}
.footer-bottom{border-top:1px solid rgba(255,255,255,.08);padding:1.6rem 0;text-align:center}
.footer-bottom .container{font-family:var(--sans);font-size:.64rem;letter-spacing:.16em;text-transform:uppercase;color:var(--muted)}

/* ============================================================
   FLOATING WHATSAPP
   ============================================================ */
.wa-float{
  position:fixed;right:24px;bottom:24px;z-index:90;
  width:56px;height:56px;border-radius:50%;background:#25D366;
  display:flex;align-items:center;justify-content:center;
  box-shadow:0 10px 30px -8px rgba(0,0,0,.4);transition:transform .35s var(--ease);
}
.wa-float svg{width:30px;height:30px;fill:#fff}
.wa-float:hover{transform:scale(1.1)}

/* ============================================================
   REVEAL ANIMATIONS
   ============================================================ */
.reveal,.reveal-img{opacity:0;transition:opacity 1s var(--ease),transform 1s var(--ease)}
.reveal{transform:translateY(34px)}
.reveal-img{transform:scale(1.03)}
.reveal.in,.reveal-img.in{opacity:1;transform:none}
@media(prefers-reduced-motion:reduce){
  .reveal,.reveal-img{opacity:1;transform:none;transition:none}
  html{scroll-behavior:auto}
}

/* ============================================================
   RESPONSIVE
   ============================================================ */
@media(max-width:1024px){
  .nav-desktop,.btn-header{display:none}
  .nav-toggle{display:flex}
  .serv-grid{grid-template-columns:repeat(2,1fr)}
  .stats-inner{grid-template-columns:repeat(3,1fr);gap:1.6rem 1rem}
  .stat:nth-child(3)::after{display:none}
  .editorial-row{min-height:auto}
}
@media(max-width:768px){
  .container{padding:0 22px}
  .header-inner{padding:0 22px;height:72px}
  .booking-form{flex-direction:column;align-items:stretch;width:100%}
  .booking-form .field{border-right:0;border-bottom:1px solid var(--line);min-width:0}
  .booking-submit{width:100%}
  .editorial-row{grid-template-columns:1fr}
  .editorial-row.reverse .editorial-img{order:0}
  .editorial-img{aspect-ratio:4/3}
  .editorial-text{padding:3rem 1.6rem}
  .barrio-inner,.contacto-inner{grid-template-columns:1fr;gap:3rem}
  .barrio-img{aspect-ratio:16/10}
  .gallery-wrap{width:auto;padding:0 22px}
  .gallery-grid{grid-template-columns:repeat(2,1fr);grid-auto-rows:180px;gap:10px}
  .gal-item.wide{grid-column:span 2}
  .gal-item.tall{grid-row:span 1}
  .cf-row{grid-template-columns:1fr}
  /* propiedad: 1 columna, solo líneas horizontales interiores */
  .feature-grid{grid-template-columns:1fr}
  .feature{border-right:none}
  .feature:nth-child(n+7){border-bottom:1px solid var(--line)}
  .feature:last-child{border-bottom:none}
  .stats-bar{padding:2rem 0}
  .stat-num{font-size:1.7rem}
  .section-head{margin-bottom:2.5rem}
  .booking,.propiedad,.servicios,.galeria,.barrio,.contacto,.tour,.cta{padding:4.5rem 0}
}
@media(max-width:480px){
  .stats-inner{grid-template-columns:repeat(2,1fr)}
  .stat::after{display:none}
  .serv-grid{grid-template-columns:1fr}
  .gallery-grid{grid-template-columns:1fr;grid-auto-rows:220px}
  .gal-item.wide{grid-column:span 1}
}