/* Manual de marca 366: negro de base, verde lima #B3F425 de acento, texto blanco; DM Sans para lectura (fuente del sistema como respaldo). */
:root { --negro:#000; --lobo:#383838; --gris:#7b7b7b; --claro:#c5c6c6; --lima:#b3f425; --tiza:#eee; }
* { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; }
body { margin:0; background:var(--negro); color:var(--tiza); font-family:"DM Sans", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif; line-height:1.65; }
.contenedor { max-width:820px; margin:0 auto; padding:0 20px; }
header.sitio, footer.sitio { border-color:var(--lobo); }
header.sitio { border-bottom:1px solid var(--lobo); padding:22px 0; }
.fila { display:flex; align-items:center; justify-content:space-between; gap:16px; flex-wrap:wrap; }
.logo { height:46px; width:auto; filter:invert(1); display:block; }
nav.sitio a { color:var(--claro); text-decoration:none; margin-left:18px; font-size:15px; }
nav.sitio a:hover, nav.sitio a.activa { color:var(--lima); }
h1 { font-size:clamp(30px,6vw,44px); line-height:1.1; margin:44px 0 8px; letter-spacing:.04em; text-transform:uppercase; font-weight:800; }
h1 span { color:var(--lima); }
.fecha { color:var(--gris); font-size:14px; margin:0 0 28px; }
.resumen { background:#0e0e0e; border:1px solid var(--lobo); border-radius:16px; padding:18px 20px; margin:0 0 32px; }
.resumen strong { color:var(--lima); }
h2 { font-size:21px; margin:38px 0 8px; color:#fff; letter-spacing:.02em; }
h2::before { content:""; display:inline-block; width:10px; height:10px; border-radius:50%; background:var(--lima); margin-right:10px; }
p, li { color:var(--tiza); } ul { padding-left:22px; } li { margin:6px 0; }
a { color:var(--lima); }
table { width:100%; border-collapse:collapse; margin:12px 0 4px; font-size:15px; }
th, td { text-align:left; padding:10px 12px; border-bottom:1px solid var(--lobo); vertical-align:top; }
th { color:var(--claro); font-weight:600; background:#0e0e0e; }
.tabla { overflow-x:auto; border:1px solid var(--lobo); border-radius:12px; }
.nota { color:var(--gris); font-size:14px; }
footer.sitio { border-top:1px solid var(--lobo); margin-top:56px; padding:28px 0 40px; color:var(--gris); font-size:14px; }
footer.sitio .logo { height:34px; opacity:.9; }
@media (max-width:560px) { nav.sitio a { margin:0 14px 0 0; } .logo { height:38px; } th, td { padding:8px; } }