@import url('https://fonts.googleapis.com/css2?family=Michroma&family=Instrument+Sans:wght@400;600&display=swap');
:root{--bg:#101214;--bg2:#1C2023;--ln:#2E3438;--ink:#EDEAE3;--mut:#8C9497;--acc:#C99B6B}
*{box-sizing:border-box;margin:0;padding:0}
html{background:var(--bg)}
body{background:var(--bg);color:var(--ink);font:16px/1.65 'Instrument Sans',system-ui,-apple-system,Segoe UI,Arial,sans-serif;-webkit-font-smoothing:antialiased}
a{color:var(--acc)}
.bar{position:sticky;top:0;z-index:5;background:rgba(16,18,20,.96);border-bottom:1px solid var(--ln)}
.bar .in{max-width:880px;margin:0 auto;padding:14px 20px;display:flex;align-items:center;justify-content:space-between;gap:12px}
.bar img{height:30px;display:block}
.bar .act{display:flex;gap:8px;align-items:center}
.bar button,.bar a.btn{font:600 12px 'Instrument Sans',sans-serif;letter-spacing:.06em;text-transform:uppercase;color:var(--ink);background:transparent;border:1px solid var(--ln);border-radius:999px;padding:7px 12px;cursor:pointer;text-decoration:none}
.bar button.on{background:var(--ink);color:var(--bg);border-color:var(--ink)}
main{max-width:880px;margin:0 auto;padding:44px 20px 70px}
.kick{font:11px 'Michroma',sans-serif;letter-spacing:.16em;text-transform:uppercase;color:var(--acc)}
h1{font:400 clamp(26px,5vw,38px)/1.15 'Michroma',sans-serif;text-transform:uppercase;letter-spacing:.02em;margin:10px 0 8px}
h2{font:400 15px/1.35 'Michroma',sans-serif;text-transform:uppercase;letter-spacing:.06em;margin:38px 0 10px;padding-top:22px;border-top:1px solid var(--ln)}
h3{font:600 16px/1.4 'Instrument Sans',sans-serif;margin:18px 0 6px}
p{margin:0 0 12px;color:#D6D3CC}
ul,ol{margin:0 0 12px 22px;color:#D6D3CC}li{margin:4px 0}
.meta{color:var(--mut);font-size:14px}
.lead{font-size:18px;color:var(--ink)}
.card{background:var(--bg2);border:1px solid var(--ln);border-radius:10px;padding:18px 20px;margin:14px 0}
table{width:100%;border-collapse:collapse;margin:10px 0 14px;font-size:15px}
th,td{text-align:left;padding:10px 12px;border-bottom:1px solid var(--ln);vertical-align:top}
th{font:400 11px 'Michroma',sans-serif;letter-spacing:.1em;text-transform:uppercase;color:var(--mut)}
.grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.ok b,.no b{display:inline-block;font:400 10px 'Michroma',sans-serif;letter-spacing:.12em;padding:3px 8px;border-radius:4px;margin-bottom:6px;color:#fff}
.ok b{background:#2E7D4F}.no b{background:#B0281E}
.toc{columns:2;gap:24px;margin:16px 0 0;font-size:15px}.toc a{color:var(--ink);text-decoration:none}.toc a:hover{color:var(--acc)}
footer{border-top:1px solid var(--ln);color:var(--mut);font-size:13px}
footer .in{max-width:880px;margin:0 auto;padding:22px 20px;display:flex;flex-wrap:wrap;gap:8px 18px;justify-content:space-between}
footer a{color:var(--mut)}
[data-l]{display:none}html[lang=es] [data-l=es],html[lang=en] [data-l=en]{display:revert}
@media (max-width:640px){.grid{grid-template-columns:1fr}.toc{columns:1}main{padding-top:28px}th,td{padding:8px}}
@media print{
  :root{--bg:#fff;--bg2:#fff;--ln:#d9d5cc;--ink:#1d1f21;--mut:#6b7076}
  .bar,footer .nav{display:none}body{font-size:12pt}p,ul,ol{color:#1d1f21}h2{break-after:avoid}.card,table,li{break-inside:avoid}
  main{padding:0}a{color:#1d1f21}
}

.plogo{display:none}
@media print{.plogo{display:block;text-align:center;padding:0 0 18px;margin-bottom:20px;border-bottom:1px solid #d9d5cc}.plogo img{display:block;margin:0 auto;height:24px}.plogo img:first-child{filter:brightness(.12)}.plogo img+img{margin-top:8px;height:22px}.kick,h1,main .meta{text-align:center}.kick{color:#9a6b3e}}
