/* Landings de campaña de Simbelo: rápidas (sin WebGL ni GSAP), mensaje = el de sus anuncios, puerta arriba. */
.lp-barra{position:absolute;inset:0 0 auto 0;z-index:5;padding:16px 0}
.lp-barra .envoltorio{display:flex;align-items:center;justify-content:space-between}
.lp-barra .marca{color:#F4F7F6}
.lp-barra .marca img{background:#F4F7F6;border-radius:10px;padding:3px}
.lp-barra a.enlace-claro{color:#F4F7F6;font-size:.95rem}
.lp-hero{position:relative;min-height:min(100dvh,860px);display:flex;align-items:center;color:#F4F7F6;overflow:hidden;padding:96px 0 48px}
.lp-hero picture{position:absolute;inset:0}
.lp-hero img.fondo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.lp-hero::after{content:"";position:absolute;inset:0;background:linear-gradient(100deg,rgba(10,23,48,.9) 0%,rgba(10,23,48,.7) 46%,rgba(10,23,48,.3) 100%)}
.lp-hero__rejilla{position:relative;z-index:2;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:clamp(24px,5vw,72px);align-items:center}
.lp-hero h1{font-size:clamp(2.4rem,1.5rem + 3.6vw,4.4rem);letter-spacing:-.035em;line-height:1}
.lp-hero h1 em{font-style:normal;color:#5BD9CF}
.lp-hero p.sub{font-size:clamp(1.08rem,1rem + .45vw,1.3rem);color:#DCE5F0;max-width:44ch;margin:20px 0 0}
.lp-claves{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 22px;margin:28px 0 0;padding:0;list-style:none;max-width:560px}
.lp-claves li{display:flex;gap:10px;align-items:flex-start;color:#F4F7F6;font-weight:600}
.lp-claves svg{width:20px;height:20px;flex:none;color:#5BD9CF;margin-top:3px}
@media (max-width:900px){.lp-hero{padding-top:84px}.lp-hero__rejilla{grid-template-columns:1fr}.lp-claves{grid-template-columns:1fr}}
.lp-pasos{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-top:40px;padding:0;list-style:none}
.lp-pasos li{background:var(--sup);border:1px solid var(--linea);border-radius:var(--r-tarjeta);padding:22px}
.lp-pasos b{display:block;font:650 1.15rem/1.25 var(--display);margin:10px 0 6px;color:var(--tinta)}
.lp-pasos span{font:700 1.8rem/1 var(--display);color:var(--agua-txt)}
.lp-pasos p{margin:0;color:var(--tinta-2);font-size:.97rem}
@media (max-width:900px){.lp-pasos{grid-template-columns:1fr 1fr}}
@media (max-width:520px){.lp-pasos{grid-template-columns:1fr}}
.lp-pie{padding:28px 0;font-size:.88rem;color:var(--tinta-3);border-top:1px solid var(--linea)}
.lp-pie .envoltorio{display:flex;flex-wrap:wrap;gap:10px 24px}
.lp-pie button{background:none;border:0;padding:0;color:inherit;font:inherit;text-decoration:underline;cursor:pointer}
