:root{--tinta:#1b1d25;--acento:#2f9cf4;--claro:#f6f5f1;--suave:#666a73;--linea:#e6e3dc}
*{margin:0;padding:0;box-sizing:border-box}
body{font-family:Inter,system-ui,sans-serif;background:var(--claro);color:var(--tinta);line-height:1.65}
a{color:var(--acento)}
.ancho{max-width:820px;margin:0 auto;padding:0 18px}
.barra{background:var(--tinta)}
.barra .ancho{display:flex;justify-content:space-between;align-items:center;padding-top:14px;padding-bottom:14px}
.marca{font-family:Sora,sans-serif;font-weight:800;color:#fff;text-decoration:none;font-size:1.25rem}
.barra nav{display:flex;gap:14px;align-items:center}
.barra nav a{color:#fff;text-decoration:none;font-weight:600;font-size:.88rem}
.barra nav a.cta{background:var(--acento);padding:8px 13px;border-radius:9px}
main{padding:28px 18px 40px}
h1{font-family:Sora,sans-serif;font-size:2rem;line-height:1.2;margin-bottom:14px}
h2{font-family:Sora,sans-serif;font-size:1.3rem;margin:32px 0 12px;line-height:1.3}
h2 small{font-family:Inter,sans-serif;font-size:.8rem;color:var(--suave);font-weight:400}
h3{font-family:Sora,sans-serif}
p,li{margin-bottom:10px}
ul,ol{padding-left:22px}
.migas{font-size:.8rem;color:var(--suave);margin-bottom:12px}
.migas a{text-decoration:none}
.bajada{color:var(--suave);margin-bottom:20px}
.respuesta{background:#fff;border-left:5px solid var(--acento);border-radius:12px;padding:16px 18px;box-shadow:0 1px 8px rgba(0,0,0,.05)}
.botones{display:flex;flex-wrap:wrap;gap:10px;margin:16px 0}
.btn{display:inline-block;padding:12px 16px;border-radius:10px;border:2px solid var(--acento);color:var(--acento);text-decoration:none;font-weight:700;font-size:.92rem;text-align:center}
.btn.lleno{background:var(--acento);color:#fff}
.charla{background:#e9e4da;border-radius:14px;padding:14px;display:flex;flex-direction:column;gap:8px}
.charla p{max-width:82%;padding:9px 12px;border-radius:12px;margin:0;font-size:.93rem;box-shadow:0 1px 1px rgba(0,0,0,.06)}
.charla .persona{background:#fff;align-self:flex-start}
.charla .bot{background:#d9fdd3;align-self:flex-end}
.funciones{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:10px}
.funciones div{background:#fff;border-radius:12px;padding:14px}
.funciones p{font-size:.88rem;color:var(--suave);margin:4px 0 0}
.planes{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px}
.plan{background:#fff;border-radius:14px;padding:18px;border:2px solid transparent;position:relative;display:flex;flex-direction:column}
.plan.destacado{border-color:var(--acento)}
.plan .etq{position:absolute;top:-11px;left:16px;background:var(--acento);color:#fff;font-size:.7rem;font-weight:700;padding:3px 9px;border-radius:99px}
.plan .precio{font-family:Sora,sans-serif;font-size:1.35rem;font-weight:800;margin:4px 0 8px}
.plan .precio small{font-size:.75rem;color:var(--suave);font-weight:400;margin-left:4px}
.plan ul{font-size:.86rem;flex:1}
.plan .btn{margin-top:8px}
.nota{font-size:.86rem;color:var(--suave);margin-top:12px}
table{width:100%;border-collapse:collapse;background:#fff;border-radius:10px;overflow:hidden;font-size:.88rem;display:block;overflow-x:auto;margin-bottom:14px}
th,td{padding:10px 12px;border-bottom:1px solid var(--linea);text-align:left}
th{background:var(--tinta);color:#fff}
.faq details{background:#fff;border-radius:10px;padding:12px 16px;margin-bottom:8px}
.faq summary{font-weight:700;cursor:pointer}
.faq p{margin:8px 0 0}
.cta-caja{background:var(--tinta);color:#fff;border-radius:16px;padding:22px;margin:32px 0}
.cta-caja h2{color:#fff;margin:0 0 6px}
.cta-caja p{color:#cfd3db}
.tarjetas{display:grid;gap:12px}
.tarjeta{display:block;background:#fff;border-radius:12px;padding:18px;text-decoration:none;color:var(--tinta)}
.tarjeta h2{margin:0 0 6px;font-size:1.08rem}
.tarjeta p{font-size:.9rem;color:var(--suave);margin-bottom:6px}
.tarjeta span{font-weight:700;color:var(--acento);font-size:.85rem}
.pie{background:var(--tinta);color:#c4c8d0;padding:26px 0;font-size:.82rem}
.pie a{color:#fff}
@media (max-width:600px){h1{font-size:1.55rem}.barra nav a:not(.cta){display:none}}