/* Punto Frío · CSS común del diseño premium (extraído tal cual de maqueta-premium-inicio-v4.html, 9 oct 2026). Usar junto con patron/patron.css, neon/neon.css y poster/poster.css */

/* ===== Sistema "Escarcha" · propuesta-premium.md. Paleta = guía v3 (mismos nombres que sitio/estaticos/estilos.css) ===== */
:root{
--fondo:#FFFFFF;--fondo-2:#E9F7F6;--fondo-oso:#6AC8D0;
--texto:#0B2427;--texto-suave:#2A4447;--acento-texto:#05776E;
--turquesa:#08BEAF;--amarillo:#FFDE59;--whatsapp:#25D366;
--linea:rgba(8,190,175,.35);--sombra:0 8px 24px rgba(11,36,39,.10);--sombra-2:0 18px 40px rgba(11,36,39,.16);
/* escala tipográfica (celular → escritorio) */
--t-display:clamp(64px,9.2vw,132px);--t-h2:clamp(40px,4.6vw,64px);--t-h3:clamp(28px,2.4vw,34px);
--t-cuerpo:clamp(16px,1.25vw,18px);--t-chico:14px;--t-legal:13px;--t-eti:12px;
/* espaciado base 8 */
--e1:8px;--e2:16px;--e3:24px;--e4:32px;--e6:48px;--e8:64px;--e12:96px;--e16:128px;
--seccion:clamp(64px,8.5vw,128px);--margen:20px;--ancho:1120px;
--r-foto:24px;--r-card:20px;--r-btn:999px;
--ease-sale:cubic-bezier(.22,1,.36,1);--ease-hover:cubic-bezier(.2,.8,.2,1)}
*{box-sizing:border-box;margin:0;padding:0}
html{-webkit-text-size-adjust:100%}
body{background:var(--fondo);color:var(--texto);font:400 var(--t-cuerpo)/1.55 Inter,system-ui,sans-serif;padding-bottom:88px;overflow-x:hidden}
img{display:block;max-width:100%}
a{color:inherit}
.wrap{max-width:var(--ancho);margin:0 auto;padding:0 var(--margen)}
h1,h2,.bebas{font-family:'Bebas Neue',Impact,sans-serif;font-weight:400;letter-spacing:.01em;line-height:.92}
h2{font-size:var(--t-h2);color:var(--acento-texto)}
h3{font-family:'Bebas Neue',Impact,sans-serif;font-weight:400;font-size:var(--t-h3);line-height:1;letter-spacing:.02em}
.eti{display:inline-flex;align-items:center;gap:8px;font-size:var(--t-eti);font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--texto)}
.eti:before{content:"";width:18px;height:2px;background:var(--turquesa)}
.intro{color:var(--texto-suave);max-width:560px;margin-top:var(--e2)}
section{padding:var(--seccion) 0}
.alt{background:var(--fondo-2)}.alt h2{color:var(--texto)}
.cab{display:flex;flex-direction:column;gap:var(--e1);margin-bottom:var(--e4)}
.pend{display:inline-block;background:repeating-linear-gradient(45deg,#d9eeec 0 8px,#eef8f7 8px 16px);color:var(--texto-suave);font-size:12px;font-weight:700;padding:2px 8px;border-radius:6px}

/* ----- Botones ----- */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:52px;padding:0 26px;border-radius:var(--r-btn);font-weight:700;font-size:16px;text-decoration:none;border:2px solid transparent;transition:transform .12s ease-out,box-shadow .25s var(--ease-hover),background-color .25s}
.btn .fl{transition:transform .2s ease-out}
.btn:hover .fl{transform:translateX(4px)}.btn:active{transform:scale(.97)}
.btn-1{background:var(--amarillo);color:var(--texto);box-shadow:0 6px 0 #E6C232}
.btn-1:hover{box-shadow:0 8px 0 #E6C232,0 14px 28px rgba(11,36,39,.14)}
.btn-2{border-color:var(--acento-texto);color:var(--acento-texto);background:var(--fondo)}
.alt .btn-2,.sobre-oso .btn-2{border-color:var(--texto);color:var(--texto);background:transparent}
.btn-wa{background:var(--whatsapp);color:var(--texto)}
.btn:focus-visible,a:focus-visible{outline:3px solid var(--texto);outline-offset:3px}

/* ----- Encabezado ----- */
header{position:sticky;top:0;z-index:20;background:rgba(255,255,255,.96);border-bottom:1px solid var(--linea);backdrop-filter:saturate(1.4) blur(8px)}
header .wrap{display:flex;align-items:center;justify-content:space-between;height:64px}
.logo img{height:34px;width:auto;border-radius:8px}
nav.esc{display:none;gap:28px;font-size:15px;font-weight:600}
nav.esc a{text-decoration:none;position:relative;padding:6px 0}
nav.esc a:after{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;background:var(--turquesa);transform:scaleX(0);transform-origin:left;transition:transform .25s var(--ease-hover)}
nav.esc a:hover:after,nav.esc a[aria-current]:after{transform:scaleX(1)}
nav.esc a[aria-current]{color:var(--acento-texto)}
.burger{width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:none;border:0}
.burger i{width:24px;height:14px;border-top:2.5px solid var(--texto);border-bottom:2.5px solid var(--texto)}
.h-cta{display:none}

/* ----- Portada: el oso protagonista ----- */
.hero{padding:var(--e2) 0 var(--e8);position:relative;overflow:hidden}
.hero .wrap{display:grid;gap:var(--e4)}
/* escena: panel --fondo-oso con anillos de "escarcha"; la cabeza del oso sale por arriba del panel */
.escena{position:relative;height:380px;margin-top:40px;border-radius:32px;isolation:isolate;--anillo:rgba(255,255,255,.5);background:radial-gradient(circle at 50% 62%,transparent 0 150px,var(--anillo) 151px 152.5px,transparent 154px 230px,rgba(255,255,255,.3) 231px 232.5px,transparent 234px),var(--fondo-oso)}
.oso{position:absolute;left:50%;bottom:0;width:330px;aspect-ratio:720/900;transform:translateX(-50%)}
.oso img{position:absolute;inset:0;width:100%;height:100%}
.oso .cabeza{transform-origin:48.9% 48.3%;will-change:transform}
.oso .cuerpo{will-change:transform}
.escena .sticker{position:absolute;border-radius:18px;overflow:hidden;border:4px solid #fff;box-shadow:var(--sombra-2);z-index:2}
.sticker img{width:100%;height:100%;object-fit:cover}
.st-1{width:88px;height:114px;left:-6px;top:36px;transform:rotate(-7deg)}
.st-2{width:80px;height:104px;right:-6px;top:118px;transform:rotate(6deg)}
.pista{position:absolute;left:50%;bottom:14px;transform:translateX(-50%);background:#fff;color:var(--texto);font-size:13px;font-weight:600;padding:6px 12px;border-radius:999px;box-shadow:var(--sombra);white-space:nowrap;z-index:3}
.hero h1{font-size:var(--t-display);margin:var(--e2) 0 0}
.hero h1 .ln{display:block;overflow:hidden;padding:.12em 0 .04em;margin-top:-.12em}
.hero h1 .ln>span{display:inline-block}
.hero h1 mark{background:linear-gradient(transparent 62%,var(--amarillo) 62%,var(--amarillo) 94%,transparent 94%);color:inherit;padding:0 .04em}
.hero .linea{font-size:clamp(18px,1.5vw,21px);color:var(--texto-suave);margin-top:var(--e2);max-width:470px}
.hero .botones{display:flex;flex-wrap:wrap;gap:12px;margin-top:var(--e3)}
.hero .botones .btn{flex:1 1 100%}
.horas{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:var(--e4);padding-top:var(--e3);border-top:1px solid var(--linea);font-size:var(--t-chico);color:var(--texto-suave)}
.horas b{display:block;color:var(--texto);font-size:15px}

/* ----- Cinta (marquesina) ----- */
.cinta{background:var(--amarillo);overflow:hidden;border-block:2px solid var(--texto);transform:rotate(-1.2deg);margin:0 -10px}
.cinta .pista-c{display:flex;width:max-content;animation:cinta 28s linear infinite}
.cinta:hover .pista-c{animation-play-state:paused}
.cinta p{font:400 30px/1 'Bebas Neue',Impact,sans-serif;letter-spacing:.04em;padding:14px 0;white-space:nowrap;display:flex}
.cinta p span:after{content:"✳";color:var(--acento-texto);margin:0 22px;font-family:Inter;font-size:20px;vertical-align:4px}
@keyframes cinta{to{transform:translateX(-50%)}}

/* ----- Tarjetas ----- */
.card{background:var(--fondo);border:1px solid var(--linea);border-radius:var(--r-card);box-shadow:var(--sombra);overflow:hidden;transition:transform .25s var(--ease-hover),box-shadow .25s var(--ease-hover)}
.card:hover{transform:translateY(-6px);box-shadow:var(--sombra-2)}
.foto{overflow:hidden;border-radius:var(--r-foto);position:relative;background:var(--fondo-2)}
.foto img{width:100%;height:100%;object-fit:cover;transition:transform .4s var(--ease-hover)}
.card:hover .foto img,.foto:hover img{transform:scale(1.04)}
.foto:after{content:"";position:absolute;inset:0;border-radius:inherit;box-shadow:inset 0 0 0 1px rgba(255,255,255,.35);pointer-events:none}

/* Sucursales */
.sucs{display:grid;gap:var(--e3)}
.suc .foto{border-radius:0;height:300px}
.suc .chip{position:absolute;left:16px;top:16px;background:#fff;color:var(--texto);font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;padding:6px 12px;border-radius:999px;z-index:2}
.suc .in{padding:var(--e3)}
.suc h3{font-size:40px}
.suc p{color:var(--texto-suave);font-size:15px;margin-top:6px}
.suc .hora{display:flex;justify-content:space-between;align-items:baseline;border-top:1px solid var(--linea);margin-top:var(--e2);padding-top:var(--e2);font-size:15px}
.suc .hora b{font-weight:700}
.mas{display:inline-flex;align-items:center;gap:8px;font-weight:700;color:var(--acento-texto);text-decoration:none;margin-top:var(--e2)}
.mas .fl{transition:transform .2s ease-out}.mas:hover .fl{transform:translateX(4px)}

/* Cifras */
.cifras{display:grid;grid-template-columns:1fr 1fr;gap:var(--e2)}
.cifra{background:#fff;border-radius:var(--r-card);padding:var(--e3) var(--e2);border:2px solid var(--turquesa)}
.cifra .n{font:400 clamp(56px,6vw,84px)/.9 'Bebas Neue',Impact,sans-serif;color:var(--texto)}
.cifra .n-tx{font-size:clamp(40px,4.2vw,64px)}
.cifra p{font-size:var(--t-chico);color:var(--texto-suave);margin-top:6px}

/* Promo */
.promo{position:relative;background:var(--amarillo);border-radius:32px;padding:var(--e4) var(--e3);overflow:hidden;display:grid;gap:var(--e3);box-shadow:var(--sombra)}
.promo .izq{display:grid;gap:var(--e2);justify-items:start}
.promo .tag{display:inline-block;background:var(--texto);color:var(--amarillo);font-size:12px;font-weight:700;letter-spacing:.1em;padding:5px 12px;border-radius:999px;justify-self:start}
.promo h3{font-size:30px;padding-right:96px}
.promo .gran{display:flex;flex-wrap:wrap;align-items:flex-end;gap:0 12px;font-family:'Bebas Neue',Impact,sans-serif;line-height:.8}
.promo .gran .dos{font-size:clamp(120px,14vw,200px)}
.promo .gran .que{font-size:clamp(34px,3.6vw,52px);line-height:.95;padding-bottom:.25em}
.promo .gran .precio{font-size:clamp(96px,10vw,150px);flex-basis:100%}
.promo p{font-weight:600;max-width:520px}
.promo .oso-rojo{width:96px;height:96px;border-radius:20px;border:3px solid #fff;object-fit:cover;box-shadow:var(--sombra);position:absolute;right:18px;top:18px;transform:rotate(5deg)}
.promo .mas{color:var(--texto);text-decoration:underline;text-underline-offset:4px}

/* Pasos */
.pasos{display:grid;grid-auto-flow:column;grid-auto-columns:76%;gap:var(--e2);overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:var(--e2);margin:0 calc(var(--margen)*-1);padding-inline:var(--margen);scrollbar-width:none;list-style:none;counter-reset:p}
.pasos li{scroll-snap-align:start}
.pasos .foto{height:380px}
.pasos .num{position:absolute;left:14px;top:14px;z-index:2;width:44px;height:44px;border-radius:50%;background:var(--amarillo);color:var(--texto);font:400 28px/44px 'Bebas Neue',Impact,sans-serif;text-align:center}
.pasos h3{margin-top:var(--e2);font-size:28px}
.pasos p{font-size:var(--t-chico);color:var(--texto-suave)}

/* Galería */
.galeria{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.galeria .foto{height:220px}
.galeria .g1,.galeria .g4{grid-column:span 2;height:300px}.galeria .g4{height:240px}

/* Oso conoce */
.conoce{background:var(--fondo-oso);border-radius:32px;display:grid;grid-template-columns:1.1fr 1fr;align-items:end;overflow:hidden}
.conoce .tx{padding:var(--e4) 0 var(--e4) var(--e3);align-self:center}
.conoce h2{color:var(--texto);font-size:clamp(36px,4.4vw,64px)}
.conoce p{font-size:15px;font-weight:600;margin-top:var(--e1);color:var(--texto)}
.conoce img{height:300px;width:100%;object-fit:cover;object-position:center top}

/* Eventos privados */
.priv{display:grid;gap:var(--e4);align-items:center}
.priv .foto{height:360px}
.priv ul{list-style:none;margin:var(--e3) 0;display:grid;gap:10px}
.priv li{display:flex;gap:12px;font-weight:600}
.priv li:before{content:"";flex:0 0 10px;height:10px;margin-top:8px;border-radius:50%;background:var(--turquesa)}

/* Instagram */
.ig{text-align:center}
.ig .intro{margin-inline:auto}.ig .btn{margin-top:var(--e3)}

footer{background:var(--fondo-2);padding:var(--e8) 0 var(--e6);font-size:var(--t-chico);color:var(--texto-suave)}
footer .cols{display:grid;gap:var(--e3)}
footer b{color:var(--texto);display:block;margin-bottom:4px}
footer .legal{font-size:var(--t-legal);margin-top:var(--e4);padding-top:var(--e2);border-top:1px solid var(--linea)}
.wa{position:fixed;left:12px;right:12px;bottom:12px;z-index:30;min-height:56px;border-radius:16px;box-shadow:0 10px 24px rgba(11,36,39,.22);transition:transform .3s var(--ease-sale),opacity .3s}
.wa.oculto{transform:translateY(120%);opacity:0}

/* ===== Escritorio ===== */
@media (min-width:900px){
  :root{--margen:40px}
  body{padding-bottom:0}
  nav.esc{display:flex}.burger{display:none}.h-cta{display:inline-flex;min-height:44px;padding:0 18px;font-size:15px}
  header .wrap{height:76px}.logo img{height:40px}
  .hero{padding:var(--e6) 0 var(--e12)}
  .hero .wrap{grid-template-columns:1.05fr 1fr;align-items:center;gap:var(--e6)}
  .hero .tx{order:1}.escena{order:2;height:500px;margin-top:70px;border-radius:40px;background:radial-gradient(circle at 50% 62%,transparent 0 210px,var(--anillo) 211px 212.5px,transparent 214px 320px,rgba(255,255,255,.3) 321px 322.5px,transparent 324px),var(--fondo-oso)}
  .oso{width:440px}
  .st-1{width:150px;height:196px;left:-56px;top:60px}.st-2{width:128px;height:166px;right:-40px;top:250px}
  .hero .botones .btn{flex:0 0 auto}
  .pista{display:none}
  .cinta p{font-size:40px}
  .sucs{grid-template-columns:1fr 1fr}.suc .foto{height:420px}
  .cifras{grid-template-columns:repeat(4,1fr)}
  .promo{grid-template-columns:1.3fr 1fr;align-items:center;padding:var(--e8);border-radius:40px}
  .promo h3{padding-right:0;font-size:36px}
  .promo .oso-rojo{position:static;width:100%;max-width:340px;height:auto;aspect-ratio:1;justify-self:center;border-width:6px;border-radius:32px;transform:rotate(4deg)}
  .pasos{grid-auto-flow:row;grid-template-columns:repeat(3,1fr);overflow:visible;margin:0;padding:0}
  .pasos li:nth-child(2){margin-top:64px}.pasos li:nth-child(3){margin-top:128px}
  .pasos .foto{height:460px}
  .galeria{grid-template-columns:1.4fr 1fr 1fr;grid-template-rows:260px 260px}
  .galeria .foto{height:100%;min-height:0}.galeria .g1{grid-column:auto;grid-row:span 2;height:auto}.galeria .g4{grid-column:span 2}
  .conoce{grid-template-columns:1fr 1fr;border-radius:40px}.conoce .tx{padding:var(--e8)}.conoce img{height:520px}
  .priv{grid-template-columns:1fr 1fr;gap:var(--e8)}.priv .foto{height:520px}
  footer .cols{grid-template-columns:1.2fr 1.2fr 1fr}
  .wa{display:none}
}

/* ===== Animaciones (solo con JS y sin reducción de movimiento) ===== */
.anim .rev{opacity:0;transform:translateY(24px);transition:opacity .6s var(--ease-sale),transform .6s var(--ease-sale);transition-delay:calc(var(--i,0)*80ms)}
.anim .rev.visto{opacity:1;transform:none}
.anim .hero h1 .ln>span{transform:translateY(105%);transition:transform .7s var(--ease-sale)}
.anim .hero.listo h1 .ln>span{transform:none}
.anim .hero h1 .ln:nth-child(2)>span{transition-delay:90ms}.anim .hero h1 .ln:nth-child(3)>span{transition-delay:180ms}
.anim .escena{clip-path:inset(8% 8% 8% 8% round 40px);transition:clip-path .9s var(--ease-sale)}
.anim .hero.listo .escena{clip-path:inset(-30% -30% 0 -30% round 40px)}
.anim .galeria .foto{clip-path:inset(0 0 100% 0 round 24px);transition:clip-path .8s var(--ease-sale);transition-delay:calc(var(--i,0)*100ms)}
.anim .galeria.visto .foto{clip-path:inset(0 0 0 0 round 24px)}
@media (prefers-reduced-motion:reduce){
  *,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
  .rev,.galeria .foto,.escena,.hero h1 .ln>span{opacity:1!important;transform:none!important;clip-path:none!important}
}

/* ---- v4: integración neón + pósters ---- */

/* ===== v4: ajustes de integración (neón + pósters) ===== */
h2.titulo-neon{font-size:var(--t-h2);line-height:.95}
.cab .neon-linea{margin-top:.5em}
.hero h1.titulo-neon{line-height:.92;text-shadow:none;animation:none}
.hero h1 .titulo-neon{display:inline-block}
.hero h1 .ln{overflow:visible}
.anim .hero h1 .ln{overflow:hidden}
.anim .hero.listo h1 .ln{animation:v4-destapa 0s 1s forwards}
@keyframes v4-destapa{to{overflow:visible}}
.hero .neon-linea{font-size:clamp(18px,1.5vw,21px);max-width:470px}
.promo .titulo-neon{font-size:clamp(30px,3.4vw,44px);justify-self:start}
.promo .neon-linea{margin-top:0;color:var(--texto);font-weight:600}
.promo .neon-linea::before{background:repeating-linear-gradient(90deg,var(--texto) 0 3px,transparent 3px 9px)}
.conoce .titulo-neon{font-size:clamp(34px,4vw,56px)}
.conoce .neon-linea{color:var(--texto);font-weight:600}
.conoce .neon-linea::before{background:repeating-linear-gradient(90deg,var(--texto) 0 3px,transparent 3px 9px)}
.ig .titulo-neon{font-size:clamp(48px,7vw,104px)}
.ig .neon-linea{margin-inline:auto}.ig .neon-linea::before{margin-inline:auto}
.sucursales-v4 .cab{margin-bottom:var(--e6)}
@media (max-width:899px){.promo .titulo-neon{max-width:calc(100% - 104px)}}
@media (prefers-reduced-motion:reduce){.hero h1 .ln{overflow:visible!important}}

/* Punto Frío · CSS de páginas internas premium (Web STUDIO, 9 oct 2026). Cargar después de: ../patron/patron.css, ../neon/neon.css, ../poster/poster.css, ../premium-comun.css */
/* --- común --- */
/* ===== Páginas internas premium ===== */
.pag-cab{padding:var(--e6) 0 var(--e8)}
.pag-cab h1.titulo-neon{font-size:clamp(56px,8vw,112px);line-height:.95}
.pag-cab .neon-linea{font-size:clamp(17px,1.5vw,21px)}
.cierre{text-align:center}
.cierre .titulo-neon{font-size:clamp(48px,7vw,104px)}
.cierre .neon-linea{margin-inline:auto}.cierre .neon-linea::before{margin-inline:auto}
.cierre .btn{margin-top:var(--e3)}
.rev-off{}
@media (min-width:900px){.pag-cab{padding:var(--e8) 0 var(--e12)}}

/* --- sucursales --- */
.posters-grandes .poster-sucursal{aspect-ratio:3/4.2}
@media (min-width:900px){.posters-grandes .poster-sucursal{aspect-ratio:4/5}.posters-grandes .poster-sucursal h3{font-size:clamp(72px,16cqi,130px)}}
.det-in{display:grid;gap:var(--e4);align-items:center}
.det-foto{height:420px}
.det h2.titulo-neon{margin-top:8px}
.det-hora{font-size:clamp(44px,5vw,68px);line-height:.9;color:var(--texto);margin-top:var(--e2)}
.datos{display:grid;gap:0;margin:var(--e3) 0;border-top:1px solid var(--linea)}
.d-fila{display:grid;grid-template-columns:120px 1fr;gap:12px;padding:12px 0;border-bottom:1px solid var(--linea);font-size:15px}
.d-fila dt{font-weight:700;color:var(--texto)}.d-fila dd{color:var(--texto-suave)}
.det .botones{display:flex;flex-wrap:wrap;gap:12px}.det .botones .btn{flex:1 1 100%}
.ambiente{display:grid;gap:var(--e3)}
.amb{background:#fff;border:2px solid var(--turquesa);border-radius:var(--r-card);padding:var(--e4) var(--e3);display:grid;gap:var(--e2)}
.amb .pisos{display:flex;align-items:flex-end;gap:14px}
.amb .n{font:400 clamp(96px,10vw,140px)/.8 'Bebas Neue',Impact,sans-serif;color:var(--texto)}
.amb .que{font:400 clamp(30px,3vw,40px)/.95 'Bebas Neue',Impact,sans-serif;padding-bottom:.2em}
.amb h3{font-size:34px}
.amb ul{list-style:none;display:grid;gap:8px}
.amb li{display:flex;gap:12px;font-weight:600;font-size:15px}
.amb li:before{content:"";flex:0 0 10px;height:10px;margin-top:7px;border-radius:50%;background:var(--turquesa)}
.edificio{display:flex;flex-direction:column-reverse;gap:6px;width:110px;margin-left:auto}
.edificio i{display:block;height:34px;border-radius:8px;background:var(--fondo-oso);border:2px solid var(--texto)}
.edificio i:nth-child(2){background:var(--amarillo)}
.cierre .pend{display:inline-block;margin-top:12px}
@media (min-width:900px){
 .det-in{grid-template-columns:1fr 1fr;gap:var(--e8)}.det-in.inv>.det-foto{order:2}
 .det-foto{height:600px}.det .botones .btn{flex:0 0 auto}
 .ambiente{grid-template-columns:1fr 1fr}
}

/* --- promos --- */
.promo-xl{grid-template-columns:1fr}
.promo-xl .oso-wrap{position:relative;justify-self:center;width:min(100%,360px);aspect-ratio:700/900;margin:-8px 0 -32px}
.promo-xl .oso-wrap img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}
.promo-xl .oso-wrap:before{content:"";position:absolute;inset:18% 6% 0;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.7),rgba(255,255,255,0) 70%)}
.promo-xl h3,.promo-xl .titulo-neon{padding-right:0}
@media (max-width:899px){.promo-xl .titulo-neon{max-width:none}}
.horarios{display:grid;gap:10px;width:100%}
.hp{display:flex;justify-content:space-between;gap:12px;align-items:baseline;background:rgba(255,255,255,.55);border:2px solid var(--texto);border-radius:14px;padding:12px 16px}
.hp b{font:400 26px/1 'Bebas Neue',Impact,sans-serif;letter-spacing:.02em}
.hp span{font-weight:700;white-space:nowrap}
.dias{display:flex;gap:6px;flex-wrap:wrap}
.dias i{font-style:normal;font:400 22px/1 'Bebas Neue',Impact,sans-serif;width:44px;height:44px;display:grid;place-items:center;border-radius:12px;border:2px solid var(--texto)}
.dias i.si{background:var(--texto);color:var(--amarillo)}
.chica{font-size:var(--t-legal)!important;font-weight:400!important;color:var(--texto)}
.mas-promos .neon-linea::before{margin-inline:auto}.mas-promos{text-align:center;max-width:640px;margin:0 auto}

@media (min-width:900px){
 .promo-xl{grid-template-columns:1.25fr 1fr;align-items:end}
 .promo-xl .oso-wrap{width:100%;max-width:480px;margin:0 0 -64px}
 .horarios{grid-template-columns:1fr 1fr}
}
@media (max-width:899px){.dias{gap:5px}.dias i{width:38px;height:38px;font-size:20px}}

/* ===================== PARTE 2: eventos privados · contacto · oso ===================== */
.ep-portada{display:grid;gap:var(--e4);align-items:center}
.ep-portada .foto{height:340px}
.benef{display:grid;gap:var(--e2);list-style:none}
.benef li{background:#fff;border:2px solid var(--turquesa);border-radius:var(--r-card);padding:var(--e3)}
.benef b{display:block;font:400 30px/1 'Bebas Neue',Impact,sans-serif;letter-spacing:.02em;margin-bottom:6px}
.benef .n{font:400 clamp(56px,6vw,80px)/.9 'Bebas Neue',Impact,sans-serif;display:block}
.benef p{font-size:15px;color:var(--texto-suave)}
.form-wrap{display:grid;gap:var(--e4)}
.form{background:#fff;border-radius:20px;box-shadow:var(--sombra-2);padding:var(--e4) var(--e3);display:grid;gap:6px}
.form label{font-weight:700;font-size:14px;margin-top:10px}
.form input:not([type=checkbox]),.form select,.form textarea{width:100%;min-height:52px;border:2px solid #cfe3e1;border-radius:12px;padding:0 14px;font:400 16px Inter,system-ui,sans-serif;color:var(--texto);background:#fff;transition:border-color .15s}
.form textarea{min-height:120px;padding:12px 14px;resize:vertical}
.form input:focus,.form select:focus,.form textarea:focus{outline:none;border-color:var(--turquesa)}
.form .check{display:flex;gap:10px;align-items:flex-start;font-weight:600;margin-top:16px}
.form .check input{width:22px;height:22px;margin-top:2px;accent-color:var(--acento-texto)}
.form .priv-corta{font-size:13px;color:var(--texto-suave)}
.form .btn{margin-top:var(--e2);width:100%;border:0;cursor:pointer}
.rapido{background:var(--fondo-oso);border-radius:var(--r-card);padding:var(--e4) var(--e3);display:grid;gap:var(--e2);align-content:start}
.rapido h3{font-size:34px}
.ct-acciones{display:grid;gap:var(--e3)}
.ct-card{display:grid;gap:10px;padding:var(--e4) var(--e3);text-decoration:none;border-radius:var(--r-card)}
.ct-card .bebas{font-size:clamp(40px,4vw,56px)}
.ct-card .det-n{font-weight:700;font-size:18px}
.ct-wa{background:var(--whatsapp)}.ct-ig{background:var(--amarillo)}
.ct-tel{background:#fff;border:2px dashed var(--turquesa)}
.ct-sucs{display:grid;gap:var(--e3)}
.ct-suc{padding:var(--e4) var(--e3)}
.ct-suc h3{font-size:36px}.ct-suc p{color:var(--texto-suave);font-size:15px;margin-top:6px}
.ct-suc .hora-g{font:400 40px/1 'Bebas Neue',Impact,sans-serif;color:var(--texto);margin-top:var(--e2)}
.ct-suc .btn{margin-top:var(--e2)}
.mapa{margin-top:var(--e2);height:180px;border-radius:14px;display:grid;place-items:center;background:repeating-linear-gradient(45deg,#d9eeec 0 10px,#eef8f7 10px 20px);text-align:center;padding:12px}
.oso-sec .conoce{align-items:end}
.oso-sec .conoce .tx .p-eti-temp{display:inline-block;background:var(--amarillo);color:var(--texto);font-size:12px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;padding:7px 12px;border-radius:999px;margin-bottom:var(--e2)}
.oso-sec .oso-completo{width:100%;height:auto;max-height:none;object-fit:contain;align-self:end}
@media (max-width:899px){.oso-sec .conoce{grid-template-columns:1fr}.oso-sec .conoce .tx{padding:var(--e4) var(--e3) 0}.oso-sec .oso-completo{max-width:300px;justify-self:center}}
@media (min-width:900px){
 .ep-portada{grid-template-columns:1fr 1fr;gap:var(--e8)}.ep-portada .foto{height:520px}
 .benef{grid-template-columns:repeat(4,1fr)}
 .form-wrap{grid-template-columns:1.5fr 1fr;align-items:start}.form{padding:var(--e6)}
 .ct-acciones{grid-template-columns:1fr 1fr 1fr}.ct-sucs{grid-template-columns:1fr 1fr}
 .oso-sec .oso-completo{max-width:440px;justify-self:center}
}
.mapa iframe,iframe.mapa{width:100%;height:240px;border:0;border-radius:20px;display:block;margin:var(--e3,16px) 0}
iframe.mapa-gm{width:100%;height:220px;border:0;border-radius:16px;display:block;margin:12px 0;background:#eef8f7}

/* Snack estrella: pepinos locos (9 oct) */
.snack{display:grid;gap:20px;background:var(--amarillo,#FFDE59);border-radius:28px;padding:18px;box-shadow:var(--sombra-2,0 10px 30px rgba(0,0,0,.12));align-items:center}
.snack-foto img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:20px;display:block}
.snack-eti{display:inline-block;background:#0B2427;color:#FFDE59;font-weight:700;font-size:13px;letter-spacing:.08em;text-transform:uppercase;padding:6px 12px;border-radius:999px}
.snack h2{margin:10px 0 8px}.snack p{color:#0B2427}
.snack-precio{font-family:"Bebas Neue",sans-serif;font-size:56px;line-height:1;margin:8px 0 14px}
.snack-mini .snack-precio{font-size:40px;margin-bottom:0}
@media (min-width:900px){.snack{grid-template-columns:1.1fr 1fr;padding:28px;gap:40px}.snack-mini{grid-template-columns:320px 1fr}}
/* horarios largos y descripciones de sucursal (9 oct, 7:15 pm) */
.det-hora{font-size:clamp(20px,5.5vw,30px)!important;line-height:1.15!important}
.p-hora span,.hp span,.hora-g{white-space:normal!important}
.suc-desc p{margin:0 0 .8em;color:var(--texto);line-height:1.6}
/* título largo de la promo (9 oct, 7:30 pm) */
.titulo-largo{font-size:clamp(25px,6.9vw,56px)!important;line-height:1.05!important;max-width:none;text-wrap:balance;overflow-wrap:normal;hyphens:none}
@media (min-width:900px){.titulo-largo{font-size:clamp(44px,3.6vw,60px)!important;max-width:20ch}}