:root{--papel:#F3F0E8;--alterno:#EAE6DA;--tinta:#17212B;--cuerpo:#2B3642;--suave:#5B6571;--verde:#0B8E8D;--rosa:#FF5C8A}
*{box-sizing:border-box}
body{margin:0;background:var(--papel);color:var(--cuerpo);font:400 17px/1.65 "IBM Plex Sans","Segoe UI",Arial,sans-serif}
.wrap{max-width:720px;margin:0 auto;padding:0 24px}
@media (max-width:480px){.wrap{padding:0 16px}}
header.top{background:var(--tinta);padding:18px 0;border-bottom:3px solid var(--rosa)}
header.top a{color:var(--papel);text-decoration:none;font:700 17px/1 "Familjen Grotesk",Arial,sans-serif;letter-spacing:.08em;text-transform:uppercase}
main{padding:48px 0 64px}
h1{font:700 clamp(1.7rem,4vw,2.3rem)/1.15 "Familjen Grotesk",Arial,sans-serif;color:var(--tinta);margin:0 0 24px}
h2{font:700 1.25rem/1.2 "Familjen Grotesk",Arial,sans-serif;color:var(--tinta);margin:32px 0 12px}
p{margin:0 0 16px;max-width:66ch}
ul{margin:0 0 16px;padding-left:22px}
li{margin-bottom:8px}
a{color:var(--verde);text-underline-offset:3px}
.destacado{background:#fff;border:2px solid var(--tinta);padding:16px 20px;margin-bottom:24px;box-shadow:5px 5px 0 var(--verde)}
footer{border-top:2px solid var(--tinta);padding:28px 0 56px;color:var(--suave);font-size:.92rem}
footer nav{display:flex;flex-wrap:wrap;gap:8px 18px;margin-bottom:12px}