/* Hoja de estilos de elosoviajes.com.ar. Usa solo los tokens de tokens.css.
   Dirección B aprobada: hero a sangre con video, tarjetas redondeadas, un solo color de acción
   (magenta = la puerta de WhatsApp), sin sombras, dos radios (22 px y píldora).
   Orden: base, botones, encabezado, hero, salidas y tarjetas, cómo viajamos, reseñas, cierre,
   ficha, páginas de texto, pie, barra fija, movimiento reducido. */

/* ===== base ===== */
*{box-sizing:border-box;margin:0}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{background:var(--cream);color:var(--ink);font:var(--fw-text) var(--t-base)/var(--lh-body) var(--f-text);--foco:var(--magenta)}
img,video{display:block;max-width:100%;height:auto}
a{color:inherit}
ul,ol{padding:0}
[hidden]{display:none!important}
.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
:focus-visible{outline:3px solid var(--foco);outline-offset:3px}
.saltar{position:absolute;left:-999px;top:8px;z-index:50;background:var(--night);color:var(--cream);padding:12px 18px;border-radius:var(--r-pill);font:var(--fw-bold) var(--t-sm)/1 var(--f-text)}
.saltar:focus{left:12px}

/* ===== botones ===== */
.btn{display:inline-flex;align-items:center;justify-content:center;min-height:var(--boton-alto);padding:0 26px;border-radius:var(--r-pill);font:var(--fw-bold) var(--t-sm)/1 var(--f-text);letter-spacing:var(--ls-label);text-transform:uppercase;text-decoration:none;text-align:center;border:1px solid transparent;cursor:pointer;transition:background var(--d-ui) var(--ease),border-color var(--d-ui) var(--ease),color var(--d-ui) var(--ease)}
.btn--puerta{background:var(--magenta);color:#fff}
.btn--puerta:hover{background:var(--magenta-lit)}
.btn--oscuro{background:rgba(36,6,6,.55);color:var(--on-dark);border-color:rgba(245,240,232,.55)}
.btn--oscuro:hover{background:rgba(36,6,6,.85);border-color:var(--cream)}
.btn--oscuro-claro{background:var(--maroon);color:var(--cream)}
.btn--oscuro-claro:hover{background:var(--night)}
.btn--linea{background:transparent;color:var(--ink);border-color:var(--line-strong)}
.btn--linea:hover{border-color:var(--ink)}
.btn--ancho{width:100%}
.btn--grande{min-height:58px;padding:0 38px;font-size:16px}

/* ===== encabezado ===== */
.top{position:relative;z-index:5;display:flex;align-items:center;gap:var(--s-4);padding:18px var(--gut);background:var(--cream-2);border-bottom:var(--borde)}
.top__logo img{height:50px;width:auto}
.top__nav{position:absolute;left:50%;transform:translateX(-50%);display:flex;gap:34px}
.top__nav a{font:var(--fw-bold) var(--t-sm)/1 var(--f-text);letter-spacing:var(--ls-label);text-transform:uppercase;text-decoration:none;padding:16px 0;border-bottom:2px solid transparent;transition:border-color var(--d-ui) var(--ease)}
.top__nav a:hover,.top__nav a[aria-current]{border-bottom-color:var(--magenta)}
.top__cta{margin-left:auto}
.top__movil{display:none;margin-left:auto;position:static}
.top__movil summary{list-style:none;display:inline-flex;align-items:center;min-height:var(--menu-alto);padding:0 18px;border-radius:var(--r-pill);border:1px solid var(--line-strong);font:var(--fw-bold) var(--t-sm)/1 var(--f-text);letter-spacing:var(--ls-label);text-transform:uppercase;cursor:pointer}
.top__movil summary::-webkit-details-marker{display:none}
.top__panel{position:absolute;left:0;right:0;top:100%;background:var(--night);color:var(--on-dark);padding:8px var(--gut) 28px;display:grid;gap:20px;--foco:var(--gold-lit)}
.top__panel nav{display:grid}
.top__panel nav a{font:400 32px/1 var(--f-label);letter-spacing:var(--ls-display);text-transform:uppercase;text-decoration:none;padding:16px 0;border-bottom:1px solid rgba(245,240,232,.16)}
.top--foto{position:absolute;inset:0 0 auto 0;background:none;border:0;color:var(--on-dark);--foco:var(--gold-lit)}
.top--foto .top__nav a:hover,.top--foto .top__nav a[aria-current]{border-bottom-color:var(--magenta-lit)}
.top--foto .top__movil summary{border-color:rgba(245,240,232,.55);background:rgba(36,6,6,.7)}

/* ===== hero ===== */
.hero{position:relative;min-height:min(100svh,900px);display:flex;flex-direction:column;overflow:hidden;isolation:isolate;color:var(--on-dark);background:var(--night);--foco:var(--gold-lit)}
.hero__fondo{position:absolute;inset:0;z-index:-3}
.hero__fondo img,.hero__fondo video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 55%}
.hero__fondo video{opacity:0;transition:opacity var(--d-foto) var(--ease)}
.hero__fondo video.on{opacity:1}
.hero::before{content:"";position:absolute;inset:0;z-index:-2;background:var(--velo-hero-arriba)}
.hero::after{content:"";position:absolute;inset:0;z-index:-1;background:var(--velo-hero-texto)}
.hero__centro{margin:auto;padding:104px var(--gut) 8px;text-align:center;display:flex;flex-direction:column;align-items:center}
.hero__eyebrow{font:var(--fw-bold) 16px/1.3 var(--f-text);margin-bottom:18px}
.hero__eyebrow .e1{letter-spacing:var(--ls-eyebrow);text-transform:uppercase}
.hero__eyebrow .n{letter-spacing:.04em}
.hero h1{font:400 var(--t-h1)/var(--lh-display) var(--f-label);letter-spacing:var(--ls-display);text-transform:uppercase;max-width:14ch}
.hero__cta{display:flex;flex-wrap:wrap;justify-content:center;gap:14px;margin-top:34px}
.hero__barra{display:flex;flex-wrap:wrap;align-items:center;gap:8px 28px;padding:18px var(--gut);background:rgba(36,6,6,.84);border-top:1px solid rgba(245,240,232,.2);font-size:16px}
.hero__barra b{font:var(--fw-bold) 14px/1 var(--f-text);letter-spacing:.18em;text-transform:uppercase;color:var(--gold-lit)}
.hero__barra span{font-weight:var(--fw-strong)}
.hero__barra a{margin-left:auto;font:var(--fw-bold) var(--t-sm)/1 var(--f-text);letter-spacing:var(--ls-label);text-transform:uppercase;text-decoration:none;padding:14px 0;border-bottom:2px solid var(--magenta-lit)}
.hero__pausa{position:absolute;top:92px;right:var(--gut);z-index:3;min-height:44px;padding:0 18px;border-radius:var(--r-pill);border:1px solid rgba(245,240,232,.55);background:rgba(36,6,6,.7);color:var(--on-dark);font:var(--fw-bold) var(--t-sm)/1 var(--f-text);letter-spacing:var(--ls-label);text-transform:uppercase;cursor:pointer}
.hero__pausa:hover{background:var(--night);border-color:var(--cream)}
.hero__centro>*{animation:entra var(--d-foto) var(--ease) both}
.hero__centro>h1{animation-delay:.1s}
.hero__centro>.hero__cta{animation-delay:.25s}
@keyframes entra{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:none}}

/* ===== salidas y tarjetas ===== */
.salidas{padding:var(--seccion) var(--gut);background:var(--cream-2)}
.salidas>h2,.como>h2,.resenas>h2,.cierre h2{font:400 var(--t-h2)/1 var(--f-label);letter-spacing:var(--ls-display);text-transform:uppercase;text-align:center}
.salidas--lista{padding-top:8px}
.filtros{display:flex;flex-direction:column;align-items:center;gap:12px;margin:24px 0 40px}
.filtros__grupo{display:flex;flex-wrap:wrap;justify-content:center;gap:12px}
.chip{min-height:var(--menu-alto);padding:0 20px;border-radius:var(--r-pill);border:1px solid var(--line-strong);background:transparent;color:var(--ink);font:var(--fw-bold) var(--t-sm)/1 var(--f-text);letter-spacing:.1em;text-transform:uppercase;cursor:pointer;transition:background var(--d-ui) var(--ease),border-color var(--d-ui) var(--ease)}
.chip:hover{border-color:var(--ink)}
.chip[aria-pressed=true]{background:var(--maroon);border-color:var(--maroon);color:var(--cream)}
.grilla{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;max-width:var(--grilla-max);margin:0 auto}
.vacio{text-align:center;color:var(--ink-soft);margin-top:24px}
.viaje{display:flex;flex-direction:column;background:var(--card);border:var(--borde);border-radius:var(--r-card);overflow:hidden;text-decoration:none;transition:transform var(--d-card) var(--ease),border-color var(--d-card) var(--ease)}
.viaje[hidden]{display:none}
.viaje:hover{transform:translateY(-5px);border-color:var(--line-strong)}
.viaje__foto{position:relative;aspect-ratio:4/5;overflow:hidden;background:var(--night)}
.viaje__foto img{width:100%;height:100%;object-fit:cover;transition:transform var(--d-foto) var(--ease)}
.viaje:hover .viaje__foto img{transform:scale(1.05)}
.viaje__fecha{position:absolute;left:14px;top:14px;background:var(--cream);color:var(--ink);font:var(--fw-bold) 14px/1 var(--f-text);letter-spacing:.04em;text-transform:uppercase;padding:9px 14px;border-radius:var(--r-pill)}
.viaje__cuerpo{display:flex;flex-direction:column;gap:6px;padding:18px 20px 20px;flex:1}
.viaje h3{font:400 var(--t-card)/1 var(--f-label);letter-spacing:.04em;text-transform:uppercase}
.viaje__meta{font:var(--fw-text) 16px/1.4 var(--f-text);color:var(--ink-soft)}
.viaje__estado{font:var(--fw-bold) 14px/1.2 var(--f-text);letter-spacing:.04em;color:var(--ink-soft);margin-top:2px}
.viaje__estado:empty{display:none}
.viaje__pie{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;margin-top:auto;padding-top:14px;border-top:var(--borde)}
.viaje__precio{font:var(--fw-bold) var(--t-price)/1 var(--f-text)}
.viaje__precio small{display:block;font:var(--fw-text) 14px/1.3 var(--f-text);color:var(--ink-soft);margin-top:4px}
.viaje__ver{font:var(--fw-bold) 14px/1 var(--f-text);letter-spacing:.1em;text-transform:uppercase;color:var(--ink);padding:10px 0;white-space:nowrap}

/* ===== cómo viajamos (inicio) ===== */
.como{padding:var(--seccion-menor) var(--gut);background:var(--cream)}
.como__intro{max-width:54ch;margin:20px auto 0;text-align:center;color:var(--ink-soft)}
.como__enlace{text-align:center;margin-top:36px}
.como__enlace a{font:var(--fw-bold) var(--t-sm)/1 var(--f-text);letter-spacing:var(--ls-label);text-transform:uppercase;text-decoration:none;padding:14px 0;border-bottom:2px solid var(--line-strong)}

/* ===== reseñas (las llena el módulo de Google; ocultas si no hay datos vigentes) ===== */
.resenas{padding:var(--seccion-menor) var(--gut);background:var(--cream-2);text-align:center}
.resenas--emb{padding:0;background:transparent}
.resenas__nota{margin:18px 0 32px;color:var(--ink-soft)}
.resenas__nota strong{font:400 40px/1 var(--f-label);letter-spacing:.04em;color:var(--ink);margin-right:6px}
.resenas__carrusel{position:relative;max-width:1380px;margin:0 auto 28px}
.resenas__lista{display:flex;gap:20px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding:2px 0 4px;text-align:left}
.resenas__lista::-webkit-scrollbar{display:none}
.resenas__lista:focus-visible{outline:2px solid var(--foco);outline-offset:4px}
.resena{flex:0 0 min(380px,82vw);scroll-snap-align:start;background:var(--card);border:var(--borde);border-radius:var(--r-card);padding:24px}
.resenas__btn{position:absolute;top:50%;transform:translateY(-50%);width:48px;height:48px;border-radius:var(--r-pill);border:1px solid var(--line-strong);background:var(--cream);color:var(--ink);font:var(--fw-bold) 19px/1 var(--f-text);cursor:pointer}
.resenas__btn:hover{background:var(--maroon);color:var(--cream);border-color:var(--maroon)}
.resenas__btn--prev{left:-24px}
.resenas__btn--sig{right:-24px}
.resena__estrellas{font-size:19px;letter-spacing:.04em;color:var(--ink)}
.resena__texto{margin:12px 0 16px}
.resena__autor{font:var(--fw-bold) var(--t-sm)/1.3 var(--f-text);color:var(--ink-soft)}
.resenas__aviso{max-width:60ch;margin:0 auto 24px;font-size:14px;color:var(--ink-soft)}

/* ===== cierre ===== */
.cierre{background:var(--maroon);color:var(--on-dark);text-align:center;padding:var(--seccion) var(--gut);--foco:var(--gold-lit)}
.cierre p{max-width:46ch;margin:18px auto 30px;color:var(--on-dark-soft);font-size:var(--t-lg)}

/* ===== ficha de viaje ===== */
.ficha{padding:0 var(--gut) var(--seccion);background:var(--cream-2)}
.migas ol{display:flex;flex-wrap:wrap;align-items:center;gap:0 8px;list-style:none;padding:8px 0;max-width:1280px;margin:0 auto;font-size:var(--t-sm);color:var(--ink-soft)}
.migas li+li::before{content:"/";margin-right:8px}
.migas li{display:flex;align-items:center}
.migas a{display:inline-flex;align-items:center;min-height:44px;text-decoration:underline;text-decoration-color:var(--line-strong);text-underline-offset:4px}
.ficha__grid{display:grid;grid-template-columns:minmax(0,1fr) 380px;gap:56px;max-width:1280px;margin:0 auto;align-items:start}
.ficha__cab h1{font:400 clamp(40px,5.4vw,84px)/var(--lh-display) var(--f-label);letter-spacing:var(--ls-display);text-transform:uppercase;margin:10px 0 18px}
.eyebrow{font:var(--fw-bold) 16px/1.3 var(--f-text);letter-spacing:.04em;color:var(--ink-soft)}
.lead{font-size:var(--t-lg);line-height:1.5;max-width:51ch}
.ficha__intro{max-width:54ch;margin:8px 0 0}
.ficha__intro p+p{margin-top:14px}
.galeria{position:relative;margin:32px 0 8px}
.galeria__pista{display:flex;gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;list-style:none;scrollbar-width:none;padding:0}
.galeria__pista::-webkit-scrollbar{display:none}
.galeria__item{flex:0 0 min(340px,72vw);scroll-snap-align:start;aspect-ratio:4/5;border-radius:var(--r-card);overflow:hidden;background:var(--night)}
.galeria__item picture,.galeria__item img{width:100%;height:100%;object-fit:cover}
.galeria__btn{position:absolute;top:50%;transform:translateY(-50%);width:48px;height:48px;border-radius:var(--r-pill);border:1px solid rgba(245,240,232,.6);background:rgba(36,6,6,.7);color:var(--cream);font:var(--fw-bold) 19px/1 var(--f-text);cursor:pointer}
.galeria__btn:hover{background:var(--night)}
.galeria__btn--prev{left:12px}
.galeria__btn--sig{right:12px}
.bloque{padding:40px 0;border-top:var(--borde)}
.bloque>h2,.bloque--dos h2{font:400 40px/1 var(--f-label);letter-spacing:var(--ls-display);text-transform:uppercase;margin-bottom:20px}
.bloque--dos{display:grid;grid-template-columns:1fr 1fr;gap:40px}
.datos{display:grid;grid-template-columns:1fr 1fr;gap:20px 32px}
.datos dt{font:var(--fw-bold) var(--t-xs)/1.2 var(--f-text);letter-spacing:.12em;text-transform:uppercase;color:var(--ink-soft)}
.datos dd{font-weight:var(--fw-strong);margin-top:4px}
.precio-fila{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:8px 20px;padding:16px 0;border-bottom:var(--borde)}
.precio-fila h3{font:var(--fw-bold) 19px/1.3 var(--f-text)}
.precio-fila p{color:var(--ink-soft);margin-top:4px;font-size:16px}
.precio-fila__monto{font:var(--fw-bold) clamp(22px,7vw,28px)/1.1 var(--f-text)!important;color:var(--ink)!important;text-align:right;margin:0 0 0 auto!important}
.precio-fila__monto small{display:block;font:var(--fw-text) 14px/1.3 var(--f-text);color:var(--ink-soft);margin-top:4px}
.nota{margin-top:18px;font-size:16px;color:var(--ink-soft);max-width:54ch}
.nota a{display:inline-flex;align-items:center;min-height:44px;text-decoration:underline;text-decoration-color:var(--line-strong);text-underline-offset:4px}
.lista{list-style:none;display:grid;gap:12px}
.lista li{position:relative;padding-left:22px}
.lista li::before{content:"";position:absolute;left:0;top:.62em;width:8px;height:8px;border-radius:50%;background:var(--ink)}
.conocer{list-style:none;display:grid;gap:22px}
.conocer h3,.historia h3{font:var(--fw-bold) 19px/1.3 var(--f-text);margin-bottom:4px}
.conocer p,.historia p{color:var(--ink-soft);max-width:54ch}
.historia+.historia{margin-top:22px}
.faq{border-bottom:var(--borde)}
.faq summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;gap:16px;padding:18px 0;font:var(--fw-strong) 19px/1.35 var(--f-text)}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";font-size:28px;line-height:1;flex:none;color:var(--ink-soft)}
.faq[open] summary::after{content:"\2212"}
.faq p{padding:0 0 20px;color:var(--ink-soft);max-width:54ch}
.cierre-ficha{margin-top:16px;background:var(--maroon);color:var(--on-dark);border-radius:var(--r-card);padding:32px;display:flex;align-items:center;justify-content:space-between;gap:24px;--foco:var(--gold-lit)}
.cierre-ficha p{max-width:46ch;color:var(--on-dark-soft);font-size:var(--t-lg)}
.panel{position:sticky;top:24px;background:var(--card);border:var(--borde);border-radius:var(--r-card);padding:28px}
.panel__fecha{font:var(--fw-bold) 16px/1.4 var(--f-text);letter-spacing:.04em;color:var(--ink-soft)}
.panel__precio{font:400 60px/1 var(--f-label);letter-spacing:.04em;margin-top:10px}
.panel__aclara{color:var(--ink-soft);font-size:16px;margin:2px 0 14px}
.panel__estado{display:inline-block;font:var(--fw-bold) 14px/1 var(--f-text);letter-spacing:.04em;border:1px solid var(--line-strong);border-radius:var(--r-pill);padding:8px 12px;margin-bottom:18px}
.panel__nota-google{margin-top:14px;font-size:14px;color:var(--ink-soft);text-align:center}
.panel__datos{margin-top:22px;padding-top:18px;border-top:var(--borde);display:grid;gap:14px}
.panel__datos dt{font:var(--fw-bold) var(--t-xs)/1.2 var(--f-text);letter-spacing:.12em;text-transform:uppercase;color:var(--ink-soft)}
.panel__datos dd{font-weight:var(--fw-strong);font-size:16px}

/* ===== páginas de texto ===== */
.pagina{padding:40px var(--gut) var(--seccion);background:var(--cream-2);min-height:60vh}
.pagina__cab{max-width:760px;margin:0 auto 32px}
.pagina__cab h1{font:400 clamp(40px,5.4vw,84px)/var(--lh-display) var(--f-label);letter-spacing:var(--ls-display);text-transform:uppercase}
.pagina__cab .lead{margin-top:16px}
.pagina:not(.pagina--prosa){padding-top:48px}
.pagina:not(.pagina--prosa) .pagina__cab{max-width:var(--grilla-max);text-align:center}
.pagina:not(.pagina--prosa) .pagina__cab .lead{margin:16px auto 0}
.prosa{max-width:760px;margin:0 auto}
.prosa section+section{margin-top:32px}
.prosa h2{font:400 40px/1 var(--f-label);letter-spacing:var(--ls-display);text-transform:uppercase;margin-bottom:10px}
.prosa p{max-width:54ch}
.prosa p+p{margin-top:14px}
.pagina__cta{max-width:760px;margin:36px auto 0;display:flex;flex-wrap:wrap;gap:14px}
.contacto__tel{max-width:760px;margin:20px auto 0}
.contacto__tel a{font-weight:var(--fw-bold);border-bottom:1px solid var(--line-strong);text-decoration:none}
.contacto{max-width:760px;margin:48px auto 0;display:grid;grid-template-columns:1fr 1fr;gap:40px}
.contacto h2{font:400 32px/1 var(--f-label);letter-spacing:var(--ls-display);text-transform:uppercase;margin-bottom:12px}
.contacto address{font-style:normal;display:grid;gap:2px;margin-bottom:12px}
.contacto a{border-bottom:1px solid var(--line-strong);text-decoration:none}
.faq-lista{max-width:760px;margin:0 auto;border-top:var(--borde)}
.volver{max-width:760px;margin:0 auto 18px;font-size:16px}
.volver a{display:inline-flex;align-items:center;min-height:44px;text-decoration:underline;text-decoration-color:var(--line-strong);text-underline-offset:4px}
.volver--pie{margin:32px auto 0}

/* ===== pie ===== */
.pie{background:var(--night);color:var(--on-dark);--foco:var(--gold-lit)}
.pie__cuerpo{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:40px;padding:56px var(--gut) 44px;max-width:1380px;margin:0 auto;align-items:start}
.pie__marca img{display:block;margin-bottom:14px}
.pie__marca p{color:var(--on-dark-soft);font-size:16px;line-height:1.5;margin-top:4px}
.pie__tit{font:var(--fw-bold) var(--t-xs)/1 var(--f-text);letter-spacing:var(--ls-eyebrow);text-transform:uppercase;color:var(--gold-lit);margin:0 0 10px;min-height:50px;display:flex;align-items:flex-end;padding-bottom:12px;border-bottom:1px solid rgba(245,240,232,.16)}
.pie__nav,.pie__redes-bloque{display:flex;flex-direction:column;align-items:flex-start}
.pie__nav a{display:flex;align-items:center;min-height:44px;text-decoration:none;font:var(--fw-bold) var(--t-sm)/1.25 var(--f-text);letter-spacing:var(--ls-label);text-transform:uppercase;color:var(--on-dark-soft)}
.pie__nav a:hover{color:var(--cream)}
.pie__redes{list-style:none;margin:0;padding:0;display:flex;gap:12px;min-height:44px;align-items:center}
.pie__redes a{display:grid;place-items:center;width:48px;height:48px;border-radius:50%;border:1px solid rgba(245,240,232,.42);color:var(--cream);text-decoration:none;transition:background .2s,border-color .2s,color .2s}
.pie__redes a:hover{background:var(--cream);border-color:var(--cream);color:var(--night)}
.pie__redes svg{width:24px;height:24px}
.pie .siwol-credito{background:var(--grafito);border-top:0;color:rgba(245,240,232,.82);padding:20px var(--gut)}
.pie .siwol-credito__marca{letter-spacing:.03em}

/* ===== boton flotante de WhatsApp ===== */
.wa-flot{position:fixed;right:clamp(16px,2vw,28px);bottom:clamp(16px,2vw,28px);z-index:40;display:grid;place-items:center;width:60px;height:60px;border-radius:50%;background:var(--wa);color:#fff;text-decoration:none;box-shadow:0 0 0 3px #fff;transition:background .2s,transform .2s}
.wa-flot:hover{background:var(--wa-lit);transform:scale(1.06)}
.wa-flot svg{width:34px;height:34px}
@media (min-width:1001px){.hero__barra{padding-right:calc(var(--gut) + 84px)}}

/* ===== barra fija (solo celular) ===== */
.barra-fija{display:none}

/* ===== responsive ===== */
@media (max-width:1200px){
  .grilla{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:1000px){
  .top__nav,.top__cta{display:none}
  .top__movil{display:block}
  .top__logo img{height:42px}
  .hero{min-height:min(100svh,780px)}
  .hero__centro{padding-top:92px}
  .hero h1{font-size:clamp(50px,15.4vw,110px)}
  .hero__cta .btn{flex:1 1 100%}
  .hero__cta .btn--puerta{display:none}
  .hero__eyebrow .n{display:block;margin-top:6px}
  .hero__eyebrow .sep{display:none}
  .hero__pausa{top:84px}
  .hero::after{background:radial-gradient(ellipse 130% 46% at 50% 40%,rgba(36,6,6,.66) 0%,rgba(36,6,6,.54) 60%,rgba(36,6,6,0) 100%),linear-gradient(to top,rgba(36,6,6,.94) 0%,rgba(36,6,6,.5) 24%,rgba(36,6,6,0) 50%)}
  .hero__barra{padding:14px var(--gut);gap:6px 14px;font-size:16px}
  .hero__barra a{display:none}
  .grilla{grid-template-columns:1fr;gap:20px}
  .viaje__foto{aspect-ratio:4/3}
  .resenas__btn{display:none}
  .ficha__grid{grid-template-columns:minmax(0,1fr);gap:0}
  .panel{display:none}
  .galeria__btn{display:none}
  .bloque--dos,.datos,.contacto{grid-template-columns:1fr}
  .cierre-ficha{flex-direction:column;align-items:stretch;text-align:left}
  .pie__cuerpo{grid-template-columns:1fr 1fr;padding-top:44px}
  .pie__marca{grid-column:1/-1}
  .pie__redes-bloque{grid-column:1/-1}
  .wa-flot{bottom:calc(96px + env(safe-area-inset-bottom))}
  .barra-fija{display:flex;position:fixed;left:0;right:0;bottom:0;z-index:30;align-items:center;justify-content:space-between;gap:12px;padding:12px var(--gut) calc(12px + env(safe-area-inset-bottom));background:rgba(36,6,6,.96);color:var(--on-dark);--foco:var(--gold-lit)}
  .barra-fija .btn{white-space:nowrap;padding:0 22px}
  .ficha__cab h1{font-size:clamp(36px,10.5vw,84px)}
  .barra-fija__txt{display:grid;font-size:16px}
  .barra-fija__txt strong{font:var(--fw-bold) 19px/1.1 var(--f-text)}
  .barra-fija__txt span{color:var(--on-dark-soft);font-size:14px}
  .barra-fija--sola{padding-top:10px;padding-bottom:calc(10px + env(safe-area-inset-bottom))}
  body:has(.barra-fija) .pie .siwol-credito{padding-bottom:calc(20px + 84px + env(safe-area-inset-bottom))}
  .p-prosa{padding-bottom:0}
}
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  .hero__centro>*{animation:none}
  .viaje,.viaje__foto img,.btn,.chip,.top__nav a,.wa-flot,.pie__redes a{transition:none}
  .wa-flot:hover{transform:none}
  .viaje:hover{transform:none}
  .viaje:hover .viaje__foto img{transform:none}
}