/* Lámpara solar 50 W · página v2 «Vienen 4» · familia impacto: noche azul, luz fría y amarillo de resalte */
.lv{--noche:#0B1D3F;--noche-2:#132B57;--luz:#FFC21A;--electrico:#1E6BE0}
.lv-sec{padding:48px 0}
.lv-oscura,.lv-noche{background:radial-gradient(120% 80% at 50% 0%,var(--noche-2) 0%,var(--noche) 62%);color:#fff}
.lv-noche{background:linear-gradient(180deg,var(--noche) 0%,#08152E 100%)}
.lv-angosta{max-width:620px}
.lv-tit{font-size:clamp(30px,8.4vw,50px);line-height:1.02;margin:12px 0 10px;text-transform:uppercase;font-style:italic;font-weight:900;letter-spacing:-.01em}
.lv-tit em{font-style:italic;color:var(--luz)}
.lv-cuatro .lv-tit em,.lv-pasos .titulo-sec em,.lv-resenas .titulo-sec em,.lv-escalera .titulo-sec em{color:var(--electrico)}
.lv-txt{font-size:17px;line-height:1.45;margin:0 0 18px;color:rgba(255,255,255,.86);max-width:520px}
.lv-cuatro .lv-txt{color:var(--gris)}
.lv-txt--centro{text-align:center;margin:16px auto 0}
.eti--oscura{background:rgba(255,255,255,.1);color:#fff}
.lv-img{display:block;width:100%;height:auto;border-radius:22px;box-shadow:0 24px 50px rgba(0,0,0,.45)}
.lv-gif{margin:0 auto;max-width:420px;border-radius:22px;overflow:hidden;box-shadow:0 0 0 3px rgba(255,194,26,.55),0 22px 48px rgba(0,0,0,.5)}
.lv-gif img{display:block;width:100%;height:auto}
.lv-noche .lv-gif{margin-top:26px}
.lv-oscura .lv-gif + .lv-img{margin-top:26px}
.lv-pie{text-align:center;font-weight:900;font-size:15px;margin:14px 0 0;color:var(--luz);letter-spacing:.02em}
.lv-arranque{padding-top:34px}

/* antes y después con el dedo */
.lv-desliza{position:relative;border-radius:22px;overflow:hidden;aspect-ratio:3/2;box-shadow:0 24px 50px rgba(0,0,0,.5);touch-action:pan-y;margin-top:8px}
.lv-desliza__foto{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.lv-desliza__foto--apagada{filter:brightness(.16) saturate(.4)}
.lv-desliza__foto--encendida{clip-path:inset(0 0 0 var(--x))}
.lv-desliza__linea{position:absolute;top:0;bottom:0;left:var(--x);width:3px;margin-left:-1.5px;background:var(--luz);box-shadow:0 0 18px rgba(255,194,26,.9);pointer-events:none}
.lv-desliza__linea i{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:44px;height:44px;border-radius:50%;background:var(--luz);color:var(--noche);display:grid;place-items:center;font-style:normal;font-weight:900}
.lv-desliza__eti{position:absolute;top:12px;padding:6px 12px;border-radius:999px;font-size:12.5px;font-weight:900;pointer-events:none}
.lv-desliza__eti--a{left:12px;background:rgba(11,29,63,.8);color:#fff}.lv-desliza__eti--b{right:12px;background:var(--luz);color:var(--noche)}
.lv-desliza__rango{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:ew-resize;margin:0}

/* vienen 4 */
.lv-cuatro{background:var(--niebla)}

/* así se instala */
.lv-pasos__lista{list-style:none;padding:0;margin:18px 0 0;display:grid;gap:12px}
.lv-pasos__lista li{display:grid;grid-template-columns:48px 1fr;gap:14px;align-items:center;background:#fff;border-radius:18px;padding:14px;box-shadow:var(--sombra-s)}
.lv-pasos__lista b{width:48px;height:48px;border-radius:14px;background:var(--noche);color:var(--luz);display:grid;place-items:center;font-size:22px;font-weight:900;font-style:italic}
.lv-pasos__lista strong{display:block;font-size:17px}.lv-pasos__lista p{margin:2px 0 0;color:var(--gris);font-size:15px}

/* reseñas por lugar */
.lv-resenas__fila{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-top:16px}
.lv-resena{margin:0;background:#fff;border-radius:18px;overflow:hidden;box-shadow:var(--sombra-s);display:flex;flex-direction:column}
.lv-resena img{display:block;width:100%;height:auto;aspect-ratio:1}
.lv-resena figcaption{padding:10px 12px 14px;display:grid;gap:4px}
.lv-estrellas{color:#F5A400;font-size:14px;letter-spacing:1px}
.lv-resena q{font-size:14.5px;line-height:1.35;font-weight:700;quotes:"«" "»"}
.lv-resena b{font-size:12.5px;color:var(--gris)}

/* escalera 1 · 2 · 4 */
.lv-escalera .plan__fotos img{left:calc(var(--j)*12px)}
.lv-confianza{list-style:none;padding:0;margin:18px 0 0;display:grid;grid-template-columns:repeat(2,1fr);gap:8px}
.lv-confianza li{background:#fff;border-radius:12px;padding:10px;font-size:13.5px;font-weight:800;text-align:center;box-shadow:inset 0 0 0 2px var(--linea)}

@media (min-width:768px){
  .lv-sec{padding:72px 0}
  .lv-resenas__fila{grid-template-columns:repeat(4,1fr)}
  .lv-confianza{grid-template-columns:repeat(4,1fr);max-width:900px;margin-inline:auto}
  .lv-angosta{margin-inline:auto}
}