/* --lp-brand/--lp-accent se sirven dinámicamente desde /css/branding.css
       (?lp=1&brand=...&accent=...), fase CSP 2026-09-29: la landing pública
       ya no lleva <style> inline con variables PHP. */
    :root {
        --lp-navy: #0f172a;
        --lp-navy-2: #1e293b;
        --lp-ink: #1e293b;
        --lp-muted: #64748b;
        --lp-bg: #f8fafc;
    }
    .lp * { box-sizing: border-box; }
    body.lp { margin: 0; background: var(--lp-bg); color: var(--lp-ink); font-family: 'Inter', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif; }
    .lp a { text-decoration: none; color: inherit; }
    .lp-wrap { max-width: 1120px; margin: 0 auto; padding: 0 20px; }

    /* Navbar */
    .lp-nav { position: sticky; top: 0; z-index: 50; background: rgba(255,255,255,.96); border-bottom: 1px solid #e2e8f0; }
    .lp-nav-inner { height: 64px; display: flex; align-items: center; justify-content: space-between; }
    .lp-brand { display: flex; align-items: center; gap: 10px; font-weight: 800; font-size: 1.25rem; color: var(--lp-navy); letter-spacing: -0.02em; }
    .lp-brand-logo { height: 40px; width: auto; }
.lp-nav-links { display: none; gap: 22px; font-size: .85rem; font-weight: 500; color: var(--lp-muted); min-width: 0; }
    .lp-nav-links a { white-space: nowrap; }
    .lp-nav-links a:hover { color: var(--lp-brand); }
    .lp-nav-actions { display: flex; align-items: center; gap: 12px; white-space: nowrap; }
    .lp-nav-actions .lp-btn { padding: 11px 18px; font-size: .85rem; }
    .lp-link { font-size: .85rem; font-weight: 600; color: #334155; }
    .lp-link:hover { color: var(--lp-brand); }
    @media (min-width: 1100px) { .lp-nav-links { display: flex; } }

    /* Menú móvil (hamburguesa) */
    .lp-menu-btn { display: none; width: 42px; height: 42px; border: 1px solid #e2e8f0; border-radius: 10px; background: #fff; color: var(--lp-navy); font-size: 1.05rem; cursor: pointer; align-items: center; justify-content: center; flex-shrink: 0; }
    .lp-menu-btn:hover { background: #f1f5f9; }
    .lp-menu { display: none; flex-direction: column; background: #fff; border-top: 1px solid #e2e8f0; padding: 6px 20px 14px; box-shadow: 0 14px 28px rgba(15,23,42,.08); }
    .lp-menu.open { display: flex; }
    .lp-menu a { padding: 13px 4px; font-size: .95rem; font-weight: 600; color: #334155; border-bottom: 1px solid #f1f5f9; }
    .lp-menu a:hover { color: var(--lp-brand); }
    .lp-menu a:last-child { border-bottom: none; }
    .lp-menu .lp-menu-cta { display: block; text-align: center; color: #fff; padding: 12px 16px; margin: 12px 0 6px; border-bottom: none; }
    .lp-menu .lp-menu-cta:hover { color: #fff; filter: brightness(1.08); }
@media (max-width: 1099px) {
        .lp-menu-btn { display: inline-flex; }
        /* En móvil/tablet el acceso de sesión y el CTA viven dentro del menú (evita desbordes del navbar) */
        .lp-nav-actions .lp-link { display: none; }
        .lp-nav-actions .lp-btn { display: none; }
    }
    @media (min-width: 1100px) { .lp-menu.open { display: none; } }

    /* Botones */
    .lp-btn { display: inline-block; font-weight: 600; border-radius: 12px; padding: 13px 22px; text-align: center; transition: .15s ease; cursor: pointer; }
    .lp-btn-primary { background: #00b775; color: #fff !important; box-shadow: 0 6px 16px rgba(13,59,102,.25); }
    .lp-btn-primary:hover { filter: brightness(1.08); }
    .lp-btn-outline { background: #fff; color: #334155; border: 1px solid #cbd5e1; }
    .lp-btn-outline:hover { background: #f1f5f9; }

    /* Hero */
    .lp-hero { position: relative; padding: 48px 0 72px; background: linear-gradient(180deg, rgba(13,59,102,.04), transparent); overflow: hidden; }
    .lp-hero-grid { display: grid; grid-template-columns: 1fr; gap: 40px; align-items: center; }
    @media (min-width: 1024px) { .lp-hero-grid { grid-template-columns: 7fr 5fr; } }
    .lp-badge { display: inline-flex; align-items: center; gap: 8px; background: #fef9c3; background: color-mix(in srgb, var(--lp-accent) 30%, white); color: var(--lp-navy); font-size: .75rem; font-weight: 700; padding: 6px 12px; border-radius: 999px; border: 1px solid rgba(13,59,102,.2); transition: .15s ease; }
    .lp-badge:hover { filter: brightness(1.04); }
    .lp-hero h1 { font-size: 2.5rem; line-height: 1.05; font-weight: 800; color: var(--lp-navy); letter-spacing: -0.03em; margin: 18px 0 0; }
    .lp-hero h1 span { color: var(--lp-brand); }
    .lp-hero-sub { font-size: 1.25rem; font-weight: 600; color: var(--lp-ink); line-height: 1.4; margin: 14px 0 0; }
    .lp-hero p { font-size: 1rem; color: var(--lp-muted); line-height: 1.6; margin: 12px 0 0; max-width: 620px; }
    .lp-hero-price { display: flex; flex-wrap: wrap; align-items: baseline; gap: 10px 16px; margin-top: 20px; background: #fff; border: 1px solid #e2e8f0; border-radius: 14px; padding: 14px 18px; max-width: 480px; box-shadow: 0 4px 14px rgba(15,23,42,.06); }
    .lp-hero-price .num { font-size: 1.5rem; font-weight: 800; color: var(--lp-navy); }
    .lp-hero-price .per { color: var(--lp-muted); font-weight: 500; }
    .lp-hero-price .cap { font-size: .85rem; font-weight: 600; color: var(--lp-brand); }
    .lp-hero-price-note { font-size: .78rem; color: var(--lp-muted); margin: 10px 0 0; }
    .lp-hero-cta { display: flex; flex-direction: column; gap: 14px; margin-top: 24px; }
    @media (min-width: 640px) { .lp-hero-cta { flex-direction: row; } }
    .lp-hero-facts { display: grid; grid-template-columns: repeat(2, max-content); justify-content: start; gap: 10px 26px; margin-top: 18px; font-size: .78rem; font-weight: 500; color: var(--lp-muted); }
    .lp-hero-facts span { display: inline-flex; align-items: center; gap: 6px; }
    .lp-hero-facts i { color: #10b981; }
    @media (max-width: 640px) { .lp-hero-facts { grid-template-columns: 1fr; } }

    /* Imagen hero */
    .lp-hero-img { position: relative; max-width: 380px; margin: 0 auto; }
    .lp-hero-img img { display: block; width: 100%; height: auto; border-radius: 24px; box-shadow: 0 24px 60px rgba(15,23,42,.14); border: 1px solid #f1f5f9; }

    /* Secciones */
    .lp-section { padding: 56px 0; }
    .lp-section-white { background: #fff; border-top: 1px solid #e2e8f0; border-bottom: 1px solid #e2e8f0; }
    .lp-sec-head { text-align: center; max-width: 640px; margin: 0 auto 40px; }
    .lp-sec-head h2 { font-size: 1.85rem; font-weight: 800; color: var(--lp-navy); margin: 0; }
    .lp-sec-head p { color: var(--lp-muted); margin: 10px 0 0; }
    .lp-grid3 { display: grid; grid-template-columns: 1fr; gap: 24px; }
    @media (min-width: 768px) { .lp-grid3 { grid-template-columns: repeat(3, 1fr); } }
    .lp-grid2 { display: grid; grid-template-columns: 1fr; gap: 20px; }
    @media (min-width: 768px) { .lp-grid2 { grid-template-columns: repeat(2, 1fr); } }
    .lp-card { background: #f8fafc; border: 1px solid #e2e8f0; border-radius: 18px; padding: 24px; }
    .lp-card-icon { width: 46px; height: 46px; border-radius: 12px; background: rgba(13,59,102,.1); color: var(--lp-brand); display: flex; align-items: center; justify-content: center; font-size: 1.2rem; margin-bottom: 14px; }

    /* Variación de color de íconos SOLO en la sección Solución (rotación
       brand/accent; activa el amarillo de acento). Cards impares: navy con
       ícono blanco. Cards pares: amarillo con ícono navy (contraste correcto
       sobre el amarillo). */
    #solucion .lp-card-icon--solucion { background: var(--lp-brand); color: #fff; }
    #solucion .lp-card:nth-child(even) .lp-card-icon--solucion { background: var(--lp-accent); color: var(--lp-navy); }
    .lp-card h3 { font-size: 1.05rem; font-weight: 700; color: var(--lp-navy); margin: 0 0 8px; }
    .lp-card p { font-size: .88rem; color: var(--lp-muted); line-height: 1.6; margin: 0; }

    /* Escenarios (Kiosco / Campo / Home Office) */
    .lp-scenario { background: #fff; border: 1px solid #e2e8f0; border-radius: 20px; padding: 30px 26px; box-shadow: 0 8px 24px rgba(15,23,42,.05); }
    .lp-scenario .lp-card-icon { width: 58px; height: 58px; font-size: 1.45rem; margin-bottom: 16px; }
    .lp-scenario h3 { font-size: 1.2rem; font-weight: 800; color: var(--lp-navy); margin: 0 0 10px; }
    .lp-scenario p { font-size: .93rem; color: var(--lp-muted); line-height: 1.65; margin: 0; }

    /* Testimonios / prueba social (carrusel) */
    .lp-carousel { overflow-x: auto; scroll-snap-type: x mandatory; scrollbar-width: none; padding-bottom: 8px; }
    .lp-carousel::-webkit-scrollbar { display: none; }
    .lp-carousel-track { display: flex; gap: 20px; }
    .lp-testimonio-card { flex: 0 0 auto; width: min(340px, 86%); scroll-snap-align: start; background: #f8fafc; border: 1px solid #e2e8f0; border-radius: 18px; padding: 24px; display: flex; flex-direction: column; }
    .lp-testimonio-quote { color: var(--lp-brand); font-size: 1.3rem; margin-bottom: 10px; }
    .lp-testimonio-text { font-size: .92rem; color: var(--lp-ink); line-height: 1.65; font-style: italic; margin: 0 0 18px; flex: 1; }
    .lp-testimonio-autor { display: flex; align-items: center; gap: 12px; }
    .lp-testimonio-autor .lp-testimonio-avatar { width: 44px; height: 44px; border-radius: 999px; background: var(--lp-navy); color: #fff; font-weight: 800; font-size: 1rem; line-height: 1; display: inline-flex; align-items: center; justify-content: center; flex-shrink: 0; overflow: hidden; }
    .lp-testimonio-autor img { width: 44px; height: 44px; border-radius: 999px; object-fit: cover; flex-shrink: 0; display: block; }
    .lp-testimonio-autor b { display: block; font-size: .88rem; color: var(--lp-navy); }
    .lp-testimonio-autor .lp-testimonio-cargo { display: block; font-size: .78rem; color: var(--lp-muted); }
    .lp-carousel-nav { display: flex; align-items: center; justify-content: center; gap: 16px; margin-top: 22px; }
    .lp-carousel-btn { width: 40px; height: 40px; border-radius: 999px; border: 1px solid #cbd5e1; background: #fff; color: var(--lp-navy); font-size: .85rem; cursor: pointer; transition: .15s ease; display: inline-flex; align-items: center; justify-content: center; }
    .lp-carousel-btn:hover { background: var(--lp-brand); border-color: var(--lp-brand); color: #fff; }
    .lp-carousel-dots { display: flex; gap: 8px; }
    .lp-carousel-dot { width: 8px; height: 8px; border-radius: 999px; background: #cbd5e1; cursor: pointer; transition: .15s ease; }
    .lp-carousel-dot.active { background: var(--lp-brand); width: 22px; }

    /* Remate de comparación */
    .lp-compare-cta { margin-top: 28px; background: rgba(0,183,117,.06); border: 1px solid rgba(0,183,117,.25); border-radius: 16px; padding: 20px 24px; display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 14px; }
    .lp-compare-cta p { margin: 0; font-size: .92rem; color: var(--lp-ink); max-width: 560px; }
    .lp-compare-cta p b { color: var(--lp-brand); }

    /* Formulario de contacto */
    .lp-contact { max-width: 560px; margin: 0 auto; background: #fff; border: 1px solid #e2e8f0; border-radius: 20px; padding: 30px; box-shadow: 0 12px 32px rgba(15,23,42,.08); }
    #contacto { scroll-margin-top: 76px; }
    .lp-contact label { display: block; font-size: .82rem; font-weight: 600; color: var(--lp-navy); margin: 0 0 6px; }
    .lp-contact input { width: 100%; border: 1px solid #cbd5e1; border-radius: 10px; padding: 11px 14px; font-size: .92rem; font-family: inherit; margin-bottom: 14px; color: var(--lp-ink); background: #f8fafc; }
    .lp-contact input:focus { outline: 2px solid var(--lp-brand); outline-offset: 1px; border-color: var(--lp-brand); background: #fff; }
    .lp-contact .lp-btn { width: 100%; border: none; font-size: 1rem; padding: 14px 22px; }
    .lp-contact-help { text-align: center; font-size: .75rem; color: var(--lp-muted); margin: 12px 0 0; }
    .lp-contact-error { text-align: center; font-size: .78rem; color: #dc2626; margin: 10px 0 0; }
    .lp-contact .req { color: #dc2626; }
    .lp-contact input.lp-invalid { border-color: #dc2626; background: #fef2f2; }
    .lp-contact input.lp-invalid:focus { outline-color: #dc2626; border-color: #dc2626; background: #fff; }

    /* Problema */
    .lp-problem-icon { width: 42px; height: 42px; border-radius: 12px; background: rgba(220,38,38,.08); color: #dc2626; display: flex; align-items: center; justify-content: center; font-size: 1.05rem; margin-bottom: 12px; }

    /* Badge de advertencia (sección Problema → gancho a #jornada) */
    .lp-warn { display: flex; flex-wrap: wrap; align-items: center; gap: 12px; background: #fef3c7; border: 1px solid #fcd34d; border-radius: 14px; padding: 13px 18px; font-size: .9rem; font-weight: 600; color: #92400e; text-decoration: none; margin: 0 0 28px; transition: .15s ease; }
    .lp-warn:hover { background: #fde68a; border-color: #fbbf24; }
    .lp-warn i { color: #d97706; font-size: 1rem; flex-shrink: 0; }
    .lp-warn-link { color: #78350f; text-decoration: underline; font-weight: 700; white-space: nowrap; }

    /* Comparación biométrico vs nube */
    .lp-compare-head { text-align: center; margin-bottom: 32px; }
    .lp-compare-head h2 { font-size: 1.85rem; font-weight: 800; color: var(--lp-navy); margin: 0; }
    .lp-compare-head p { font-size: 1.05rem; color: var(--lp-muted); margin: 8px 0 0; }
    .lp-compare-grid { display: grid; grid-template-columns: 1fr; gap: 24px; }
    @media (min-width: 900px) { .lp-compare-grid { grid-template-columns: 1fr 1fr; } }
    .lp-compare-col { background: #fff; border: 1px solid #e2e8f0; border-radius: 20px; padding: 26px; }
    .lp-compare-col.highlight { border: 2px solid var(--lp-brand); box-shadow: 0 16px 40px rgba(15,23,42,.1); }
    .lp-compare-col h3 { font-size: 1.1rem; font-weight: 800; color: var(--lp-navy); margin: 0 0 16px; display: flex; align-items: center; gap: 10px; }
    .lp-compare-col.highlight h3 { color: var(--lp-brand); }
    .lp-compare-col ul { list-style: none; padding: 0; margin: 0; }
    .lp-compare-col li { display: flex; align-items: flex-start; gap: 10px; font-size: .88rem; color: #475569; margin-bottom: 11px; line-height: 1.5; }
    .lp-compare-col li i { margin-top: 3px; }
    .lp-compare-col li i.fa-minus { color: #94a3b8; }
    .lp-compare-col.highlight li i { color: #10b981; }

    /* Pasos */
    .lp-steps { display: grid; grid-template-columns: 1fr; gap: 20px; }
    @media (min-width: 768px) { .lp-steps { grid-template-columns: repeat(5, 1fr); } }
    .lp-step { background: #fff; border: 1px solid #e2e8f0; border-radius: 18px; padding: 22px 18px; text-align: center; }
    .lp-step-num { display: inline-flex; align-items: center; justify-content: center; width: 40px; height: 40px; border-radius: 999px; background: var(--lp-brand); color: #fff; font-weight: 800; font-size: 1rem; margin-bottom: 12px; }
    .lp-step h3 { font-size: .95rem; font-weight: 700; color: var(--lp-navy); margin: 0 0 6px; }
    .lp-step p { font-size: .8rem; color: var(--lp-muted); line-height: 1.55; margin: 0; }
    .lp-step-link { display: inline-block; margin-top: 12px; font-size: .8rem; font-weight: 600; color: var(--lp-brand); border: 1px solid var(--lp-brand); border-radius: 999px; padding: 6px 14px; transition: .15s ease; }
    .lp-step-link:hover { background: var(--lp-brand); color: #fff; }

    /* Oscuro */
    .lp-dark { background: var(--lp-navy); color: #fff; padding: 56px 0; }
    .lp-dark .kicker { color: var(--lp-accent); font-weight: 700; font-size: .78rem; text-transform: uppercase; letter-spacing: .08em; }
    .lp-dark h2 { font-size: 1.85rem; font-weight: 800; margin: 10px 0 14px; line-height: 1.2; }
    .lp-dark p { color: #cbd5e1; font-size: .9rem; line-height: 1.6; }
    .lp-dark .note { color: #64748b; font-size: .75rem; margin-top: 14px; }
    .lp-dark .lp-btn-primary { box-shadow: 0 6px 18px rgba(0,183,117,.35); }
    .lp-dark .lp-sec-head h2 { color: #fff; }
    .lp-dark .lp-sec-head p { color: #94a3b8; }

    /* Timeline jornada */
    .lp-timeline { display: grid; grid-template-columns: repeat(5, 1fr); gap: 10px; margin-top: 26px; }
    .lp-tl-item { background: var(--lp-navy-2); border: 1px solid #334155; border-radius: 14px; padding: 14px 8px; text-align: center; }
    .lp-tl-item .year { font-weight: 800; font-size: .95rem; color: #fff; }
    .lp-tl-item .hours { font-size: 1.05rem; font-weight: 800; color: var(--lp-accent); margin-top: 4px; }
    .lp-tl-item.final { background: rgba(0,183,117,.12); border-color: rgba(0,183,117,.45); }
    .lp-tl-item.final .hours { color: #34d399; }

    /* Sin hardware */
    .lp-nohw { background: linear-gradient(135deg, rgba(13,59,102,.05), rgba(0,183,117,.06)); border-top: 1px solid #e2e8f0; border-bottom: 1px solid #e2e8f0; padding: 56px 0; }
    .lp-nohw-grid { display: grid; grid-template-columns: 1fr; gap: 32px; align-items: center; }
    @media (min-width: 900px) { .lp-nohw-grid { grid-template-columns: 1fr 1fr; } }
    .lp-nohw-icon { width: 110px; height: 110px; border-radius: 24px; background: var(--lp-brand); color: #fff; display: flex; align-items: center; justify-content: center; font-size: 2.6rem; margin-bottom: 20px; box-shadow: 0 16px 40px rgba(13,59,102,.25); }
    .lp-nohw h2 { font-size: 1.85rem; font-weight: 800; color: var(--lp-navy); margin: 0 0 12px; line-height: 1.2; }
    .lp-nohw p { color: var(--lp-muted); font-size: .95rem; line-height: 1.6; max-width: 520px; margin: 0; }

    /* Escalabilidad */
    .lp-growth-chips { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 18px; }
    /* Alineación a la derecha de chips y nota SOLO en la sección Escalabilidad */
    #crecimiento .lp-growth-chips { justify-content: flex-end; }
    #crecimiento .note { text-align: right; }
    .lp-growth-chips span { background: var(--lp-navy-2); border: 1px solid #334155; color: #cbd5e1; border-radius: 999px; padding: 8px 14px; font-size: .8rem; font-weight: 500; }
    .lp-growth-chips i { color: var(--lp-accent); margin-right: 6px; }

    /* Precios */
    .lp-pricing { padding: 64px 0; }
    .lp-plan { max-width: 480px; margin: 0 auto; background: #fff; border: 2px solid var(--lp-brand); border-radius: 24px; box-shadow: 0 20px 50px rgba(15,23,42,.12); overflow: hidden; }
    .lp-plan-tag { background: var(--lp-brand); color: #fff; text-align: center; font-size: .72rem; font-weight: 800; text-transform: uppercase; letter-spacing: .06em; padding: 7px; }
    .lp-plan-body { padding: 30px; }
    .lp-plan-price { display: flex; align-items: baseline; justify-content: center; gap: 8px; margin-bottom: 6px; }
    .lp-plan-price .num { font-size: 3rem; font-weight: 800; color: var(--lp-navy); }
    .lp-plan-price .per { color: var(--lp-muted); font-weight: 500; }
    .lp-plan-sub { text-align: center; font-size: .8rem; color: var(--lp-muted); margin: 0 0 8px; }
    .lp-plan-equip { text-align: center; font-size: .78rem; color: var(--lp-brand); font-weight: 600; margin: 0 0 20px; }
    .lp-plan-early { text-align: center; font-size: .78rem; color: var(--lp-muted); margin: 14px 0 0; line-height: 1.5; }
    .lp-plan-early i { color: var(--lp-brand); margin-right: 6px; }
    .lp-plan-note { background: rgba(13,59,102,.05); border: 1px solid rgba(13,59,102,.12); border-radius: 12px; text-align: center; padding: 14px; font-size: .8rem; margin-bottom: 20px; }
    .lp-plan ul { list-style: none; padding: 0; margin: 0 0 24px; }
    .lp-plan li { display: flex; align-items: center; gap: 10px; font-size: .88rem; color: #475569; margin-bottom: 10px; }
    .lp-plan li i { color: #10b981; }

    /* FAQ */
    .lp-faq { max-width: 720px; margin: 0 auto; }
    .lp-faq details { background: #fff; border: 1px solid #e2e8f0; border-radius: 14px; margin-bottom: 10px; padding: 16px 20px; }
    .lp-faq summary { font-weight: 600; font-size: .92rem; color: var(--lp-navy); cursor: pointer; list-style: none; display: flex; justify-content: space-between; align-items: center; gap: 12px; }
    .lp-faq summary::-webkit-details-marker { display: none; }
    .lp-faq summary::after { content: "\f078"; font-family: 'Font Awesome 6 Free'; font-weight: 900; font-size: .75rem; color: var(--lp-muted); transition: transform .15s ease; }
    .lp-faq details[open] summary::after { transform: rotate(180deg); }
    .lp-faq details p { font-size: .88rem; color: var(--lp-muted); line-height: 1.6; margin: 12px 0 0; }

    /* Footer */
    .lp-footer { background: var(--lp-navy); color: #94a3b8; font-size: .82rem; padding: 48px 0; border-top: 1px solid #1e293b; }
    .lp-footer-grid { display: grid; grid-template-columns: 1fr; gap: 32px; margin-bottom: 32px; }
    @media (min-width: 768px) { .lp-footer-grid { grid-template-columns: 2fr 1fr 1fr; } }
    .lp-footer h4 { color: #fff; font-size: .72rem; font-weight: 700; text-transform: uppercase; letter-spacing: .06em; margin: 0 0 12px; }
    .lp-footer ul { list-style: none; padding: 0; margin: 0; }
    .lp-footer li { margin-bottom: 8px; }
    .lp-footer a:hover { color: #fff; }
    .lp-footer-brand { display: flex; align-items: center; gap: 8px; color: #fff; font-weight: 800; font-size: 1.05rem; margin-bottom: 10px; }
    .lp-footer-brand .lp-brand-logo { height: 28px; }
    .lp-footer-bottom { border-top: 1px solid #1e293b; padding-top: 24px; display: flex; flex-direction: column; gap: 6px; justify-content: space-between; color: #64748b; font-size: .75rem; }
    @media (min-width: 640px) { .lp-footer-bottom { flex-direction: row; align-items: center; } }

/* Ajustes móviles: evitan desbordes horizontales que rompen los
       márgenes del .lp-wrap en pantallas pequeñas (navbar, timeline) */
    @media (max-width: 480px) {
        .lp-nav-actions { gap: 8px; }
        .lp-nav-actions .lp-link { font-size: .82rem; }
        .lp-nav-actions .lp-btn { padding: 9px 12px; font-size: .8rem; }
        .lp-brand-logo { height: 32px; }
        .lp-timeline { gap: 6px; }
        .lp-tl-item { padding: 10px 4px; }
        .lp-tl-item .year { font-size: .85rem; }
        .lp-tl-item .hours { font-size: .92rem; }
    }

    /* Nota bajo los pasos de registro (sección #registro) */
    .lp-registro-note { max-width: 640px; margin: 26px auto 0; text-align: center; font-size: .85rem; color: var(--lp-muted); line-height: 1.6; }
    .lp-registro-note i { color: var(--lp-brand); margin-right: 6px; }

    /* Flujo Registro → Información → Reporte (sección #reporte) */
    .lp-flow { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: 10px 18px; margin: 0 0 26px; font-weight: 700; font-size: .88rem; color: var(--lp-brand); }
    .lp-flow i { color: #94a3b8; font-size: .8rem; }

    /* Grid de la sección reporte: texto + espacio para captura real */
    .lp-reporte-grid { display: grid; grid-template-columns: 1fr; gap: 32px; align-items: center; max-width: 960px; margin: 0 auto; }
    @media (min-width: 900px) { .lp-reporte-grid { grid-template-columns: 1fr 1fr; } }
    .lp-reporte-list { list-style: none; padding: 0; margin: 0; }
    .lp-reporte-list li { display: flex; align-items: flex-start; gap: 10px; font-size: .92rem; color: #475569; margin-bottom: 14px; line-height: 1.55; }
    .lp-reporte-list li i { color: #10b981; margin-top: 4px; }
    .lp-reporte-sub { font-size: .95rem; color: var(--lp-muted); line-height: 1.65; margin: 18px 0 0; }

    /* Marco preparado para incorporar una captura real (placeholder honesto) */
    .lp-shot { border: 2px dashed #cbd5e1; border-radius: 20px; background: #fff; padding: 48px 24px; text-align: center; color: var(--lp-muted); }
    .lp-shot i { font-size: 2.2rem; color: var(--lp-brand); margin-bottom: 14px; display: block; }
    .lp-shot b { display: block; font-size: .95rem; color: var(--lp-ink); margin-bottom: 4px; }
    .lp-shot span { font-size: .8rem; }

    /* Sección "¿Quién está detrás de MuyATiempo?" (editorial, sin tarjetas) */
    .lp-quien { max-width: 720px; margin: 0 auto; text-align: center; }
    .lp-quien-avatar { width: 72px; height: 72px; border-radius: 999px; background: var(--lp-brand); color: #fff; font-size: 1.8rem; font-weight: 800; display: inline-flex; align-items: center; justify-content: center; margin-bottom: 18px; box-shadow: 0 10px 26px rgba(13,59,102,.2); }
    .lp-quien h2 { font-size: 1.85rem; font-weight: 800; color: var(--lp-navy); margin: 0 0 18px; }
    .lp-quien p { color: var(--lp-muted); font-size: .95rem; line-height: 1.7; margin: 0 auto 12px; max-width: 600px; }
    .lp-quien p b { color: var(--lp-ink); }

    /* ================================================================
       V2 — Presentación visual de producto (2026-09-29)
       Misma identidad; hero de producto, menos tarjetas repetidas,
       jerarquía entre secciones y micro-interacciones CSS.
       ================================================================ */

    /* --- Aparición al hacer scroll (landing-reveal.js) --- */
    .lp-reveal { opacity: 0; transform: translateY(16px); transition: opacity .55s ease, transform .55s ease; }
    .lp-reveal.in { opacity: 1; transform: none; }
    @media (prefers-reduced-motion: reduce) {
        .lp-reveal { opacity: 1; transform: none; transition: none; }
        .lp-hero-chip, .lp-pulse-dot::after, .lp-qr-scan { animation: none !important; }
    }

    /* --- HERO v2: el producto es el protagonista --- */
    .lp-hero {
        background:
            radial-gradient(1100px 480px at 88% -12%, rgba(0,183,117,.09), transparent 62%),
            radial-gradient(820px 400px at -8% 112%, rgba(13,59,102,.07), transparent 60%),
            linear-gradient(180deg, rgba(13,59,102,.04), transparent);
        overflow: visible;
    }
    .lp-hero-stage { position: relative; max-width: 420px; margin: 0 auto; }
    .lp-hero-frame { position: relative; border-radius: 22px; overflow: hidden; background: #fff; border: 1px solid #e2e8f0; box-shadow: 0 32px 70px rgba(15,23,42,.18); }
    .lp-hero-frame-bar { display: flex; align-items: center; gap: 6px; padding: 10px 14px; background: #f8fafc; border-bottom: 1px solid #e2e8f0; }
    .lp-hero-frame-bar .dot { width: 9px; height: 9px; border-radius: 999px; background: #e2e8f0; }
    .lp-hero-frame-bar span.lp-frame-title { margin-left: auto; font-size: .68rem; font-weight: 700; color: #64748b; letter-spacing: .02em; display: inline-flex; align-items: center; gap: 6px; }
    .lp-hero-frame-bar span.lp-frame-title .lp-pulse-dot { width: 7px; height: 7px; }
    .lp-hero-frame img { display: block; width: 100%; height: auto; }
    .lp-pulse-dot { width: 8px; height: 8px; border-radius: 999px; background: #10b981; position: relative; flex-shrink: 0; }
    .lp-pulse-dot::after { content: ""; position: absolute; inset: 0; border-radius: 999px; background: rgba(16,185,129,.45); animation: lp-pulse 1.9s ease-out infinite; }
    @keyframes lp-pulse { 0% { transform: scale(1); opacity: .75; } 70% { transform: scale(2.3); opacity: 0; } 100% { opacity: 0; } }

    /* Chips de estado: datos ilustrativos, no registros reales */
    .lp-hero-chip { position: absolute; z-index: 2; display: inline-flex; align-items: center; gap: 9px; background: #fff; border: 1px solid #e2e8f0; border-radius: 999px; padding: 8px 14px; box-shadow: 0 10px 26px rgba(15,23,42,.14); animation: lp-chip-in .6s ease both; }
    .lp-hero-chip > span { display: flex; flex-direction: column; line-height: 1.15; font-size: .82rem; font-weight: 800; color: var(--lp-ink); }
    .lp-hero-chip small { font-size: .6rem; font-weight: 500; color: #94a3b8; }
    .lp-hero-chip i { font-size: .95rem; }
    .lp-hero-chip .fa-clock { color: var(--lp-brand); }
    .lp-hero-chip .fa-location-dot { color: #10b981; }
    .lp-hero-chip .fa-camera { color: #f59e0b; }
    .lp-hero-chip--hora { top: -14px; left: -20px; animation-delay: .25s; }
    .lp-hero-chip--area { top: 24%; right: -24px; animation-delay: .5s; }
    .lp-hero-chip--foto { bottom: -16px; left: 12%; animation-delay: .75s; }
    @keyframes lp-chip-in { from { opacity: 0; transform: translateY(10px); } to { opacity: 1; transform: none; } }
    .lp-hero-note-example { margin: 14px 0 0; text-align: center; font-size: .66rem; color: #94a3b8; }
    @media (max-width: 640px) {
        .lp-hero-chip--hora { left: 4px; top: -12px; }
        .lp-hero-chip--area { right: 4px; top: 22%; }
        .lp-hero-chip--foto { left: 6%; bottom: -12px; }
    }

    /* --- SECCIÓN PREGUNTAS v2: alto contraste, composición editorial --- */
    .lp-preguntas { background: var(--lp-navy); color: #fff; padding: 72px 0; position: relative; overflow: hidden; }
    .lp-preguntas::before { content: ""; position: absolute; inset: 0; background: radial-gradient(760px 320px at 92% 0%, rgba(0,183,117,.14), transparent 60%); pointer-events: none; }
    .lp-preguntas .lp-sec-head { margin-bottom: 30px; }
    .lp-preguntas .lp-sec-head h2 { color: #fff; }
    .lp-preguntas .lp-sec-head p { color: #94a3b8; }
    .lp-qa { max-width: 860px; margin: 0 auto; }
    .lp-qa-item { display: grid; grid-template-columns: 64px 1fr; gap: 18px; padding: 26px 0; border-top: 1px solid rgba(255,255,255,.12); }
    .lp-qa-item:last-child { border-bottom: 1px solid rgba(255,255,255,.12); }
    .lp-qa-num { font-size: .78rem; font-weight: 800; color: var(--lp-accent); letter-spacing: .1em; padding-top: 8px; }
    .lp-qa-q { font-size: 1.7rem; font-weight: 800; color: #fff; line-height: 1.18; letter-spacing: -0.02em; margin: 0 0 8px; }
    .lp-qa-a { font-size: .95rem; color: #cbd5e1; line-height: 1.65; margin: 0; max-width: 640px; }
    @media (max-width: 640px) {
        .lp-qa-item { grid-template-columns: 1fr; gap: 6px; padding: 20px 0; }
        .lp-qa-num { padding-top: 0; }
        .lp-qa-q { font-size: 1.4rem; }
    }

    /* --- RECORRIDO DE REGISTRO v2: pasos conectados, último destacado --- */
    .lp-track { display: grid; grid-template-columns: repeat(5, 1fr); gap: 20px; max-width: 1060px; margin: 0 auto; }
    @media (max-width: 900px) { .lp-track { grid-template-columns: 1fr; gap: 26px; max-width: 480px; } }
    .lp-track-step { position: relative; text-align: center; padding: 0 6px; }
    .lp-track-ico { width: 62px; height: 62px; margin: 0 auto 14px; border-radius: 18px; background: #fff; border: 1px solid #e2e8f0; color: var(--lp-brand); font-size: 1.35rem; display: flex; align-items: center; justify-content: center; box-shadow: 0 8px 20px rgba(15,23,42,.07); position: relative; z-index: 1; }
    .lp-track-step:not(:last-child)::after { content: ""; position: absolute; top: 31px; left: calc(50% + 38px); width: calc(100% - 76px); height: 2px; background: linear-gradient(90deg, #cbd5e1, #e2e8f0); z-index: 0; }
    @media (max-width: 900px) { .lp-track-step:not(:last-child)::after { display: none; } }
    .lp-track-step h3 { font-size: .98rem; font-weight: 800; color: var(--lp-navy); margin: 0 0 6px; }
    .lp-track-step p { font-size: .8rem; color: var(--lp-muted); line-height: 1.55; margin: 0; }
    .lp-track-step--done { background: linear-gradient(180deg, rgba(0,183,117,.09), rgba(0,183,117,.02)); border: 1px solid rgba(0,183,117,.35); border-radius: 20px; padding: 20px 12px; box-shadow: 0 14px 34px rgba(0,183,117,.13); }
    .lp-track-step--done .lp-track-ico { background: #00b775; border-color: #00b775; color: #fff; box-shadow: 0 10px 24px rgba(0,183,117,.35); }
    .lp-track-badge { display: inline-block; margin-top: 8px; font-size: .68rem; font-weight: 800; color: #047857; background: rgba(0,183,117,.12); border: 1px solid rgba(0,183,117,.3); border-radius: 999px; padding: 4px 10px; }

    /* Marcos preparados para capturas reales (A: /checar, C: kiosco) */
    .lp-shots { display: grid; grid-template-columns: 1fr 1fr; gap: 24px; max-width: 860px; margin: 46px auto 0; }
    @media (max-width: 700px) { .lp-shots { grid-template-columns: 1fr; } }
    .lp-shot--sm { padding: 30px 18px; }
    .lp-shot--sm i { font-size: 1.5rem; margin-bottom: 10px; }
    .lp-shot--sm b { font-size: .9rem; }
    .lp-shot--lg { min-height: 320px; display: flex; flex-direction: column; align-items: center; justify-content: center; }
    .lp-shot--lg i { font-size: 2.7rem; }
    .lp-qrbox { position: relative; width: 92px; height: 92px; margin: 0 auto 12px; border: 1px solid #e2e8f0; border-radius: 16px; background: #fff; display: flex; align-items: center; justify-content: center; overflow: hidden; }
    .lp-qrbox i { font-size: 2.3rem; color: var(--lp-navy); }
    .lp-qr-scan { position: absolute; left: 0; right: 0; height: 28px; background: linear-gradient(180deg, transparent, rgba(0,183,117,.3), transparent); animation: lp-scan 2.8s ease-in-out infinite; }
    @keyframes lp-scan { 0%, 100% { top: -28px; } 50% { top: 92px; } }

    /* --- COMPARACIÓN v2: paneles con VS central --- */
    .lp-compare-grid { position: relative; }
    .lp-compare-vs { display: none; }
    @media (min-width: 900px) {
        .lp-compare-vs { display: flex; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); z-index: 2; width: 54px; height: 54px; border-radius: 999px; background: #fff; border: 1px solid #e2e8f0; color: var(--lp-muted); font-weight: 800; font-size: .78rem; letter-spacing: .06em; align-items: center; justify-content: center; box-shadow: 0 10px 22px rgba(15,23,42,.14); }
    }
    .lp-compare-ico { width: 52px; height: 52px; border-radius: 14px; background: #f1f5f9; color: #64748b; display: flex; align-items: center; justify-content: center; font-size: 1.3rem; margin-bottom: 14px; }
    .lp-compare-col.highlight .lp-compare-ico { background: var(--lp-brand); color: #fff; box-shadow: 0 10px 22px rgba(13,59,102,.2); }

    /* --- CÓMO FUNCIONA v2: lista editorial con números grandes --- */
    .lp-steps-v2 { max-width: 820px; margin: 0 auto; }
    .lp-stepv2 { display: grid; grid-template-columns: 76px 1fr auto; gap: 20px; align-items: center; padding: 22px 0; border-top: 1px solid #e2e8f0; }
    .lp-stepv2:last-child { border-bottom: 1px solid #e2e8f0; }
    .lp-stepv2-num { font-size: 2.1rem; font-weight: 800; color: var(--lp-brand); letter-spacing: -0.03em; }
    .lp-stepv2 h3 { font-size: 1.05rem; font-weight: 800; color: var(--lp-navy); margin: 0 0 4px; }
    .lp-stepv2 p { font-size: .9rem; color: var(--lp-muted); line-height: 1.6; margin: 0; max-width: 560px; }
    @media (max-width: 640px) {
        .lp-stepv2 { grid-template-columns: 48px 1fr; gap: 12px; }
        .lp-stepv2-num { font-size: 1.6rem; }
        .lp-stepv2 .lp-step-link { grid-column: 2; justify-self: start; }
    }

    /* --- REPORTE v2: sección de producto con flujo de nodos --- */
    .lp-reporte-hero { background: linear-gradient(180deg, rgba(13,59,102,.05), rgba(0,183,117,.05)); border-top: 1px solid #e2e8f0; border-bottom: 1px solid #e2e8f0; padding: 72px 0; }
    .lp-flow-node { display: inline-flex; align-items: center; gap: 10px; background: #fff; border: 1px solid #e2e8f0; border-radius: 999px; padding: 11px 22px; font-weight: 800; font-size: .92rem; color: var(--lp-navy); box-shadow: 0 6px 18px rgba(15,23,42,.07); }
    .lp-flow-node i { color: var(--lp-brand); font-size: 1rem; }
    .lp-flow-node--end { background: var(--lp-brand); border-color: var(--lp-brand); color: #fff; box-shadow: 0 10px 26px rgba(13,59,102,.25); }
    .lp-flow-node--end i { color: #fff; }
    .lp-flow .lp-flow-arrow { color: #94a3b8; font-size: .85rem; }
    .lp-reporte-hero .lp-sec-head { margin-bottom: 28px; }

    /* ================================================================
       V3 — Segunda pasada visual (2026-09-29)
       Más producto, más jerarquía, menos repetición. Copy intacto.
       ================================================================ */

    /* --- HERO v3: más profundidad y presencia del producto --- */
    .lp-hero h1 { font-size: 2.8rem; }
    @media (max-width: 1024px) { .lp-hero h1 { font-size: 2.4rem; } }
    .lp-hero-stage::before { content: ""; position: absolute; inset: -46px -34px; z-index: 0; background: radial-gradient(340px 280px at 50% 42%, rgba(0,183,117,.17), transparent 70%); border-radius: 50%; filter: blur(4px); pointer-events: none; }
    .lp-hero-stage > * { position: relative; }
    .lp-hero-stage > .lp-hero-chip { position: absolute; }
    .lp-hero-chip--ok { bottom: -16px; right: 5%; animation-delay: .95s; }
    .lp-hero-chip--ok i { color: #10b981; }
    @media (max-width: 640px) { .lp-hero-chip--ok { right: 4%; bottom: -12px; } }

    /* Tag genérico "Ejemplo" para datos ilustrativos */
    .lp-tag-ejemplo { display: inline-block; font-size: .62rem; font-weight: 700; color: #94a3b8; border: 1px solid #cbd5e1; border-radius: 999px; padding: 4px 10px; text-transform: uppercase; letter-spacing: .06em; background: #fff; }

    /* --- PREGUNTAS v3: pregunta + dato grande de ejemplo --- */
    .lp-qa-item { grid-template-columns: 56px 1.05fr 1fr; gap: 24px; padding: 30px 0; align-items: start; }
    .lp-qa-left { min-width: 0; }
    .lp-qa-q { font-size: 1.55rem; }
    .lp-qa-data { display: inline-flex; align-items: center; gap: 10px; flex-wrap: wrap; font-size: 2.1rem; font-weight: 800; color: var(--lp-accent); font-variant-numeric: tabular-nums; letter-spacing: -0.02em; line-height: 1.1; }
    .lp-qa-data i { font-size: 1.4rem; }
    .lp-qa-data-label { display: block; font-size: .72rem; font-weight: 700; color: #94a3b8; text-transform: uppercase; letter-spacing: .08em; margin: 4px 0 10px; }
    .lp-qa-a { font-size: .9rem; }
    .lp-qa-note { margin-top: 28px; text-align: center; font-size: .72rem; color: #64748b; }
    .lp-qa-note i { margin-right: 6px; }
    @media (max-width: 800px) {
        .lp-qa-item { grid-template-columns: 1fr; gap: 8px; padding: 22px 0; }
        .lp-qa-num { padding-top: 0; }
        .lp-qa-q { font-size: 1.35rem; }
        .lp-qa-data { font-size: 1.7rem; }
    }

    /* --- REGISTRO v3: recorrido + resultado destacado --- */
    .lp-track { grid-template-columns: repeat(4, 1fr); }
    .lp-track-kicker { display: block; font-size: .6rem; font-weight: 800; color: var(--lp-brand); text-transform: uppercase; letter-spacing: .1em; margin-bottom: 8px; }
    .lp-track-step { transition: transform .2s ease; }
    @media (hover: hover) { .lp-track-step:hover { transform: translateY(-4px); } }
    .lp-track-result { max-width: 560px; margin: 40px auto 0; background: #fff; border: 1px solid rgba(0,183,117,.4); border-radius: 24px; padding: 32px 24px; text-align: center; box-shadow: 0 20px 50px rgba(0,183,117,.14); }
    .lp-track-result-ico { width: 64px; height: 64px; border-radius: 999px; background: #00b775; color: #fff; font-size: 1.6rem; display: flex; align-items: center; justify-content: center; margin: 0 auto 16px; box-shadow: 0 12px 28px rgba(0,183,117,.35); position: relative; }
    .lp-track-result-ico::after { content: ""; position: absolute; inset: 0; border-radius: 999px; animation: lp-ring 2.2s ease-out infinite; }
    @keyframes lp-ring { 0% { box-shadow: 0 0 0 0 rgba(0,183,117,.35); } 70% { box-shadow: 0 0 0 18px rgba(0,183,117,0); } 100% { box-shadow: 0 0 0 0 rgba(0,183,117,0); } }
    .lp-track-result-time { font-size: 2.6rem; font-weight: 800; color: var(--lp-navy); font-variant-numeric: tabular-nums; letter-spacing: -0.02em; line-height: 1.1; }
    .lp-track-result-title { font-size: 1.15rem; font-weight: 800; color: var(--lp-ink); margin: 4px 0 8px; }
    .lp-track-result p { font-size: .85rem; color: var(--lp-muted); line-height: 1.55; margin: 0 auto; max-width: 400px; }
    .lp-track-result .lp-tag-ejemplo { margin-top: 14px; }

    /* --- COMPARACIÓN v3: device cards que representan el modelo --- */
    .lp-device { display: flex; align-items: center; gap: 14px; background: #f8fafc; border: 1px solid #e2e8f0; border-radius: 14px; padding: 14px 16px; margin-bottom: 18px; }
    .lp-compare-col.highlight .lp-device { background: rgba(0,183,117,.06); border-color: rgba(0,183,117,.28); }
    .lp-device-ico { width: 46px; height: 46px; border-radius: 12px; background: #fff; border: 1px solid #e2e8f0; display: flex; align-items: center; justify-content: center; font-size: 1.2rem; color: var(--lp-navy); flex-shrink: 0; }
    .lp-device--hw .lp-device-ico { background: #f1f5f9; color: #64748b; }
    .lp-compare-col.highlight .lp-device-ico { color: var(--lp-brand); }
    .lp-device b { display: block; font-size: .92rem; color: var(--lp-ink); }
    .lp-device small { font-size: .72rem; color: var(--lp-muted); line-height: 1.4; display: block; }
    .lp-compare-col { transition: transform .2s ease; }
    @media (hover: hover) { .lp-compare-col:hover { transform: translateY(-3px); } }

    /* --- PUESTA EN MARCHA v3: timeline compacto --- */
    .lp-timeline-v2 { display: grid; grid-template-columns: repeat(5, 1fr); gap: 26px; max-width: 1060px; margin: 0 auto; position: relative; padding-top: 30px; }
    .lp-timeline-v2::before { content: ""; position: absolute; top: 0; left: 0; right: 0; height: 2px; background: #e2e8f0; }
    .lp-tl2-num { display: inline-block; position: relative; font-size: 2.5rem; font-weight: 800; color: var(--lp-brand); letter-spacing: -0.03em; line-height: 1; }
    .lp-tl2-num::before { content: ""; position: absolute; top: -30px; left: 0; width: 11px; height: 11px; border-radius: 999px; background: var(--lp-brand); border: 3px solid #fff; box-shadow: 0 0 0 1px #e2e8f0; }
    .lp-tl2-item h3 { font-size: 1rem; font-weight: 800; color: var(--lp-navy); margin: 12px 0 6px; }
    .lp-tl2-item p { font-size: .8rem; color: var(--lp-muted); line-height: 1.55; margin: 0; }
    .lp-tl2-link { display: inline-block; margin-top: 10px; font-size: .78rem; font-weight: 600; color: var(--lp-brand); border: 1px solid var(--lp-brand); border-radius: 999px; padding: 6px 14px; transition: .15s ease; }
    .lp-tl2-link:hover { background: var(--lp-brand); color: #fff; }
    @media (max-width: 900px) {
        .lp-timeline-v2 { grid-template-columns: 1fr; gap: 24px; padding-left: 30px; padding-top: 0; }
        .lp-timeline-v2::before { top: 0; bottom: 0; left: 8px; width: 2px; height: auto; right: auto; }
        .lp-tl2-num::before { top: 4px; left: -22px; }
        .lp-tl2-item h3 { margin-top: 8px; }
    }

    /* --- REPORTE v3: flujo vertical + placeholder grande con ventana --- */
    .lp-reporte-flow { display: flex; flex-direction: column; align-items: center; margin: 0 0 34px; }
    .lp-reporte-flow .lp-flow-node { font-size: 1rem; padding: 14px 28px; border-radius: 16px; }
    .lp-reporte-flow .lp-flow-arrow { font-size: 1.05rem; color: #94a3b8; padding: 12px 0; }
    @media (hover: hover) {
        .lp-flow-node { transition: transform .2s ease, box-shadow .2s ease; }
        .lp-flow-node:hover { transform: translateY(-2px); }
    }
    .lp-reporte-rows { display: grid; grid-template-columns: 1fr 1fr; gap: 10px 34px; max-width: 900px; margin: 0 auto 14px; }
    @media (max-width: 700px) { .lp-reporte-rows { grid-template-columns: 1fr; } }
    .lp-reporte-sub { text-align: center; max-width: 620px; margin: 0 auto 34px; }
    .lp-shot-window { max-width: min(70%, 980px); margin: 0 auto; border-radius: 20px; overflow: hidden; border: 1px solid #e2e8f0; background: #fff; box-shadow: 0 24px 60px rgba(15,23,42,.12); }
    .lp-shot-window-bar { display: flex; align-items: center; gap: 6px; padding: 12px 16px; background: #f8fafc; border-bottom: 1px solid #e2e8f0; }
    .lp-shot-window-bar .dot { width: 10px; height: 10px; border-radius: 999px; background: #e2e8f0; }
    .lp-shot-window-bar .dot:nth-child(1) { background: #f87171; }
    .lp-shot-window-bar .dot:nth-child(2) { background: #fbbf24; }
    .lp-shot-window-bar .dot:nth-child(3) { background: #34d399; }
    .lp-shot-window-bar span { margin-left: auto; font-size: .68rem; font-weight: 700; color: #94a3b8; letter-spacing: .02em; }
    .lp-shot-window-body { border: 2px dashed #cbd5e1; margin: 18px; border-radius: 14px; min-height: 340px; display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; padding: 44px 20px; }
    .lp-shot-window-body i { font-size: 2.6rem; color: var(--lp-brand); margin-bottom: 14px; }
    .lp-shot-window-body b { font-size: 1rem; color: var(--lp-ink); margin-bottom: 4px; }
    .lp-shot-window-body span { font-size: .8rem; color: var(--lp-muted); max-width: 340px; line-height: 1.5; }
    @media (max-width: 900px) { .lp-shot-window { max-width: 100%; } }
    .lp-shot-window img.lp-shot-img { display: block; width: 100%; height: auto; border-radius: 0; }

    /* --- PRECIO v3: más presencia, cantidades intactas --- */
    .lp-pricing { position: relative; }
    .lp-pricing::before { content: ""; position: absolute; inset: 0; background: radial-gradient(720px 400px at 50% 38%, rgba(0,183,117,.07), transparent 70%); pointer-events: none; }
    .lp-plan-price .num { font-size: 3.6rem; }
    .lp-plan-tag { font-size: .76rem; padding: 9px; letter-spacing: .1em; }
    @media (max-width: 480px) { .lp-plan-price .num { font-size: 3rem; } }

    /* --- QUIÉN ESTÁ DETRÁS v3: más editorial --- */
    .lp-quien { max-width: 760px; }
    .lp-quien .kicker { color: var(--lp-brand); font-weight: 700; font-size: .72rem; text-transform: uppercase; letter-spacing: .1em; display: block; margin-bottom: 10px; }
    .lp-quien h2 { font-size: 2rem; }
    .lp-quien p { font-size: 1rem; }
    .lp-quien-firma { margin-top: 24px; font-style: italic; color: var(--lp-muted); font-size: .95rem; }
    .lp-quien-firma::before { content: "— "; }

    /* Aparición suave para el resultado destacado (delay al entrar) */
    .lp-track-result.lp-reveal { transition-delay: .1s; }