:root {
  --carbon:#2a2b2f; --carbon-oscuro:#1e1f22;
  --plastico:#e9e7df;
  --lcd:#b7d394; --lcd-tinta:#1f2b14;
  --led:#e8402f; --verde-ok:#3e8a2e;
  --texto-claro:#f2f0ea; --texto-gris:#a8a9ad; --tinta-oscura:#232326;

  --fondo:var(--carbon);
  --panel:var(--carbon-oscuro);
  --texto:var(--texto-claro);
  --texto-suave:var(--texto-gris);
  --acento:var(--lcd);
  --borde:#3a3c42;

  --xs:4px; --sm:8px; --md:16px; --lg:24px; --xl:40px; --xxl:56px;
}

@media (prefers-color-scheme: light) {
  :root {
    --fondo:#dedbd1; --panel:#f6f4ee;
    --texto:var(--tinta-oscura); --texto-suave:#5c5c60;
    --acento:#33502a;
    --borde:#c3bfb2;
  }
}

* { margin:0; padding:0; box-sizing:border-box; }

body {
  background:var(--fondo); color:var(--texto);
  font-family:Inter,system-ui,sans-serif; line-height:1.65;
  -webkit-font-smoothing:antialiased;
  padding:var(--lg) var(--md) var(--xxl);
}

main { width:100%; max-width:680px; margin:0 auto; }

.top {
  display:flex; align-items:center; justify-content:space-between;
  gap:var(--md); padding-bottom:var(--md);
  border-bottom:1px solid var(--borde); margin-bottom:var(--xl);
}
.top a.marca {
  font-family:Shrikhand,cursive; font-size:26px; line-height:1;
  color:var(--texto); text-decoration:none;
}
.top nav { display:flex; gap:var(--md); flex-wrap:wrap; }
.top nav a { color:var(--texto-suave); text-decoration:none; font-size:14px; }
.top nav a:hover, .top nav a[aria-current="page"] { color:var(--acento); }

h1 { font-size:clamp(28px,6vw,38px); line-height:1.15; margin-bottom:var(--sm); }
h2 {
  font-size:20px; margin:var(--xl) 0 var(--sm);
  padding-top:var(--md); border-top:1px solid var(--borde);
}
h3 { font-size:16px; margin:var(--lg) 0 var(--xs); }
p, ul, ol, table { margin-bottom:var(--md); }
ul, ol { padding-left:var(--lg); }
li { margin-bottom:var(--xs); }
a { color:var(--acento); }
strong { color:var(--texto); }

.fecha { color:var(--texto-suave); font-size:14px; margin-bottom:var(--xl); }

.destacado {
  background:var(--panel); border-left:3px solid var(--acento);
  padding:var(--md); border-radius:0 6px 6px 0; margin-bottom:var(--lg);
}
.destacado p:last-child { margin-bottom:0; }

table { width:100%; border-collapse:collapse; font-size:15px; }
th, td { text-align:left; padding:var(--sm); border-bottom:1px solid var(--borde); vertical-align:top; }
th { color:var(--texto-suave); font-weight:600; font-size:13px; text-transform:uppercase; letter-spacing:.04em; }

footer {
  margin-top:var(--xxl); padding-top:var(--md);
  border-top:1px solid var(--borde);
  color:var(--texto-suave); font-size:14px;
}
footer a { color:var(--texto-suave); }

code {
  font-family:VT323,monospace; font-size:1.15em;
  background:var(--panel); padding:1px 5px; border-radius:3px;
}