:root{
  --ink:#1B1B3A; --ink-2:#55556E; --ink-3:#686882;
  --brand:#4A4775; --accent:#5046E5; --accent-d:#3F36C9;
  --lav:#EEEDFB; --lav-2:#F4F3FC; --line:#E6E4F5;
  --bg:#FAFAFE; --card:#FFFFFF; --night:#2B2854; --night-2:#45417A; --lilac:#C9C4FA;
  --radius:22px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:88px}
body{margin:0;font-family:'Nunito Sans',system-ui,sans-serif;background:var(--bg);color:var(--ink);-webkit-font-smoothing:antialiased}
h1,h2,h3{font-family:'Plus Jakarta Sans',system-ui,sans-serif;margin:0;text-wrap:balance}
p{margin:0} a{color:var(--accent)} img,svg{display:block}
.wrap{max-width:1180px;margin:0 auto;padding-inline:24px}
header{position:sticky;top:0;z-index:20;background:rgba(250,250,254,.94);backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}
.nav{height:76px;display:flex;align-items:center;justify-content:space-between;gap:24px}
.logo{display:flex;align-items:center;gap:12px;text-decoration:none;color:var(--ink);font:800 20px 'Plus Jakarta Sans',system-ui,sans-serif}
.logo-mark{width:42px;height:42px;border-radius:10px;background:var(--brand);color:#fff;display:grid;place-items:center;font-size:19px}
.nav-links{display:flex;align-items:center;gap:26px;flex-wrap:wrap;justify-content:flex-end}
.nav-links a{color:var(--ink-2);text-decoration:none;font-weight:700;font-size:15px}
.nav-links a:hover,.nav-links a[aria-current="page"]{color:var(--accent)}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:48px;padding:0 22px;border-radius:12px;font:700 16px 'Nunito Sans',system-ui,sans-serif;text-decoration:none;border:1px solid transparent}
.btn-primary{background:var(--accent);color:#fff}.btn-primary:hover{background:var(--accent-d);color:#fff}
.btn-ghost{background:#fff;border-color:#DCDAF0;color:var(--ink)}
.hero-page{padding:82px 0 64px;background:linear-gradient(180deg,#FAFAFE 0%,#F1F0FD 100%);border-bottom:1px solid var(--line)}
.eyebrow{display:inline-block;padding:8px 14px;border-radius:999px;background:#ECEAFD;color:#4A40D9;font-weight:800;font-size:13px;letter-spacing:.03em;text-transform:uppercase}
.hero-page h1{font-size:clamp(42px,6vw,68px);line-height:1.04;letter-spacing:-.035em;margin:18px 0}
.hero-page .lead{font-size:20px;line-height:1.65;color:var(--ink-2);max-width:820px}
.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}
.block{padding:82px 0}.block.white{background:#fff}.block.lav{background:var(--lav)}
.grid-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.grid-3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:30px}
.card h3{font-size:22px;margin-bottom:10px}.card p,.content p,.content li{font-size:17px;line-height:1.7;color:var(--ink-2)}
.section-title{font-size:clamp(32px,4vw,48px);line-height:1.08;letter-spacing:-.025em;margin-bottom:16px}
.section-lead{font-size:19px;line-height:1.65;color:var(--ink-2);max-width:780px;margin-bottom:38px}
.kicker{font-weight:800;font-size:13px;text-transform:uppercase;letter-spacing:.08em;color:var(--accent);margin-bottom:12px}
.icon{width:52px;height:52px;border-radius:14px;background:var(--lav);display:grid;place-items:center;font-size:25px;margin-bottom:18px}
.checks{display:grid;gap:14px;margin-top:22px}.check{display:flex;gap:12px;align-items:flex-start;font-size:17px;line-height:1.55;color:var(--ink-2)}
.check b{color:var(--ink)}.dot{width:26px;height:26px;flex:0 0 26px;border-radius:50%;background:#E6E3FF;color:var(--accent);display:grid;place-items:center;font-weight:900}
.note{padding:22px 24px;border:1px solid #D9D5F8;background:#F5F3FF;border-radius:16px;color:var(--ink-2);line-height:1.65}
.flow{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;align-items:stretch}.flow .card{padding:22px;text-align:center}.flow .n{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:var(--accent);color:white;font-weight:800;margin:0 auto 12px}
.faq details{background:#fff;border:1px solid var(--line);border-radius:14px;padding:0 20px;margin-bottom:12px}.faq summary{cursor:pointer;list-style:none;padding:20px 0;font-weight:800;font-size:18px;display:flex;justify-content:space-between;gap:12px}.faq summary::-webkit-details-marker{display:none}.faq summary::after{content:'+';color:var(--accent);font-size:24px}.faq details[open] summary::after{content:'–'}.faq details p{padding:0 0 20px;font-size:17px;line-height:1.65;color:var(--ink-2)}
.cta{background:var(--night);color:#fff;border-radius:26px;padding:42px;display:flex;align-items:center;justify-content:space-between;gap:30px;flex-wrap:wrap}.cta h2{font-size:34px}.cta p{color:#C9C6EA;font-size:18px;margin-top:8px}
footer{background:var(--night);color:#B3B0D9;padding:34px 0}.footer-row{display:flex;justify-content:space-between;align-items:center;gap:22px;flex-wrap:wrap}.footer-links{display:flex;gap:18px;flex-wrap:wrap}.footer-links a{color:#C9C4FA;text-decoration:none}.footer-row .logo{color:white}
.content{max-width:860px}.content h2{font-size:32px;margin:42px 0 14px}.content h3{font-size:23px;margin:30px 0 10px}.content ul{padding-left:22px}.content li{margin:7px 0}
.badge-row{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px}.badge{padding:8px 12px;border:1px solid var(--line);border-radius:999px;background:#fff;font-weight:700;color:var(--ink-2)}
@media(max-width:900px){.grid-2,.grid-3,.flow{grid-template-columns:1fr}.nav-links a:not(.btn){display:none}.hero-page{padding-top:54px}.cta{padding:30px}.wrap{padding-inline:18px}}
.crumbs{font-size:14px;color:var(--ink-3);margin-bottom:14px}.crumbs a{color:var(--ink-3);text-decoration:none}.crumbs a:hover{color:var(--accent)}.crumbs span{margin:0 6px}
.nav-login{color:var(--ink-2)}
.tbl{width:100%;border-collapse:collapse;background:#fff;border:1px solid var(--line);border-radius:16px;overflow:hidden;font-size:16px}
.tbl th,.tbl td{text-align:left;padding:14px 18px;border-bottom:1px solid var(--line);vertical-align:top;line-height:1.55}
.tbl th{background:var(--lav-2);font-family:'Plus Jakarta Sans',system-ui,sans-serif;font-size:15px}
.tbl td{color:var(--ink-2)}.tbl tr:last-child td{border-bottom:0}
.tbl-wrap{overflow-x:auto}
.status{display:inline-block;padding:3px 10px;border-radius:999px;font-weight:800;font-size:13px;white-space:nowrap}
.status.ok{background:#E4F4E6;color:#2F7A3B}.status.dev{background:#FBEEDD;color:#9A5B13}
.feature h3{display:flex;align-items:center;gap:12px}.feature ul{margin:12px 0 0;padding-left:20px}.feature li{font-size:16px;line-height:1.6;color:var(--ink-2);margin:4px 0}
.summary-box{background:#fff;border:1px solid var(--line);border-left:4px solid var(--accent);border-radius:14px;padding:22px 24px;font-size:17px;line-height:1.7;color:var(--ink-2);max-width:860px}
.summary-box b{color:var(--ink)}
.center{text-align:center}.center .hero-actions{justify-content:center}
/* .nav-links a (0,1,1) le gana a .btn-primary (0,1,0): sin esto el boton del
   header quedaba con texto gris/morado sobre fondo morado, ilegible. */
.nav-links a.btn-primary,.nav-links a.btn-primary:hover{color:#fff}