:root{--cobalto:#0048ef;--cobalto-hondo:#083fa9;--rojo:#e00808;--amarillo:#ffd902;--cal:#f2f2e9;--muro:#f8f8f4;--tinta:#0a0f14;--tinta-2:#303751;--tinta-3:#4d4f5f;--linea:#dcdcd2}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--muro);color:var(--tinta);font:16px/1.65 "Encode Sans",system-ui,-apple-system,"Segoe UI",sans-serif}
a{color:var(--cobalto-hondo);text-underline-offset:2px}
a:focus-visible{outline:3px solid var(--amarillo);outline-offset:2px}
header{border-bottom:1px solid var(--linea);background:#fff}
.barra{max-width:760px;margin:0 auto;padding:16px;display:flex;align-items:center;justify-content:space-between;gap:12px}
.barra img{height:34px;width:auto;display:block}
main{max-width:760px;margin:0 auto;padding:32px 16px 64px}
h1{font-size:clamp(1.8rem,6vw,2.4rem);line-height:1.15;font-weight:800;margin:0 0 8px;letter-spacing:-.01em}
h2{font-size:1.2rem;margin:36px 0 8px;font-weight:700}
.meta{color:var(--tinta-3);margin:0 0 20px}
.aviso{background:#fff8d1;border-left:4px solid var(--amarillo);padding:12px 16px;border-radius:6px;margin:0 0 28px;color:var(--tinta-2)}
ul{padding-left:1.2rem}li{margin:4px 0}
table{border-collapse:collapse;width:100%;font-size:.95rem;margin:8px 0}
th,td{border:1px solid var(--linea);padding:8px 10px;text-align:left;vertical-align:top}
th{background:var(--cal)}
.tabla{overflow-x:auto}
footer{border-top:1px solid var(--linea);color:var(--tinta-3);font-size:.9rem}
footer .barra{display:block}
.inicio{min-height:70vh;display:flex;flex-direction:column;justify-content:center}
.inicio p{font-size:1.15rem;color:var(--tinta-2);max-width:34ch}