:root{--tinta:#16181d;--suave:#5b6270;--linea:#e4e7ec;--fondo:#fff;--acento:#0369a1}
*{box-sizing:border-box}
body{margin:0;background:var(--fondo);color:var(--tinta);font:17px/1.65 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif}
.contenedor{max-width:1040px;margin:0 auto;padding:0 20px}
a{color:var(--acento)}
header.sitio{border-bottom:1px solid var(--linea);border-top:4px solid var(--acento);padding:26px 0;margin-bottom:32px}
header.sitio .contenedor{display:flex;flex-wrap:wrap;align-items:baseline;gap:8px 18px}
.marca{font-weight:700;font-size:24px;text-decoration:none;color:var(--tinta);letter-spacing:-.02em}
.marca span{color:var(--acento)}
.lema{color:var(--suave);font-size:14px;}
nav.sitio{margin-left:auto;display:flex;flex-wrap:wrap;gap:16px}
nav.sitio a{color:var(--suave);text-decoration:none;font-size:14px}
nav.sitio a:hover{color:var(--acento)}
h1{font-size:31px;line-height:1.2;letter-spacing:-.02em;margin:0 0 14px}
h2{font-size:21px;line-height:1.3;margin:34px 0 10px;letter-spacing:-.01em}
p{margin:0 0 16px}
.intro{font-size:19px;color:var(--suave)}
.entradas{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:26px}
.entrada{padding:22px 0;border-bottom:1px solid var(--linea)}
.entrada:last-child{border-bottom:0}
.entrada h2{margin:6px 0 8px;font-size:19px}
.entrada h2 a{text-decoration:none;color:var(--tinta)}
.entrada h2 a:hover{color:var(--acento)}
.categoria{display:inline-block;font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:var(--acento);font-weight:600}
.meta{color:var(--suave);font-size:14px;margin:0 0 12px}
.cuerpo code{background:#f3f4f6;padding:2px 5px;border-radius:4px;font-size:.9em}
.cuerpo ul{padding-left:20px}
.volver{display:inline-block;margin-bottom:20px;font-size:14px;text-decoration:none}
footer.sitio{border-top:1px solid var(--linea);margin-top:56px;padding:26px 0 40px;color:var(--suave);font-size:14px}
footer.sitio nav{display:flex;flex-wrap:wrap;gap:16px;margin-bottom:12px}
footer.sitio a{color:var(--suave)}
@media(max-width:560px){h1{font-size:26px}body{font-size:16px}}