:root { --papel: #f6f2ea; --tinta: #1f1c17; --gris: #615a4f; --linea: #ddd5c6; --acento: #1f5f4a; }
* { box-sizing: border-box; }
body { margin: 0; background: var(--papel); color: var(--tinta); font: 17px/1.6 "Source Sans 3", system-ui, sans-serif; }
.ancho { max-width: 720px; margin: 0 auto; padding: 0 24px 80px; }
header { padding: 22px 0 8px; }
.logo-texto { display: inline-block; color: var(--tinta); text-decoration: none; font: 800 26px/1 Literata, Georgia, serif; letter-spacing: -0.5px; }
.logo-texto .i { position: relative; display: inline-block; }
.logo-texto .i img { position: absolute; left: 54%; top: -0.04em; width: 0.2em; height: 0.3em; transform: translateX(-50%); }
h1 { font: 700 clamp(30px, 5vw, 42px)/1.1 Literata, Georgia, serif; margin: 40px 0 8px; }
h2 { font: 700 22px/1.25 Literata, Georgia, serif; margin: 36px 0 8px; }
p, li { color: #3d3830; }
a { color: var(--acento); }
.fecha { color: var(--gris); }
footer { border-top: 1.5px solid var(--linea); margin-top: 48px; padding-top: 20px; color: var(--gris); font-size: 15px; }
@media (max-width: 640px) { .ancho { padding: 0 16px 64px; } }