/* Linterna táctica 4 en 1 · ángulo «La linterna que te saca de cualquier apuro» · familia tecno «luz en la oscuridad».
   Regla del 27 oct 2026: las piezas visuales son imágenes completas de OpenAI con su texto; aquí solo el marco oscuro, los GIFs, la cinta y los botones. */
@font-face{font-family:"Bebas";src:url("../../fonts/BebasNeue-400.woff2") format("woff2");font-weight:400;font-display:swap}
.lt{--fondo:#0B0D12;--fondo-2:#161B26;--rojo:#FF2D3D;--luz:#EAF2FF;--hielo:#F2F4F8}

/* hero: la portada ya trae titular, rótulos y sello; de la plantilla de Stone queda la caja con la oferta y el botón */
.ph{background:radial-gradient(120% 70% at 50% 0%,#1A1F2C 0%,#0B0D12 70%)}
.ph__arco,.ph__datos,.ph__franja,.ph .sello{display:none}
.ph__txt{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.ph__escena{aspect-ratio:auto;margin-top:0;background:transparent;box-shadow:0 0 0 1px rgba(255,45,61,.35),0 0 40px rgba(255,45,61,.22)}
.ph__foto{height:auto;animation:none;display:block}

.lt-sec{padding:40px 0}
.lt-oscura{background:radial-gradient(120% 70% at 50% 0%,var(--fondo-2) 0%,var(--fondo) 66%);color:#fff}
.lt-claro{background:var(--hielo)}
.lt-angosta{max-width:620px}
.lt-pila{display:grid;gap:24px}
.lt-tit{font-family:"Bebas",var(--f-tit);font-weight:400;font-size:clamp(36px,10vw,56px);line-height:1;margin:0;letter-spacing:.02em;text-transform:uppercase;text-align:center}
.lt-tit em{font-style:normal;color:var(--rojo);text-shadow:0 0 18px rgba(255,45,61,.55)}
.lt-img{display:block;width:100%;height:auto;border-radius:18px;box-shadow:0 0 0 1px rgba(255,45,61,.3),0 0 40px rgba(255,45,61,.16),0 24px 50px rgba(0,0,0,.5)}
.lt-claro .lt-img{box-shadow:0 18px 40px rgba(11,13,18,.2)}
.lt-gif{margin:0 auto;width:100%;max-width:420px;border-radius:18px;overflow:hidden;box-shadow:0 0 0 2px var(--rojo),0 0 30px rgba(255,45,61,.4),0 22px 48px rgba(0,0,0,.5)}
.lt-gif img{display:block;width:100%;height:auto}
.lt-pie{text-align:center;font-weight:900;font-size:15px;margin:0;color:var(--luz);letter-spacing:.02em}
.lt-btn{display:flex;width:100%;max-width:460px;margin-inline:auto;padding:14px 18px}
.lt-btn span{display:grid;text-align:center;line-height:1.2}.lt-btn small{font-weight:700;font-size:12.5px;opacity:.9}

/* viñetas y acordeones bajo la portada (como la referencia) */
.lt-detalle{padding-top:28px}
.lt-vinetas{list-style:none;margin:0 0 18px;padding:0;display:grid;gap:10px}
.lt-vinetas li{display:flex;gap:10px;align-items:center;font-weight:700;font-size:16px;line-height:1.35}
.lt-vinetas i{font-style:normal;flex:none;width:34px;height:34px;display:grid;place-items:center;border-radius:10px;background:#0B0D12;box-shadow:0 0 0 1px rgba(255,45,61,.5)}
.lt-acordeon details{margin:0}

/* cinta animada: pagas al recibir · envío · plazo · defecto */
.lt-cinta{background:var(--rojo);color:#fff;overflow:hidden;white-space:nowrap;padding:11px 0;font-weight:900;font-size:14px;letter-spacing:.03em;text-transform:uppercase}
.lt-cinta__pista{display:inline-flex;gap:34px;padding-left:34px;animation:lt-cinta 22s linear infinite}
@keyframes lt-cinta{to{transform:translateX(-50%)}}
@media (prefers-reduced-motion:reduce){.lt-cinta__pista{animation:none}}

/* escalera 1 · 2 · 3 */
.lt-escalera .plan__fotos img{left:calc(var(--j)*12px)}

@media (min-width:768px){
  .lt-sec{padding:64px 0}
  .lt-angosta{margin-inline:auto}
}