/* Letras servidas desde nuestro dominio: con Google Fonts, cada visita
   le pasaba la IP del visitante a Google. */
@font-face { font-family: "Bebas Neue"; src: url("/fuentes/bebas-neue.woff2") format("woff2"); font-display: swap; }
@font-face { font-family: "DM Mono"; src: url("/fuentes/dm-mono.woff2") format("woff2"); font-display: swap; }

:root { --red:#e01408; --black:#060606; --white:#f0ece4; --mu:#8a8680; }
* { box-sizing:border-box; margin:0; }
body { background:var(--black); color:var(--white); font-family:"DM Mono",monospace; font-size:15px; line-height:1.6;
       min-height:100vh; display:flex; flex-direction:column; justify-content:space-between; padding:48px 16px; }
main, footer { max-width:720px; width:100%; margin:0 auto; }
h1 { font-family:"Bebas Neue",sans-serif; font-weight:400; font-size:clamp(56px,14vw,120px); line-height:.9; color:var(--red); }
h1 a { color:inherit; text-decoration:none; }
p.lema { margin-top:16px; color:var(--mu); }
h2 { font-family:"Bebas Neue",sans-serif; font-weight:400; font-size:28px; letter-spacing:.03em; margin:48px 0 12px; }
h3 { font-size:15px; margin:28px 0 6px; color:var(--red); }
p + p, ul + p, p + ul { margin-top:10px; }
ul { padding-left:20px; }
li + li { margin-top:6px; }
dl { display:grid; grid-template-columns:max-content 1fr; gap:6px 24px; }
dt { color:var(--mu); }
dd { overflow-wrap:anywhere; }
dd.entera { grid-column:1 / -1; margin-left:0; }
a { color:var(--white); }
.nota { margin-top:24px; color:var(--mu); }
footer { color:var(--mu); font-size:13px; margin-top:48px; }
footer a { color:var(--mu); }
@media (max-width:480px) { dl { grid-template-columns:1fr; } dd { margin-bottom:10px; } }