/* Centro del Lente Solidario · landing "Tu ojo está en obra" */
@font-face{font-family:"Poppins";src:url(../fonts/Poppins-Regular.woff2) format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:"Poppins";src:url(../fonts/Poppins-Medium.woff2) format("woff2");font-weight:500;font-display:swap}
@font-face{font-family:"Poppins";src:url(../fonts/Poppins-Bold.woff2) format("woff2");font-weight:700;font-display:swap}
@font-face{font-family:"Scholar";src:url(../fonts/scholar-italic.woff2) format("woff2");font-style:italic;font-weight:400;font-display:swap}

:root{
  /* Color: manual de marca 2026 */
  --noche:#08190B; --bosque:#0E2A12; --iris:#0F5A23; --lima:#93C522; --lima-claro:#C9EF5A;
  --oliva:#384E15; --crema:#F3F0E4; --pupila:#0B0D0A; --ambar:#F2B33D; --sombra-cta:#5E8A0F;
  --cta:var(--lima); --cta-ink:var(--bosque); --ink:var(--crema); --ink-oscuro:var(--bosque);
  --muted:#B9C6AE; --muted-oscuro:#4A5A42; --line:#234A26; --line-claro:#D5D9CC;
  /* Tipografía */
  --font-display:"Poppins",system-ui,sans-serif; --font-body:"Poppins",system-ui,sans-serif; --font-acento:"Scholar",Georgia,serif;
  --t-titulo:clamp(32px,5.2vw,68px);
  /* Forma: el aro del lente pide radios generosos */
  --r-xl:32px; --r-lg:24px; --r-md:16px; --r-pill:999px;
  /* Movimiento: directo, pícaro, seguro */
  --ease:cubic-bezier(.22,1,.36,1); --ease-io:cubic-bezier(.76,0,.24,1); --ease-pop:cubic-bezier(.34,1.56,.64,1);
  --dur:.9s; --dist:36px; --t-hover:.35s;
  /* Espacio */
  --gutter:clamp(16px,4vw,40px); --maxw:1240px; --section-y:clamp(72px,10vw,140px);
}

*,*::before,*::after{box-sizing:border-box}
html.lenis,html.lenis body{height:auto}
.lenis.lenis-smooth{scroll-behavior:auto!important}
.lenis.lenis-stopped{overflow:clip}
.lenis [data-lenis-prevent]{overscroll-behavior:contain}
body{margin:0;background:var(--noche);color:var(--ink);font-family:var(--font-body);font-size:16px;line-height:1.55;overflow-x:clip;-webkit-font-smoothing:antialiased}
img,video,svg{display:block;max-width:100%}
a{color:inherit}
h1,h2,h3{margin:0}
p{margin:0}
mark{background:#FFE14D;color:#1a1a1a;padding:0 .25em;border-radius:4px;font-weight:500}
.acento{font-family:var(--font-acento);font-style:italic;font-weight:400;letter-spacing:0;text-transform:none}
.contenedor{max-width:var(--maxw);margin:0 auto;padding:0 var(--gutter)}
.saltar{position:absolute;left:-9999px;top:8px;z-index:100;background:var(--crema);color:var(--bosque);padding:10px 16px;border-radius:var(--r-pill)}
.saltar:focus{left:8px}
:focus-visible{outline:3px solid var(--lima-claro);outline-offset:3px}

.ceja{display:inline-flex;align-items:center;gap:8px;margin:0 0 14px;font-size:12px;font-weight:500;letter-spacing:.24em;text-transform:uppercase;color:var(--lima)}
.ceja::before{content:"";width:22px;height:2px;background:currentColor}
.ceja--oscura{color:var(--iris)}
.titulo{font-weight:700;text-transform:uppercase;font-size:var(--t-titulo);line-height:.98;letter-spacing:-.02em;max-width:18ch;text-wrap:balance}
.titulo--oscuro{color:var(--bosque)}
.lima{color:var(--lima)}

/* ===== Botones ===== */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:48px;padding:0 24px;border-radius:var(--r-pill);background:var(--cta);color:var(--cta-ink);font-weight:700;font-size:16px;text-decoration:none;box-shadow:0 6px 0 var(--sombra-cta);transition:transform var(--t-hover) var(--ease),box-shadow var(--t-hover) var(--ease),background var(--t-hover) var(--ease);-webkit-tap-highlight-color:transparent}
.btn svg{width:20px;height:20px;flex:none;fill:none;stroke:currentColor;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round;transition:transform var(--t-hover) var(--ease)}
.btn:hover{background:var(--lima-claro)}
.btn:hover svg{transform:translateX(4px)}
.btn:active{transform:translateY(5px);box-shadow:0 1px 0 var(--sombra-cta)}
.btn--chico{min-height:44px;padding:0 18px;font-size:14px}
.btn--grande{min-height:58px;padding:0 32px;font-size:18px}
.btn--oscuro{background:var(--bosque);color:var(--crema);box-shadow:0 6px 0 #000}
.btn--oscuro:hover{background:var(--iris)}
.btn--oscuro:active{box-shadow:0 1px 0 #000}
.enlace{font-weight:500;font-size:15px;text-underline-offset:4px;text-decoration-thickness:2px;text-decoration-color:var(--lima);min-height:44px;display:inline-flex;align-items:center}

.etiqueta{display:inline-block;transform:rotate(-4deg);background:var(--ambar);color:var(--bosque);border-radius:18px;padding:10px 18px 12px;box-shadow:0 7px 0 var(--bosque);text-align:center;line-height:1}
.etiqueta small{display:block;font-size:11px;font-weight:700;letter-spacing:.08em}
.etiqueta b{font-size:44px;letter-spacing:-.03em}
.etiqueta b span{font-size:16px;letter-spacing:0}
.etiqueta em{display:block;margin-top:4px;font-style:normal;font-size:12px;font-weight:700;letter-spacing:.02em;background:var(--bosque);color:var(--lima);border-radius:var(--r-pill);padding:3px 10px}

/* Etiquetas de precio de la portada: dos stickers que flotan desfasados */
.etiquetas{display:flex;flex-wrap:wrap;align-items:center;gap:14px 18px}
.flota{position:relative;display:inline-block;animation:flota 3.2s ease-in-out infinite alternate}
.flota--b{animation-duration:3.8s;animation-delay:-1.6s}
@keyframes flota{from{transform:translateY(0) rotate(-1.2deg)}to{transform:translateY(-7px) rotate(1.4deg)}}
.etiqueta--dos{transform:rotate(5deg);background:var(--crema)}
.sello{position:absolute;top:-24px;right:-20px;width:40px;height:40px;border-radius:50%;background:var(--lima);color:var(--bosque);display:grid;place-items:center;font-weight:700;font-size:15px;box-shadow:0 4px 0 var(--bosque);transform:rotate(12deg)}
.no-js .flota,.rm .flota{animation:none}
@media (max-width:599px){
  .etiqueta--hero{padding:8px 12px 10px}
  .etiqueta--hero b{font-size:34px}
  .etiqueta--hero small{font-size:10px}
  .etiqueta--hero em{font-size:11px}
  .beat__acciones .btn{order:2}
}
@media (prefers-reduced-motion:reduce){.flota{animation:none}}

/* ===== INICIO Portada ===== */
.hero{position:relative;height:100svh}
.js .hero{height:420svh}
.hero__stage{position:sticky;top:0;height:100svh;overflow:hidden;background:var(--pupila)}
.hero__media,.hero__media img,.hero__media video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.hero__media video{opacity:0;transition:opacity .4s}
.hero__media.is-ready video{opacity:1}
.hero__poster-final{display:none}
.no-js .hero__poster-inicio,.rm .hero__poster-inicio{display:none}
.no-js .hero__poster-final,.rm .hero__poster-final{display:block}
.hero__velo{position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,rgba(8,25,11,.78) 0%,rgba(8,25,11,0) 30%,rgba(8,25,11,0) 50%,rgba(8,25,11,.92) 100%)}
.nav{position:absolute;top:0;left:0;right:0;z-index:5;display:flex;align-items:center;justify-content:space-between;padding:calc(env(safe-area-inset-top) + 20px) var(--gutter) 0}
.nav__logo{height:38px;width:auto}
.beat{position:absolute;left:var(--gutter);right:var(--gutter);bottom:calc(env(safe-area-inset-bottom) + 64px);z-index:4;max-width:min(980px,100%)}
.beat__titulo{font-family:var(--font-display);font-weight:700;text-transform:uppercase;font-size:clamp(34px,6.4vw,92px);line-height:.94;letter-spacing:-.025em;color:var(--crema);text-wrap:balance}
.beat__titulo .mask{display:block;overflow:hidden;padding-bottom:.14em;margin-bottom:-.14em}
.beat__titulo .mask > span{display:block}
.beat__titulo .acento{display:block;font-size:1.06em;line-height:1;color:var(--lima);padding-bottom:.08em}
.beat__texto{margin-top:16px;max-width:460px;font-size:clamp(15px,1.4vw,18px);color:#D9DECF}
.beat__acciones{display:flex;flex-wrap:wrap;align-items:center;gap:18px 22px;margin-top:22px}
.js .beat--2,.js .beat--3{visibility:hidden}
.no-js .beat--1,.no-js .beat--2,.rm .beat--1,.rm .beat--2{display:none}
.no-js .beat--3,.rm .beat--3{visibility:visible}
/* Cargador del scroll: el isotipo se llena de lima de izquierda a derecha (--p va de 0 a 1) */
.aro{--p:0;position:absolute;z-index:4;right:var(--gutter);top:calc(env(safe-area-inset-top) + 96px);width:clamp(72px,8vw,104px);aspect-ratio:1000/627;filter:drop-shadow(0 4px 10px rgba(0,0,0,.45))}
.aro img{position:absolute;inset:0;width:100%;height:100%}
.aro__base{opacity:.3}
.aro__lleno{clip-path:inset(0 calc((1 - var(--p)) * 100%) 0 0)}
.cierre__aro svg{width:100%;height:100%;overflow:visible}
.cierre__aro circle{fill:none;stroke-width:6}
.aro__fondo{stroke:rgba(243,240,228,.18)}
.aro__trazo{stroke:var(--lima);stroke-linecap:round;transform:rotate(-90deg);transform-origin:50% 50%}
.no-js .aro,.rm .aro{display:none}
.pista{position:absolute;z-index:4;left:50%;bottom:calc(env(safe-area-inset-bottom) + 18px);transform:translateX(-50%);font-size:12px;letter-spacing:.2em;text-transform:uppercase;color:var(--muted);display:flex;align-items:center;gap:8px;white-space:nowrap}
.no-js .pista,.rm .pista{display:none}
.pista i{width:2px;height:18px;background:var(--lima);display:block;animation:pista 1.6s var(--ease-io) infinite}
@keyframes pista{0%{transform:scaleY(0);transform-origin:top}50%{transform:scaleY(1);transform-origin:top}51%{transform-origin:bottom}100%{transform:scaleY(0);transform-origin:bottom}}
/* ===== FIN Portada ===== */

/* ===== INICIO Señales ===== */
.senales{padding:var(--section-y) 0}
.senales__grid{display:grid;gap:48px}
.senales__intro{display:flex;flex-direction:column;align-items:flex-start;gap:22px}
.senales__texto{max-width:440px;color:#D9DECF}
.cartilla{list-style:none;margin:0;padding:0;font-family:var(--font-acento);font-style:italic;color:var(--crema);text-align:center;display:flex;flex-direction:column;gap:.35em;counter-reset:linea}
.cartilla li{line-height:1.05;padding-bottom:.12em}
.cartilla li:nth-child(1){font-size:clamp(40px,6vw,76px)}
.cartilla li:nth-child(2){font-size:clamp(33px,4.9vw,62px)}
.cartilla li:nth-child(3){font-size:clamp(27px,4vw,50px)}
.cartilla li:nth-child(4){font-size:clamp(23px,3.2vw,40px)}
.cartilla li:nth-child(5){font-size:clamp(19px,2.6vw,32px);color:var(--lima)}
@media (min-width:960px){.senales__grid{grid-template-columns:5fr 7fr;align-items:center}.senales .titulo{max-width:14ch}}
/* ===== FIN Señales ===== */

/* ===== INICIO Promos ===== */
.promos{background:var(--crema);color:var(--bosque);padding:var(--section-y) 0}
.promos__grid{display:grid;gap:18px;margin-top:40px}
.promo{border-radius:var(--r-xl);padding:clamp(24px,4vw,40px);display:flex;flex-direction:column;align-items:flex-start;gap:14px;position:relative;overflow:hidden;min-height:420px}
.promo--lima{background:var(--lima);color:var(--bosque)}
.promo--bosque{background:var(--bosque);color:var(--crema)}
.promo__tag{font-size:12px;font-weight:700;letter-spacing:.24em;text-transform:uppercase}
.promo__titulo{font-size:clamp(34px,4.6vw,58px);line-height:.95;text-transform:uppercase;letter-spacing:-.02em;max-width:9ch}
.promo__acento{font-family:var(--font-acento);font-style:italic;font-size:clamp(28px,3vw,38px);line-height:1;color:var(--lima)}
.promo__detalle{font-weight:500}
.promo .etiqueta{margin:10px 0 14px}
.promo .btn{margin-top:auto}
.promo__foto{position:absolute;right:-48px;bottom:-48px;width:clamp(190px,26vw,300px);aspect-ratio:1;border-radius:50%;border:10px solid var(--bosque);box-shadow:0 0 0 8px var(--lima);overflow:hidden}
.promo__foto img{width:100%;height:100%;object-fit:cover;object-position:50% 25%}
.promo--lima .promo__titulo,.promo--lima .promo__detalle,.promo--lima .etiqueta,.promo--lima .btn{position:relative;z-index:1}
.promos__nota{margin-top:22px;font-size:14px;color:var(--muted-oscuro)}
@media (max-width:599px){.promo__foto{width:170px;right:-36px;bottom:auto;top:-30px}}
@media (min-width:860px){.promos__grid{grid-template-columns:7fr 5fr}}
/* ===== FIN Promos ===== */

/* ===== INICIO Arma tu lente ===== */
.arma{background:var(--bosque);padding:var(--section-y) 0}
.arma__form{margin-top:40px;display:grid;gap:28px}
.paso{border:0;margin:0;padding:0;min-width:0}
.paso legend{display:flex;align-items:center;gap:12px;font-weight:700;font-size:20px;margin-bottom:14px;padding:0}
.paso legend b{width:34px;height:34px;border-radius:50%;background:var(--lima);color:var(--bosque);display:grid;place-items:center;font-size:15px;flex:none}
.opciones{display:grid;gap:10px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}
.op{position:relative;display:block;cursor:pointer}
.op input{position:absolute;opacity:0;width:1px;height:1px}
.op span{display:flex;flex-direction:column;gap:4px;height:100%;padding:16px 18px;border-radius:var(--r-lg);border:2px solid var(--line);background:rgba(243,240,228,.04);font-size:14px;color:#D9DECF;transition:border-color var(--t-hover) var(--ease),background var(--t-hover) var(--ease),transform var(--t-hover) var(--ease)}
.op span b{font-size:17px;color:var(--crema)}
.op:hover span{border-color:var(--iris)}
.op input:checked + span{border-color:var(--lima);background:rgba(147,197,34,.12);box-shadow:inset 0 0 0 1px var(--lima)}
.op input:focus-visible + span{outline:3px solid var(--lima-claro);outline-offset:3px}
.paso[disabled]{opacity:.4}

/* Paso 4: medidor de medida */
.medidor{display:grid;gap:14px;padding:20px;border-radius:var(--r-lg);border:2px solid var(--line);background:rgba(243,240,228,.04)}
.medidor__lectura{display:flex;flex-wrap:wrap;align-items:baseline;gap:6px 18px}
.medidor__valor{font-size:clamp(46px,7vw,72px);font-weight:700;line-height:1;letter-spacing:-.03em;color:var(--lima);font-variant-numeric:tabular-nums;min-width:4ch}
.medidor__promo{font-size:15px;color:#D9DECF}
.medidor__promo b{color:var(--crema)}
.medidor__barra{display:grid;gap:8px}
.medidor input[type=range]{--v:25%;-webkit-appearance:none;appearance:none;width:100%;height:44px;background:transparent;cursor:pointer;margin:0}
.medidor input[type=range]::-webkit-slider-runnable-track{height:12px;border-radius:999px;background:linear-gradient(90deg,var(--lima) var(--v),rgba(243,240,228,.14) var(--v))}
.medidor input[type=range]::-moz-range-track{height:12px;border-radius:999px;background:rgba(243,240,228,.14)}
.medidor input[type=range]::-moz-range-progress{height:12px;border-radius:999px;background:var(--lima)}
.medidor input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:34px;height:34px;margin-top:-11px;border-radius:50%;background:var(--crema);border:5px solid var(--lima);box-shadow:0 4px 0 var(--bosque);transition:transform .2s var(--ease)}
.medidor input[type=range]::-moz-range-thumb{width:24px;height:24px;border-radius:50%;background:var(--crema);border:5px solid var(--lima);box-shadow:0 4px 0 var(--bosque)}
.medidor input[type=range]:active::-webkit-slider-thumb{transform:scale(1.15)}
.medidor input[type=range]:focus-visible{outline:3px solid var(--lima-claro);outline-offset:4px;border-radius:999px}
.medidor input[type=range]:disabled{opacity:.35;cursor:not-allowed}
.medidor__marcas{display:flex;justify-content:space-between;font-size:12px;color:var(--muted);font-variant-numeric:tabular-nums}
.medidor__ayuda{font-size:13px;color:var(--muted)}
.medidor.is-nose .medidor__valor{font-size:clamp(30px,4.6vw,44px)}
.op--check span{flex-direction:column}

/* Vitrina de promos: un interruptor 1 lente / 2 lentes y una tarjeta que se inclina con el mouse */
.vitrina{margin-top:40px;display:grid;gap:18px;perspective:1200px}
.vitrina__switch{position:relative;display:inline-grid;grid-template-columns:1fr 1fr;justify-self:start;padding:6px;border-radius:var(--r-pill);background:var(--bosque);isolation:isolate}
.vitrina__pastilla{position:absolute;z-index:-1;top:6px;bottom:6px;left:6px;width:calc(50% - 6px);border-radius:var(--r-pill);background:var(--lima);transition:transform .55s var(--ease-pop)}
.vitrina[data-activo="2"] .vitrina__pastilla{transform:translateX(100%)}
.vitrina__opcion{min-height:52px;padding:0 22px;border:0;border-radius:var(--r-pill);background:none;color:var(--crema);font:700 16px var(--font-body);cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;line-height:1.1;transition:color .3s}
.vitrina__opcion small{font-size:11px;font-weight:500;opacity:.8}
.vitrina__opcion[aria-pressed="true"]{color:var(--bosque)}
.vitrina__tarjeta{position:relative;display:grid;align-items:center;gap:8px;border-radius:var(--r-xl);background:var(--lima);color:var(--bosque);padding:clamp(22px,4vw,48px);overflow:hidden;transform-style:preserve-3d;transition:background .6s var(--ease);min-height:420px}
.vitrina[data-activo="2"] .vitrina__tarjeta{background:var(--bosque);color:var(--crema)}
.vitrina__escena{position:relative;aspect-ratio:4/3;width:100%;max-width:560px;justify-self:center;transform:translateZ(60px)}
.vitrina__halo{position:absolute;inset:12% 14%;border-radius:50%;border:10px solid var(--bosque);opacity:.18;transition:border-color .6s}
.vitrina[data-activo="2"] .vitrina__halo{border-color:var(--lima);opacity:1;border-width:6px;background:radial-gradient(circle,rgba(243,240,228,.55) 0%,rgba(201,239,90,.25) 45%,transparent 72%)}
.vitrina__halo{transition:border-color .6s,opacity .6s,background .6s}
.vitrina__lentes{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 24px 24px rgba(0,0,0,.28));will-change:transform}
.js .vitrina__lentes[data-lentes="2"]{opacity:0}
.vitrina__paneles{display:grid}
.vitrina__panel{grid-area:1/1;display:flex;flex-direction:column;align-items:flex-start;gap:12px}
.js .vitrina__panel[data-panel="2"]{visibility:hidden;opacity:0}
.vitrina__precio{display:flex;align-items:baseline;gap:8px;margin:6px 0 8px;transform:rotate(-3deg);background:var(--ambar);color:var(--bosque);padding:6px 18px 10px;border-radius:18px;box-shadow:0 7px 0 var(--bosque)}
.vitrina[data-activo="2"] .vitrina__precio{transform:rotate(3deg);box-shadow:0 7px 0 #000}
.vitrina__precio small{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;align-self:center}
.vitrina__precio b{font-size:clamp(52px,7vw,84px);line-height:1;letter-spacing:-.04em;font-variant-numeric:tabular-nums;min-width:3ch}
.vitrina__precio span{font-weight:700}
.vitrina[data-activo="2"] .btn--oscuro{background:var(--lima);color:var(--bosque);box-shadow:0 6px 0 var(--sombra-cta)}
.no-js .vitrina__switch{display:none}
.no-js .vitrina__paneles,.rm .vitrina__paneles{gap:28px}
.no-js .vitrina__panel{grid-area:auto}
.no-js .vitrina__lentes[data-lentes="2"]{display:none}
@media (min-width:860px){.vitrina__tarjeta{grid-template-columns:5fr 6fr}.vitrina__escena{order:2}}
@media (prefers-reduced-motion:reduce){.vitrina__pastilla,.vitrina__tarjeta{transition:none}}
.arma__resumen{display:flex;flex-direction:column;align-items:flex-start;gap:12px;padding:24px;border-radius:var(--r-xl);background:var(--noche);border:1px solid var(--line)}
.arma__eleccion{font-size:clamp(17px,2vw,22px)}
.arma__eleccion b{color:var(--lima)}
.arma__nota{font-size:14px;color:var(--muted)}
/* ===== FIN Arma tu lente ===== */

/* ===== INICIO Cómo funciona ===== */
.pasos{background:var(--crema);color:var(--bosque);padding:var(--section-y) 0}
.pasos__linea{height:3px;background:var(--line-claro);border-radius:3px;margin:44px 0 0;overflow:hidden}
.pasos__linea span{display:block;height:100%;width:100%;background:var(--iris);transform-origin:left}
.js .pasos__linea span{transform:scaleX(0)}
.no-js .pasos__linea span{transform:none}
.pasos__lista{list-style:none;margin:28px 0 0;padding:0;display:grid;gap:26px}
.pasos__lista b{font-size:14px;color:var(--iris);letter-spacing:.12em}
.pasos__lista h3{font-size:22px;text-transform:uppercase;line-height:1.05;margin:6px 0}
.pasos__lista p{color:var(--muted-oscuro)}
.pasos__foto{margin:48px 0 0;border-radius:var(--r-xl);overflow:hidden;position:relative}
.pasos__foto img{width:100%;aspect-ratio:16/8;object-fit:cover}
.pasos__foto figcaption{position:absolute;left:14px;bottom:14px;font-size:12px}
@media (min-width:860px){.pasos__lista{grid-template-columns:repeat(4,1fr)}}
/* ===== FIN Cómo funciona ===== */

/* ===== INICIO Confianza ===== */
.confianza{padding:var(--section-y) 0;position:relative;isolation:isolate}
.confianza::before{content:"";position:absolute;inset:0;z-index:-1;opacity:.05;background:url(../img/isotipo-blanco.png) 0 0/64px auto space}
.confianza__grid{display:grid;gap:40px;align-items:center}
.credenciales{list-style:none;margin:28px 0 0;padding:0;display:grid;gap:14px}
.credenciales li{display:flex;align-items:center;gap:12px;font-size:17px}
.credenciales img{width:30px;height:auto;flex:none}
.cita{margin:0;padding:32px;border-radius:var(--r-xl);background:var(--bosque);border:1px solid var(--line);font-family:var(--font-acento);font-style:italic;font-size:clamp(24px,3vw,36px);line-height:1.15}
.cita footer{margin-top:18px;font-family:var(--font-body);font-style:normal;font-size:14px}
@media (min-width:860px){.confianza__grid{grid-template-columns:1fr 1fr}}
/* ===== FIN Confianza ===== */

/* ===== INICIO Sucursales ===== */
.sucursales{background:var(--lima);color:var(--bosque);padding:var(--section-y) 0}
.sucursales .ceja--oscura{color:var(--bosque)}
.sucursales__grid{display:grid;gap:18px;margin-top:40px}
.suc{background:var(--crema);border-radius:var(--r-xl);padding:clamp(22px,3.5vw,36px);display:flex;flex-direction:column;gap:14px}
.suc h3{font-size:clamp(28px,3.4vw,40px);text-transform:uppercase;line-height:1}
.suc__dir{font-weight:500}
.horario{margin:0;display:grid;gap:6px;border-top:1px dashed var(--line-claro);padding-top:14px}
.horario div{display:flex;justify-content:space-between;gap:14px;font-size:15px}
.horario dt{color:var(--muted-oscuro)}
.horario dd{margin:0;font-weight:700;font-variant-numeric:tabular-nums}
.suc__acciones{display:flex;flex-wrap:wrap;align-items:center;gap:12px 20px;margin-top:8px}
.horario dd{text-align:right}
.suc__nota{font-size:14px;color:var(--iris);font-weight:500}

/* Croquis referencial de cada sucursal (SVG generado por generar.py) */
.croquis{display:block;border-radius:var(--r-md);overflow:hidden;border:1px solid var(--line-claro);background:#FBFAF5;transition:border-color var(--t-hover) var(--ease),transform var(--t-hover) var(--ease)}
.croquis:hover{border-color:var(--iris);transform:translateY(-2px)}
.croquis svg{width:100%;height:auto}
.croquis .calle{fill:#DDD8C8}
.croquis .eje{stroke:#FBFAF5;stroke-width:1.5;stroke-dasharray:7 6}
.croquis .nombre-calle{font:700 9px var(--font-body);letter-spacing:.08em;fill:#55604D}
.croquis .local{fill:var(--lima);stroke:var(--bosque);stroke-width:2}
.croquis .pin{fill:var(--bosque)}
.croquis .local-num{font:700 12px var(--font-body);fill:var(--bosque)}
.croquis .local-tag{font:700 9px var(--font-body);letter-spacing:.06em;fill:var(--bosque)}
.croquis .local-extra{font:500 8px var(--font-body);letter-spacing:.06em;fill:var(--iris)}
.croquis .estadio{fill:#D4E8A6;stroke:#9CC35A;stroke-width:2}
.croquis .cancha{fill:#B5D877;stroke:#FBFAF5;stroke-width:1.5}
.croquis .estadio-txt{font:700 10px var(--font-body);letter-spacing:.08em;fill:var(--bosque)}
.croquis .estadio-curva{font:700 8px var(--font-body);letter-spacing:.1em;fill:var(--iris)}
.croquis .brujula circle{fill:#FBFAF5;stroke:var(--bosque);stroke-width:1.5}
.croquis .brujula path{fill:var(--bosque)}
.croquis .brujula text{font:700 10px var(--font-body);fill:var(--bosque)}
.croquis__cap{font-size:12px;color:var(--muted-oscuro);margin-top:-6px}
@media (prefers-reduced-motion:reduce){.croquis{transition:none}}
@media (min-width:860px){.sucursales__grid{grid-template-columns:1fr 1fr}.sucursales__grid--una{grid-template-columns:minmax(0,640px)}}
/* ===== FIN Sucursales ===== */

/* ===== INICIO Preguntas ===== */
.preguntas{padding:var(--section-y) 0}
.preguntas__grid{display:grid;gap:36px}
.preguntas__grid > div:first-child{display:flex;flex-direction:column;align-items:flex-start;gap:24px}
.acordeon details{border-bottom:1px solid var(--line)}
.acordeon summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:16px;min-height:64px;font-weight:700;font-size:18px}
.acordeon summary::-webkit-details-marker{display:none}
.acordeon summary::after{content:"";width:22px;height:22px;flex:none;border-radius:50%;border:2px solid var(--lima);background:linear-gradient(var(--lima),var(--lima)) center/10px 2px no-repeat,linear-gradient(var(--lima),var(--lima)) center/2px 10px no-repeat;transition:transform var(--t-hover) var(--ease)}
.acordeon details[open] summary::after{transform:rotate(45deg)}
.acordeon details p{padding:0 0 20px;color:#D9DECF;max-width:60ch}
@media (min-width:860px){.preguntas__grid{grid-template-columns:5fr 7fr}}
/* ===== FIN Preguntas ===== */

/* ===== INICIO Cierre ===== */
.cierre{background:var(--bosque);padding:var(--section-y) 0;text-align:center}
.cierre__inner{display:flex;flex-direction:column;align-items:center;gap:22px}
.cierre__aro{position:relative;width:clamp(110px,14vw,160px);aspect-ratio:1}
.cierre__aro img{position:absolute;inset:24%}
.cierre__titulo{font-size:clamp(38px,7vw,100px);line-height:.94;text-transform:uppercase;letter-spacing:-.025em;text-wrap:balance}
.cierre__titulo .acento{display:block;color:var(--lima);font-size:1.08em;line-height:1}
.cierre__texto{max-width:440px;color:#D9DECF}
/* ===== FIN Cierre ===== */

/* ===== INICIO Footer ===== */
.pie{padding:56px 0 calc(110px + env(safe-area-inset-bottom));font-size:14px;color:var(--muted)}
.pie__grid{display:grid;gap:24px;align-items:center}
.pie__grid p + p{margin-top:12px}
.pie__logo{width:120px;height:auto}
.pie__lema{font-family:var(--font-acento);font-style:italic;font-size:26px;color:var(--lima)}
@media (min-width:860px){.pie{padding-bottom:56px}.pie__grid{grid-template-columns:auto 1fr;gap:40px}}
/* ===== FIN Footer ===== */

/* ===== INICIO Barra fija celular ===== */
.barra{position:fixed;left:12px;right:12px;bottom:calc(12px + env(safe-area-inset-bottom));z-index:50;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 8px 8px 18px;border-radius:var(--r-pill);background:rgba(8,25,11,.94);border:1px solid var(--line);box-shadow:0 10px 30px rgba(0,0,0,.4);transition:transform .45s var(--ease),opacity .45s var(--ease)}
.barra__precio{font-size:14px;color:#D9DECF}
.barra__precio b{color:var(--ambar)}
.barra.is-oculta{transform:translateY(140%);opacity:0;pointer-events:none}
@media (min-width:860px){.barra{display:none}}
/* ===== FIN Barra fija ===== */

/* ===== Revelados (solo con JS) ===== */
@media (min-width:860px){.beat{left:calc(var(--gutter) + 2vw);bottom:9vh}}
@media (prefers-reduced-motion:reduce){.pista i{animation:none}}