:root { --crema: #fff5d6; --papel: #fffaf0; --tinta: #4d3017; --suave: #7a5a3a; --borde: #6b4521; --verde: #5cb34c; --verde-osc: #296b24; --hoja: #7ccf4a; }
* { box-sizing: border-box; }
body { margin: 0; background: var(--hoja); color: var(--tinta); font-family: "Trebuchet MS", "Segoe UI", Verdana, sans-serif; font-size: 18px; line-height: 1.6; }
header { background: var(--verde-osc); padding: 14px 16px; }
header a { color: #fff; font-weight: bold; text-decoration: none; }
main { max-width: 820px; margin: 24px auto; padding: 24px 28px 32px; background: var(--papel); border: 4px solid var(--borde); border-radius: 22px; box-shadow: 0 8px 0 rgba(60, 35, 10, .25); }
h1 { margin: 0 0 4px; font-size: clamp(28px, 5vw, 40px); color: var(--verde-osc); }
h2 { margin: 28px 0 8px; font-size: 22px; color: var(--verde-osc); }
.fecha { margin: 0 0 12px; color: var(--suave); font-size: 15px; }
a { color: var(--verde-osc); }
li { margin: 6px 0; }
footer { text-align: center; padding: 10px 16px 34px; color: #eaffd9; font-size: 16px; }
footer a { color: #fff; font-weight: bold; }
@media (max-width: 600px) { main { margin: 12px; padding: 18px 16px 24px; border-radius: 16px; } body { font-size: 17px; } }