:root{--p:#0f3a5f;--p2:#0c2c48;--dark:#122b3d;--ink:#22303a;--muted:#5c6b76;--bg:#f6f7f9;--card:#fff;--line:#dfe5ea;--logo:#0f3a5f;--franja-bg:var(--p2);--franja-btn-bg:#fff;--franja-btn-color:var(--p2);--franja-op:.9;--footer-bg:var(--dark);--footer-color:#c3cdd6;--footer-link:#e8eef3}body.tema-negocio{--p:#1D4ED8;--p2:#1e40af;--dark:#0f172a;--ink:#1e293b;--muted:#64748b;--bg:#f8fafc;--card:#fff;--line:#e2e8f0;--logo:var(--dark);--franja-bg:var(--dark);--franja-btn-bg:var(--p);--franja-btn-color:#fff;--franja-op:.85;--footer-bg:#0f172a;--footer-color:#94a3b8;--footer-link:#f1f5f9}*{box-sizing:border-box;margin:0}body{font-family:Segoe UI,system-ui,sans-serif;color:var(--ink);background:var(--bg);line-height:1.6}app-header,app-planes,app-footer{display:block}app-header{position:sticky;top:0;z-index:5}body.plantilla-moderna{background:#fafafa}body.plantilla-vitrina{background:#fff}app-vitrina{display:block}.wrap{max-width:1040px;margin:0 auto;padding:0 20px}body.plantilla-clasica header{background:#fff;border-bottom:1px solid var(--line)}.nav{display:flex;align-items:center;justify-content:space-between;padding:14px 0}.nav nav{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.logo{font-size:22px;font-weight:800;color:var(--logo)}.logo span{color:var(--p)}.btn{display:inline-block;background:var(--p);color:#fff;border:none;border-radius:8px;padding:11px 22px;font-size:15px;font-weight:600;cursor:pointer;text-decoration:none}.btn.sec{background:transparent;color:var(--p);border:1.5px solid var(--p)}.hero{padding:66px 0 56px;text-align:center}.hero .kicker{color:var(--p);font-weight:700;text-transform:uppercase;letter-spacing:.08em;font-size:13px}.hero h1{font-size:38px;line-height:1.2;color:var(--dark);max-width:780px;margin:10px auto 16px}.hero p{font-size:18px;color:var(--muted);max-width:660px;margin:0 auto 28px}.cta{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;padding:20px 0 40px}.f{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:22px}.f h3{color:var(--dark);font-size:17px;margin-bottom:6px}.f p{color:var(--muted);font-size:14.5px}h2.t{text-align:center;font-size:26px;color:var(--dark);margin:40px 0 6px}p.s{text-align:center;color:var(--muted);margin-bottom:24px}.franja{background:var(--franja-bg);color:#fff;padding:44px 0;text-align:center;margin-top:30px}.franja h2{font-size:24px;margin-bottom:8px}.franja p{opacity:var(--franja-op);margin-bottom:20px}.franja .btn{background:var(--franja-btn-bg);color:var(--franja-btn-color)}body.plantilla-clasica footer{background:var(--footer-bg);color:var(--footer-color);padding:28px 0;font-size:14px;text-align:center}body.plantilla-clasica footer a{color:var(--footer-link)}body.plantilla-clasica footer b{color:#fff}.f.plan{text-align:center}.f.plan.destacado{border-color:var(--p);border-width:2px}.plan .etiqueta{color:var(--p);font-weight:700;font-size:12px;letter-spacing:.06em}.plan .prueba{color:var(--p);font-weight:700;font-size:13px}.plan .precio{font-size:30px;font-weight:800;color:var(--p)}.plan .precio span{font-size:14px;font-weight:400;color:var(--muted)}app-inicio{display:block}@media(max-width:640px){.hero h1{font-size:29px}}