/* estilos.css — hoja compartida del sitio (v1). */
:root{
  --azul:#17265f; --azul2:#2745a8; --wa:#25d366;
  --gris:#eef2f7; --tinta:#141d2e; --suave:#5a6678; --linea:#dde5ee;
  --tarjeta:#ffffff; --sombra:0 18px 45px rgba(18,35,90,.18);
}
*{box-sizing:border-box;margin:0;padding:0;}
body{font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;color:var(--tinta);background:#fbfcff;line-height:1.62;}
.wrap{max-width:1120px;margin:0 auto;padding:0 22px;}
.aviso{background:#06153a;color:#dce7ff;font-size:13px;padding:9px 0;text-align:center;}
header{position:sticky;top:0;z-index:30;background:rgba(255,255,255,.95);backdrop-filter:blur(10px);border-bottom:1px solid var(--linea);}
.barra{display:flex;align-items:center;justify-content:space-between;padding:14px 0;}
.marca{display:flex;align-items:center;gap:10px;font-weight:900;text-decoration:none;color:var(--tinta);}
.marca span{display:inline-grid;place-items:center;width:38px;height:38px;background:linear-gradient(135deg,var(--azul),var(--azul2));color:#fff;border-radius:12px;}
nav{display:flex;align-items:center;gap:16px;font-size:14px;}
nav a{color:var(--tinta);text-decoration:none;font-weight:600;}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:14px 22px;border:0;border-radius:12px;background:var(--azul2);color:#fff;font-weight:800;font-size:16px;text-decoration:none;cursor:pointer;}
.btn.pequeno{padding:10px 16px;font-size:14px;}
.btn.wa{background:var(--wa);color:#06280f;}
.hero{padding:56px 0 44px;background:radial-gradient(circle at 10% 10%, rgba(39,69,168,.14), transparent 34%),#fff;}
.hero h1{font-size:clamp(30px,3.8vw,44px);line-height:1.12;margin-bottom:16px;letter-spacing:-.02em;}
.hero p.subtitulo{font-size:18px;color:#39445a;max-width:660px;margin-bottom:22px;}
.etiqueta{display:inline-block;background:#e9efff;color:var(--azul);border:1px solid #c9d7ff;border-radius:999px;padding:6px 12px;font-size:12.5px;font-weight:800;margin-bottom:14px;}
.cta-grupo{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:16px;}
section{padding:54px 0;}
h2{font-size:clamp(25px,2.8vw,32px);text-align:center;letter-spacing:-.015em;margin-bottom:12px;}
.sub{text-align:center;color:var(--suave);max-width:720px;margin:0 auto 30px;}
.rejas{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:18px;}
.tarjeta{background:var(--tarjeta);border:1px solid var(--linea);border-radius:18px;padding:24px;box-shadow:0 8px 22px rgba(20,35,75,.06);}
.tarjeta h3{font-size:18px;margin-bottom:10px;}
.tarjeta p{font-size:14.5px;color:#39445a;}
.planes{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:18px;align-items:stretch;}
.plan{background:#fff;border:1px solid var(--linea);border-radius:20px;padding:28px;display:flex;flex-direction:column;gap:14px;position:relative;}
.plan.destacado{border:2px solid var(--azul2);box-shadow:var(--sombra);}
.plan .cinta{position:absolute;top:-14px;left:50%;transform:translateX(-50%);background:var(--wa);color:#06280f;font-size:12px;font-weight:900;padding:6px 12px;border-radius:999px;}
.monto{font-size:30px;font-weight:900;}
.monto small{font-size:14px;color:var(--suave);font-weight:600;}
.plan ul{list-style:none;display:grid;gap:9px;font-size:14px;}
.plan li::before{content:"✓ ";color:var(--verde,#1e7e34);font-weight:900;}
.plan li.no{color:#9aa3b2;}
.plan li.no::before{content:"— ";}
.faq{max-width:820px;margin:0 auto;}
details{background:#fff;border:1px solid var(--linea);border-radius:12px;padding:15px 18px;margin-bottom:10px;}
summary{font-weight:800;cursor:pointer;}
.nota{background:#fff7e0;border:1px solid #f0d98a;border-radius:10px;padding:12px 16px;font-size:13px;margin-top:16px;}
table{width:100%;border-collapse:collapse;margin-top:10px;background:#fff;}
th,td{padding:12px;border:1px solid var(--linea);text-align:left;font-size:14px;}
th{background:var(--gris);}
.precio{font-size:20px;font-weight:800;color:var(--azul);white-space:nowrap;}
footer{background:#070f26;color:#9fb0d6;font-size:13px;padding:28px 0;text-align:center;}
footer a{color:#bcd0ff;}
.fijo{position:fixed;right:16px;bottom:16px;z-index:40;}
.post{max-width:760px;margin:0 auto;}
.post p{margin-bottom:14px;}
.post h2{text-align:left;margin-top:28px;}
.post ul{margin:0 0 14px 20px;}
@media (max-width:980px){nav a:not(.cta){display:none;}.plan.destacado{transform:none;}}