/* Estilos de planes.html y mi-cuenta.html (17-09-2026). Mismos tokens que el resto del sitio. */
:root{
  --color-primary:#1E3A8A; --color-primary-dark:#152C68; --color-accent:#2563EB; --color-accent-hover:#1D4ED8;
  --color-bg:#F8FAFC; --color-fg:#0F172A; --color-card:#FFFFFF; --color-muted:#E9EEF5; --color-muted-fg:#64748B;
  --color-border:#CBD5E1; --color-ok:#059669; --color-ok-bg:#ECFDF5; --color-warn:#B45309; --color-warn-bg:#FFFBEB;
  --color-bad:#B91C1C; --color-bad-bg:#FEF2F2;
  --font-display:Georgia,'Iowan Old Style','Palatino Linotype',serif;
  --font-body:-apple-system,'Segoe UI',Roboto,sans-serif;
  --radius-md:14px; --radius-lg:20px;
}
@media (prefers-color-scheme: dark){
  :root{ --color-bg:#0B1220; --color-fg:#E8ECF4; --color-card:#121B2E; --color-muted:#182338; --color-muted-fg:#93A1B8; --color-border:#243453; --color-ok-bg:#0B2A22; --color-warn-bg:#2A1F0B; --color-bad-bg:#2A1111; }
}
*{box-sizing:border-box;}
body{margin:0;background:var(--color-bg);color:var(--color-fg);font-family:var(--font-body);line-height:1.6;}
a{color:var(--color-accent);}
.wrap{max-width:1040px;margin:0 auto;padding:2.4rem 1.25rem 5rem;}
.wrap-sm{max-width:460px;}
.topnav{display:flex;justify-content:space-between;align-items:center;gap:1rem;flex-wrap:wrap;margin-bottom:1.6rem;font-size:.88rem;}
.topnav a{text-decoration:none;color:var(--color-muted-fg);}
.topnav a.strong{color:var(--color-primary);font-weight:600;}
.eyebrow{font-size:.74rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--color-accent);margin:0 0 .3rem;}
h1{font-family:var(--font-display);font-size:clamp(1.7rem,4vw,2.3rem);margin:0 0 .5rem;color:var(--color-primary);line-height:1.2;}
h2{font-family:var(--font-display);font-size:1.25rem;margin:0 0 .5rem;color:var(--color-primary);}
.dek{color:var(--color-muted-fg);font-size:1.02rem;margin:0 0 2rem;max-width:62ch;}
.card{background:var(--color-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:1.5rem;}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;padding:.75rem 1.3rem;border-radius:999px;font-weight:600;font-size:.92rem;border:1px solid transparent;cursor:pointer;text-decoration:none;font-family:inherit;}
.btn-primary{background:var(--color-accent);color:#fff;}
.btn-primary:hover{background:var(--color-accent-hover);}
.btn-outline{background:transparent;color:var(--color-primary);border-color:var(--color-border);}
.btn-outline:hover{background:var(--color-muted);}
.btn-sm{padding:.45rem .9rem;font-size:.82rem;}
.btn:disabled{opacity:.6;cursor:not-allowed;}
.btn-block{width:100%;}
input[type=email],input[type=text],input[type=search]{font:inherit;padding:.7rem .85rem;border:1px solid var(--color-border);border-radius:10px;background:var(--color-bg);color:var(--color-fg);width:100%;}
input:focus-visible,.btn:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px;}
label.lbl{display:block;font-size:.84rem;font-weight:600;margin:0 0 .35rem;}
.msg{border-radius:10px;padding:.75rem .95rem;font-size:.88rem;margin:.9rem 0;}
.msg-ok{background:var(--color-ok-bg);color:var(--color-ok);}
.msg-warn{background:var(--color-warn-bg);color:var(--color-warn);}
.msg-bad{background:var(--color-bad-bg);color:var(--color-bad);}
.muted{color:var(--color-muted-fg);}
.small{font-size:.82rem;}
.hidden{display:none !important;}

/* ---- Planes ---- */
.planes-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:1rem;align-items:stretch;}
.plan{display:flex;flex-direction:column;gap:.6rem;position:relative;}
.plan.destacado{border:2px solid var(--color-accent);}
.plan-badge{position:absolute;top:-.7rem;left:1.2rem;background:var(--color-accent);color:#fff;font-size:.7rem;font-weight:700;padding:.2rem .65rem;border-radius:999px;letter-spacing:.03em;}
.plan h3{font-family:var(--font-display);font-size:1.15rem;margin:0;color:var(--color-primary);}
.plan-precio{font-family:var(--font-display);font-size:1.9rem;font-weight:700;color:var(--color-fg);line-height:1.1;}
.plan-precio small{font-family:var(--font-body);font-size:.8rem;font-weight:500;color:var(--color-muted-fg);}
.plan ul{list-style:none;margin:.2rem 0;padding:0;font-size:.88rem;display:flex;flex-direction:column;gap:.35rem;}
.plan ul li{display:flex;gap:.45rem;}
.plan ul li::before{content:"✓";color:var(--color-ok);font-weight:700;flex-shrink:0;}
.plan details{font-size:.84rem;}
.plan details summary{cursor:pointer;color:var(--color-accent);font-weight:600;}
.plan details ul li::before{content:"·";color:var(--color-muted-fg);}
.plan .spacer{flex:1;}
.suelto{margin-top:1rem;display:flex;justify-content:space-between;align-items:center;gap:1rem;flex-wrap:wrap;}
.compra{margin-top:2rem;display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;align-items:start;}
.consent{display:flex;gap:.55rem;align-items:flex-start;font-size:.84rem;color:var(--color-muted-fg);margin:.9rem 0;}
.consent input{margin-top:.25rem;}
.condiciones{font-size:.86rem;color:var(--color-muted-fg);}
.condiciones li{margin-bottom:.35rem;}
@media (max-width:760px){.compra{grid-template-columns:1fr;}}

/* ---- Mi cuenta ---- */
.codigo-input{font-size:1.5rem !important;letter-spacing:.45em;text-align:center;font-variant-numeric:tabular-nums;}
.panel-top{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;flex-wrap:wrap;margin-bottom:1.5rem;}
.mis-planes{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1rem;margin-bottom:2rem;}
.mi-plan .estado{font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;padding:.2rem .6rem;border-radius:999px;}
.estado-vigente{background:var(--color-ok-bg);color:var(--color-ok);}
.estado-futuro{background:#E0E7FF;color:var(--color-primary);}
.estado-vencido{background:var(--color-muted);color:var(--color-muted-fg);}
.uso{margin:.8rem 0 .3rem;font-size:.9rem;}
.uso strong{font-family:var(--font-display);font-size:1.5rem;color:var(--color-primary);}
.barra{height:8px;border-radius:999px;background:var(--color-muted);overflow:hidden;margin:.3rem 0 .6rem;}
.barra span{display:block;height:100%;background:var(--color-accent);}
.seccion{margin:2rem 0 .8rem;display:flex;justify-content:space-between;align-items:flex-end;gap:1rem;flex-wrap:wrap;}
.docs-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:.7rem;}
.doc-item{display:flex;justify-content:space-between;align-items:center;gap:.8rem;background:var(--color-card);border:1px solid var(--color-border);border-radius:12px;padding:.75rem .9rem;font-size:.88rem;}
.doc-cat{font-size:.72rem;color:var(--color-muted-fg);display:block;}
.cat-titulo{font-size:.8rem;font-weight:700;color:var(--color-muted-fg);text-transform:uppercase;letter-spacing:.05em;margin:1.2rem 0 .5rem;}
.tabla-wrap{overflow-x:auto;background:var(--color-card);border:1px solid var(--color-border);border-radius:12px;}
table{width:100%;border-collapse:collapse;font-size:.88rem;}
th{text-align:left;background:var(--color-muted);color:var(--color-muted-fg);font-weight:600;padding:.6rem .8rem;font-size:.76rem;text-transform:uppercase;letter-spacing:.03em;}
td{padding:.65rem .8rem;border-top:1px solid var(--color-border);vertical-align:middle;}
.visor{position:fixed;inset:0;background:rgba(15,23,42,.55);display:flex;align-items:flex-start;justify-content:center;padding:2rem 1rem;z-index:50;overflow-y:auto;}
.visor-caja{background:var(--color-card);border-radius:var(--radius-lg);max-width:820px;width:100%;padding:1.5rem;}
.visor-doc{white-space:pre-wrap;font-size:.92rem;line-height:1.75;border:1px solid var(--color-border);border-radius:10px;padding:1.3rem;background:var(--color-bg);max-height:65vh;overflow-y:auto;margin:1rem 0;}
.visor-acciones{display:flex;gap:.6rem;flex-wrap:wrap;justify-content:flex-end;}
@media print{
  body *{visibility:hidden;}
  .visor, .visor *{visibility:visible;}
  .visor{position:absolute;inset:0;background:none;padding:0;}
  .visor-doc{max-height:none;border:none;background:none;}
  .visor-acciones,.visor h2{display:none;}
}