/* Landing pages de IngeniaLab: ajustes de embudo sobre site.css (un objetivo, sin menú). */
body{padding-bottom:0}

/* Barra mínima */
.lp-bar{border-bottom:1px solid var(--brand-line);background:rgba(255,255,255,.96);position:sticky;top:0;z-index:40}
.lp-bar .container{display:flex;align-items:center;justify-content:space-between;gap:1rem;min-height:64px}
.lp-bar img{height:28px;width:auto;display:block}
.lp-bar .btn{padding:.55rem 1rem;font-size:.88rem}

/* Héroe */
.lp-hero{padding-block:clamp(2.25rem,5vw,4rem) clamp(2.5rem,5vw,4rem)}
.lp-hero h1{font-size:clamp(2.1rem,5.2vw,3.9rem);margin-top:1rem}
.lp-hero .lead{margin-top:1.25rem}
.lp-hero .btn-row{margin-top:1.75rem}
.micro{margin-top:.9rem;font-size:.84rem;color:var(--brand-muted)}
.lp-hero .chips{margin-top:1.25rem}

/* Tarjeta de oferta */
.offer{border:2px solid var(--brand-blue);border-radius:var(--radius-card);background:var(--brand-white);padding:1.6rem;box-shadow:0 22px 55px -32px rgba(0,61,255,.45)}
.offer .tag-top{display:inline-block;font-family:var(--font-code);font-weight:500;font-size:.66rem;letter-spacing:.08em;text-transform:uppercase;color:var(--brand-blue)}
.offer h2,.offer h3{font-size:1.35rem;margin-top:.5rem}
.offer .amount{font-family:var(--font-display);font-weight:700;font-size:clamp(1.9rem,8vw,2.6rem);letter-spacing:-.04em;line-height:1;margin-top:.9rem;font-variant-numeric:tabular-nums}
.offer .amount small{display:block;font-family:var(--font-body);font-weight:400;font-size:.84rem;letter-spacing:0;color:var(--brand-muted);margin-top:.45rem;line-height:1.4}
.offer hr{border:0;border-top:1px solid var(--brand-line);margin:1.1rem 0 0}
.offer .note{font-size:.8rem;color:var(--brand-muted);margin-top:.9rem}

/* Páginas web: planes dentro de L2 */
.plan-mini h3{margin-top:.5rem}
.plan-mini .amount{font-family:var(--font-display);font-weight:700;font-size:2rem;letter-spacing:-.04em;line-height:1;margin-top:.75rem}
.plan-mini .amount small{display:block;font-family:var(--font-body);font-weight:400;font-size:.8rem;color:var(--brand-muted);letter-spacing:0;margin-top:.35rem}
.plan-mini.featured{border:2px solid var(--brand-blue)}

/* Ilustración de navegador (L2) */
.browser{border:1px solid var(--brand-line);border-radius:14px;background:#fff;overflow:hidden;box-shadow:0 22px 55px -34px rgba(8,13,20,.4)}
.browser-top{display:flex;align-items:center;gap:.4rem;padding:.6rem .8rem;background:var(--brand-surface);border-bottom:1px solid var(--brand-line)}
.browser-top i{width:.55rem;height:.55rem;border-radius:50%;background:#C9D4E6}
.browser-top span{margin-left:.6rem;flex:1;background:#fff;border:1px solid var(--brand-line);border-radius:99px;font-size:.7rem;color:var(--brand-muted);padding:.15rem .7rem}
.browser-body{padding:1.1rem}
.browser-body .bar{height:.55rem;border-radius:99px;background:var(--brand-line);margin-top:.55rem}
.browser-body .bar.dark{background:var(--brand-ink);height:.8rem;width:70%;margin-top:0}
.browser-body .bar.blue{background:var(--brand-blue);width:34%;height:1.7rem;border-radius:8px;margin-top:.9rem}
.browser-body .row{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem;margin-top:1rem}
.browser-body .row b{height:3.2rem;border-radius:8px;background:var(--brand-surface);border:1px solid var(--brand-line)}
.browser-note{padding:.55rem .9rem;border-top:1px solid var(--brand-line);font-size:.72rem;color:var(--brand-muted)}

/* Formulario del embudo */
.lp-form{border:1px solid var(--brand-line);border-radius:18px;background:var(--brand-white);padding:clamp(1.25rem,3vw,2rem);box-shadow:0 24px 60px -40px rgba(8,13,20,.35)}
.lp-form .grid{gap:0 1.25rem}
.lp-form .btn{width:100%}
.lp-form .micro{text-align:center}
.formgrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 1.25rem}
.formgrid .full{grid-column:1/-1}

/* Gracias */
.mensaje-box{white-space:pre-wrap;background:var(--brand-surface);border-radius:12px;padding:1rem 1.1rem;font-size:.95rem;border:1px solid var(--brand-line)}

/* CTA fija en celular */
.sticky-cta{display:none}
.footer-mini{border-top:1px solid var(--brand-line);padding-block:1.75rem;font-size:.8rem;color:var(--brand-muted)}
.footer-mini .container{display:flex;flex-wrap:wrap;justify-content:space-between;gap:.5rem 2rem}

@media(max-width:760px){
  .formgrid{grid-template-columns:1fr}
  .sticky-cta{display:block;position:fixed;left:0;right:0;bottom:0;z-index:60;background:rgba(255,255,255,.97);border-top:1px solid var(--brand-line);padding:.65rem 1rem calc(.65rem + env(safe-area-inset-bottom,0px))}
  .sticky-cta .btn{width:100%;padding:.8rem 1rem}
  body{padding-bottom:5rem}
  .lp-bar .btn{display:none}
}

/* Pasos de 3 y 4 elementos que se adaptan al ancho */
.steps.n3{grid-template-columns:repeat(3,minmax(0,1fr))}
.steps.n4{grid-template-columns:repeat(4,minmax(0,1fr))}
@media(max-width:960px){.steps.n3,.steps.n4{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.steps.n3,.steps.n4{grid-template-columns:1fr}}
.footer-mini a{color:inherit;text-decoration:underline}