*,:after,:before{box-sizing:border-box;margin:0;padding:0}:root{--azul:#1b3a6b;--azul-medio:#1e4080;--azul-claro:#2c5282;--amarillo:#f5c518;--amarillo-hover:#e0b015;--gris-bg:#f7f9fc;--gris-texto:#4a5568;--gris-suave:#e2e8f0;--blanco:#fff;--negro:#0d1b2a}html{scroll-behavior:smooth}
    /* !important para ganar a las utilidades del layout raíz (bg-slate-950, text-slate-100, font-sans) en la ruta /. */body{font-family:Segoe UI,Arial,sans-serif!important;background:var(--blanco)!important;color:var(--negro)!important;overflow-x:hidden;font-size:clamp(.95rem,2.5vw,1.05rem)}nav{background:var(--azul);padding:1rem 1.5rem;display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:100;box-shadow:0 2px 8px rgba(0,0,0,.2)}.nav-logo svg{height:36px;width:auto}.nav-links{display:flex;gap:1.5rem;align-items:center}.nav-links a{color:var(--blanco);text-decoration:none;font-size:clamp(.8rem,2vw,.9rem);opacity:.85;transition:opacity .2s}.nav-links a:hover{opacity:1}.btn-nav{background:var(--amarillo);color:var(--azul)!important;font-weight:700;padding:.45rem 1.1rem;border-radius:6px;opacity:1!important}@media(max-width:540px){.nav-links{display:none}}.hero{background:linear-gradient(135deg,var(--azul) 0,var(--azul-claro) 100%);color:var(--blanco);padding:clamp(3rem,8vw,6rem) 1.5rem clamp(2rem,6vw,4rem);text-align:center}.hero-badge{display:inline-block;background:rgba(245,197,24,.15);color:var(--amarillo);border:1px solid rgba(245,197,24,.4);border-radius:999px;padding:.3rem 1rem;font-size:clamp(.75rem,2vw,.85rem);font-weight:600;letter-spacing:.05em;margin-bottom:1.5rem}.hero h1{font-size:clamp(1.8rem,5vw,3rem);font-weight:900;line-height:1.15;max-width:700px;margin:0 auto 1.25rem}.hero h1 span{color:var(--amarillo)}.hero p{font-size:clamp(1rem,2.5vw,1.2rem);color:hsla(0,0%,100%,.85);max-width:520px;margin:0 auto 2rem;line-height:1.6}.hero-ctas{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap;margin-bottom:3rem}.btn-primary{background:var(--amarillo);color:var(--azul);font-weight:700;font-size:clamp(.95rem,2.5vw,1.05rem);padding:.85rem 2rem;border-radius:8px;text-decoration:none;border:none;cursor:pointer;transition:background .2s,transform .15s;display:inline-block}.btn-primary:hover{background:var(--amarillo-hover);transform:translateY(-1px)}.btn-secondary{background:transparent;color:var(--blanco);font-weight:600;font-size:clamp(.95rem,2.5vw,1.05rem);padding:.85rem 2rem;border-radius:8px;text-decoration:none;border:2px solid hsla(0,0%,100%,.5);transition:border-color .2s;display:inline-block}.btn-secondary:hover{border-color:var(--blanco)}.hero-mockup{max-width:800px;margin:0 auto;background:hsla(0,0%,100%,.08);border:1px solid hsla(0,0%,100%,.15);border-radius:16px;overflow:hidden}.mockup-bar{background:rgba(0,0,0,.2);padding:.6rem 1rem;display:flex;align-items:center;gap:.4rem}.dot{width:10px;height:10px;border-radius:50%}.dot-r{background:#ff5f57}.dot-y{background:#ffbd2e}.dot-g{background:#28ca41}.mockup-screen{height:clamp(200px,40vw,380px);overflow:hidden;background:#0d1b2a}.mockup-screen img{width:100%;height:100%;object-fit:cover;object-position:top}section{padding:clamp(3rem,8vw,5rem) 1.5rem}.container{max-width:1000px;margin:0 auto}.section-label{color:var(--amarillo);background:var(--azul);display:inline-block;font-size:clamp(.7rem,1.8vw,.78rem);font-weight:700;letter-spacing:.1em;text-transform:uppercase;padding:.25rem .75rem;border-radius:4px;margin-bottom:1rem}.section-title{font-size:clamp(1.4rem,4vw,2.2rem);font-weight:800;color:var(--azul);line-height:1.2;margin-bottom:1rem}.section-title span{color:var(--amarillo)}.section-sub{font-size:clamp(.95rem,2.5vw,1.05rem);color:var(--gris-texto);line-height:1.7;max-width:560px;margin-bottom:2.5rem}.problema{background:var(--azul)}.problema .section-title{color:var(--blanco)}.problema .section-sub{color:hsla(0,0%,100%,.75)}.problema .section-label{background:rgba(245,197,24,.15)}.pain-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1.5rem;margin-top:2rem}.pain-card{background:hsla(0,0%,100%,.07);border:1px solid hsla(0,0%,100%,.12);border-radius:12px;padding:1.75rem}.pain-icon{width:44px;height:44px;background:rgba(245,197,24,.15);border-radius:10px;display:flex;align-items:center;justify-content:center;margin-bottom:1rem;font-size:1.3rem}.pain-card h3{font-size:clamp(1rem,2.5vw,1.1rem);font-weight:700;margin-bottom:.5rem;color:var(--amarillo)}.pain-card p{font-size:clamp(.88rem,2vw,.95rem);color:hsla(0,0%,100%,.75);line-height:1.6}.modulos{background:var(--gris-bg)}.modulos-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem}.modulo-card{background:var(--blanco);border-radius:12px;overflow:hidden;border:1px solid var(--gris-suave);transition:box-shadow .2s,transform .2s}.modulo-card:hover{box-shadow:0 8px 24px rgba(27,58,107,.12);transform:translateY(-2px)}.modulo-img{height:200px;overflow:hidden;background:#0d1b2a}.modulo-img img{width:100%;height:100%;object-fit:cover;object-position:top}.modulo-body{padding:1.25rem}.modulo-tag{display:inline-block;background:rgba(27,58,107,.08);color:var(--azul);font-size:clamp(.7rem,1.8vw,.75rem);font-weight:600;padding:.2rem .6rem;border-radius:4px;margin-bottom:.6rem;letter-spacing:.04em}.modulo-body h3{font-size:clamp(1rem,2.5vw,1.1rem);font-weight:700;color:var(--azul);margin-bottom:.4rem}.modulo-body p{font-size:clamp(.85rem,2vw,.92rem);color:var(--gris-texto);line-height:1.6}.express{background:var(--blanco)}.express-inner{display:grid;grid-template-columns:1fr 1fr;gap:3rem;align-items:center}@media(max-width:640px){.express-inner{grid-template-columns:1fr}}.express-img{border-radius:16px;overflow:hidden;height:clamp(280px,45vw,420px);background:#0d1b2a;box-shadow:0 8px 32px rgba(0,0,0,.2)}.express-img img{width:100%;height:100%;object-fit:cover;object-position:top}.express-features{list-style:none;display:flex;flex-direction:column;gap:.85rem;margin-top:1.5rem}.express-features li{display:flex;align-items:flex-start;gap:.75rem;font-size:clamp(.9rem,2.2vw,.98rem);color:var(--gris-texto);line-height:1.5}.check{width:22px;height:22px;min-width:22px;background:var(--amarillo);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.7rem;color:var(--azul);font-weight:700;margin-top:.1rem}.precios{background:var(--gris-bg)}.precios-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1.5rem;align-items:start}.precio-card{background:var(--blanco);border:2px solid var(--gris-suave);border-radius:16px;padding:2rem 1.75rem;position:relative}.precio-card.destacado{border-color:var(--azul);box-shadow:0 8px 32px rgba(27,58,107,.15)}.precio-badge{position:absolute;top:-.75rem;left:50%;transform:translateX(-50%);background:var(--amarillo);font-size:clamp(.68rem,1.8vw,.75rem);padding:.2rem .9rem;border-radius:999px;white-space:nowrap}.precio-badge,.precio-plan{color:var(--azul);font-weight:700}.precio-plan{font-size:clamp(.78rem,2vw,.85rem);letter-spacing:.08em;text-transform:uppercase;margin-bottom:.75rem}.precio-monto{font-size:clamp(2rem,5vw,2.8rem);font-weight:900;color:var(--azul);line-height:1;margin-bottom:.25rem}.precio-monto sup{font-size:clamp(1rem,2.5vw,1.3rem);font-weight:700;vertical-align:super}.precio-periodo{font-size:clamp(.8rem,2vw,.88rem);color:var(--gris-texto);margin-bottom:.5rem}.precio-extra{font-size:clamp(.78rem,2vw,.85rem);color:var(--azul-claro);font-weight:600;margin-bottom:1.5rem;background:rgba(27,58,107,.06);padding:.4rem .75rem;border-radius:6px;display:inline-block}.precio-divider{border:none;border-top:1px solid var(--gris-suave);margin:1.25rem 0}.precio-features{list-style:none;display:flex;flex-direction:column;gap:.7rem;margin-bottom:1.75rem}.precio-features li{display:flex;align-items:flex-start;gap:.6rem;font-size:clamp(.85rem,2vw,.92rem);color:var(--gris-texto);line-height:1.5}.check-sm{color:var(--amarillo);font-weight:700;font-size:1rem;min-width:16px}.btn-plan{display:block;text-align:center;padding:.8rem;border-radius:8px;font-weight:700;font-size:clamp(.9rem,2.2vw,.98rem);text-decoration:none;transition:background .2s,transform .15s;border:none;cursor:pointer;width:100%}.btn-plan-primary{background:var(--azul);color:var(--blanco)}.btn-plan-primary:hover{background:var(--azul-claro)}.btn-plan-outline{background:transparent;color:var(--azul);border:2px solid var(--azul)}.btn-plan-outline:hover{background:var(--azul);color:var(--blanco)}.afiliados{background:var(--azul);overflow:hidden;position:relative}.afiliados .section-title{color:var(--blanco)}.afiliados .section-label{background:rgba(245,197,24,.15)}.afiliados .section-sub{color:hsla(0,0%,100%,.78)}.afiliados-steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;margin-top:2rem}.step-card{background:hsla(0,0%,100%,.07);border:1px solid hsla(0,0%,100%,.12);border-radius:12px;padding:1.5rem;text-align:center}.step-num{width:44px;height:44px;background:var(--amarillo);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:clamp(1rem,2.5vw,1.2rem);font-weight:900;color:var(--azul);margin:0 auto 1rem}.step-card h3{font-size:clamp(.95rem,2.2vw,1.05rem);font-weight:700;color:var(--amarillo);margin-bottom:.5rem}.step-card p{font-size:clamp(.85rem,2vw,.9rem);color:hsla(0,0%,100%,.75);line-height:1.6}.afiliados-cta{margin-top:2.5rem;text-align:center}.cta-final{background:linear-gradient(135deg,var(--azul-claro) 0,var(--azul) 100%);text-align:center;padding:clamp(3.5rem,8vw,6rem) 1.5rem}.cta-final h2{font-size:clamp(1.5rem,4vw,2.4rem);font-weight:900;color:var(--blanco);margin-bottom:1rem;line-height:1.2}.cta-final h2 span{color:var(--amarillo)}.cta-final p{font-size:clamp(.95rem,2.5vw,1.1rem);color:hsla(0,0%,100%,.8);margin-bottom:2rem;max-width:480px;margin-left:auto;margin-right:auto;line-height:1.6}footer{background:var(--negro);color:hsla(0,0%,100%,.6);padding:2.5rem 1.5rem}.footer-inner{max-width:1000px;margin:0 auto;display:flex;flex-wrap:wrap;gap:1.5rem;justify-content:space-between;align-items:center}.footer-logo svg{height:28px;width:auto}.footer-links{display:flex;gap:1.25rem;flex-wrap:wrap}.footer-links a{color:hsla(0,0%,100%,.5);text-decoration:none;font-size:clamp(.78rem,2vw,.85rem);transition:color .2s}.footer-links a:hover{color:var(--amarillo)}.footer-copy{font-size:clamp(.75rem,1.8vw,.82rem);width:100%;text-align:center;margin-top:1.25rem;border-top:1px solid hsla(0,0%,100%,.08);padding-top:1.25rem}