:root{
  --tinta:#10293B; --muted:#5E6B76; --cuerpo:#3B4A56; --linea:#EEE7DE; --arena:#F6F1EA;
  --oceano:#0B5577; --oceano-osc:#08405A; --oceano-suave:#E6F2F6; --sol:#FF7A45; --teja:#BF4318;
  --melocoton:#FFE9DE; --ok:#2F6B47; --ok-suave:#E2EFE6; --ok-texto:#1F4E31; --warn:#8A5A0B; --warn-suave:#FFF1DD; --bad:#A3271B; --bad-suave:#FBE3DF;
  --sombra:0 0 0 1px #EEE7DE,0 22px 44px -30px rgba(16,41,59,.25);
}
*{box-sizing:border-box}
body{margin:0;background:#fff;color:var(--tinta);font-family:'Figtree',system-ui,sans-serif;font-variant-numeric:lining-nums tabular-nums}
h1,h2,h3,.slab{font-family:'Bitter',Georgia,serif;font-weight:800;letter-spacing:-.01em}
h1{font-size:40px;line-height:1.08;margin:0}
h2{font-size:22px;margin:0}
a{color:var(--oceano)}
button,.btn{font:inherit;cursor:pointer;border-radius:999px;min-height:46px;padding:0 20px;border:1px solid #BFE0EA;background:#fff;color:var(--oceano);font-weight:600;transition:transform .25s cubic-bezier(.32,.72,0,1)}
button:active{transform:scale(.98)}
button.primario{background:var(--sol);border-color:var(--sol);color:var(--tinta);font-weight:700}
button.oscuro{background:var(--tinta);border-color:var(--tinta);color:#fff}
button:disabled{opacity:.5;cursor:default}
:focus-visible{outline:2px solid var(--oceano);outline-offset:3px}
input,select,textarea{font:inherit;color:var(--tinta);border:1px solid #E3DACE;border-radius:14px;min-height:46px;padding:0 14px;background:#fff}
textarea{padding:12px 14px}
label{font-weight:600;font-size:15px}
.marco{display:flex;flex-wrap:wrap;gap:28px;padding:24px;max-width:1320px;margin:0 auto}
.lateral{flex:1 1 220px;max-width:280px;background:var(--oceano-suave);border-radius:32px;padding:22px 14px;display:flex;flex-direction:column;gap:6px;align-self:flex-start;position:sticky;top:24px}
.lateral.oscuro{background:var(--tinta);color:#E9EEF1}
.lateral .marca{display:flex;align-items:center;gap:10px;padding:0 8px 14px;font-family:'Bitter',serif;font-weight:800;font-size:18px}
.lateral button.nav{display:flex;align-items:center;justify-content:space-between;width:100%;border:0;border-radius:14px;background:transparent;color:inherit;text-align:left;font-weight:500;min-height:44px}
.lateral button.nav[aria-current=page]{background:#fff;color:var(--oceano-osc);font-weight:700}
.lateral.oscuro button.nav[aria-current=page]{background:rgba(255,255,255,.12);color:#fff}
.lateral .pie{margin-top:auto;padding:12px 8px 0;font-size:14px}
.principal{flex:999 1 600px;min-width:0;display:flex;flex-direction:column;gap:22px}
.panel{background:#fff;border-radius:24px;padding:24px 26px;box-shadow:var(--sombra);display:flex;flex-direction:column;gap:14px}
.sub{color:var(--muted);font-size:16px;line-height:1.5;margin:0}
.fila{display:flex;flex-wrap:wrap;align-items:center;gap:10px 14px}
.chip{display:inline-flex;align-items:center;min-height:28px;padding:0 11px;border-radius:999px;font-size:13px;font-weight:700;background:var(--arena);color:var(--cuerpo)}
.chip.ok{background:var(--ok-suave);color:var(--ok-texto)} .chip.warn{background:var(--warn-suave);color:var(--warn)} .chip.bad{background:var(--bad-suave);color:var(--bad)} .chip.info{background:var(--oceano-suave);color:var(--oceano-osc)}
.badge{min-width:22px;height:22px;border-radius:999px;background:var(--sol);color:var(--tinta);font-size:12px;font-weight:700;display:inline-flex;align-items:center;justify-content:center;padding:0 6px}
.tabla{width:100%;border-collapse:collapse;font-size:14px}
.tabla th{text-align:left;color:var(--muted);font-weight:600;padding:10px 8px;border-bottom:1px solid var(--linea)}
.tabla td{padding:12px 8px;border-bottom:1px solid var(--linea);vertical-align:top}
.tabla td.num,.tabla th.num{text-align:right;white-space:nowrap}
.desplaza{overflow-x:auto}
.zona{border:1.5px dashed #BFE0EA;border-radius:24px;padding:24px;display:flex;flex-direction:column;gap:14px}
.zona.encima{background:var(--oceano-suave)}
.aviso{padding:14px 18px;border-radius:16px;font-size:15px;line-height:1.5}
.aviso.ok{background:var(--ok-suave);color:var(--ok-texto)} .aviso.bad{background:var(--bad-suave);color:var(--bad)} .aviso.info{background:var(--oceano-suave);color:var(--oceano-osc)}
.cifras{display:flex;flex-wrap:wrap;gap:12px}
.cifra{flex:1 1 160px;background:var(--arena);border-radius:18px;padding:16px 18px}
.cifra strong{display:block;font-family:'Bitter',serif;font-size:28px;font-weight:800}
.cifra span{font-size:14px;color:var(--cuerpo)}
.oculto{display:none!important}
.centro{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px}
.tarjeta-login{max-width:440px;width:100%;display:flex;flex-direction:column;gap:16px}
.comparar{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:10px}
.comparar div{background:var(--arena);border-radius:14px;padding:12px 14px;font-size:14px}
@media (max-width:760px){.lateral{position:static;max-width:none}.marco{padding:16px}h1{font-size:32px}}
@media (prefers-reduced-motion:reduce){button{transition:none}}