:root{color-scheme:light;--paper:#f7f4ec;--ink:#172d39;--muted:#425b65;--gold:#795922;--line:#d3c6ad;--link:#174c5e}
*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:1rem/1.7 system-ui,sans-serif}
main{max-width:72rem;margin:auto;padding:clamp(1.1rem,4vw,3.5rem)}header{border-bottom:1px solid var(--line);padding:1.4rem 0 2.1rem}
h1,h2,h3{font-family:Georgia,serif;line-height:1.15;overflow-wrap:anywhere}h1{font-size:clamp(2.5rem,6vw,4.7rem);max-width:20ch;margin:.6rem 0 1.2rem}h2{font-size:clamp(1.7rem,3vw,2.5rem);margin:2.5rem 0 1rem}h3{font-size:1.35rem;margin:1.8rem 0 .7rem}p{margin:.65rem 0;max-width:78ch}
a{color:var(--link);text-underline-offset:.2em;overflow-wrap:anywhere}.kicker{font-size:.75rem;color:var(--gold);letter-spacing:.13em;text-transform:uppercase;font-weight:750}
.lead{font:clamp(1.2rem,2.3vw,1.55rem)/1.5 Georgia,serif;max-width:46ch}.actions{display:flex;gap:.7rem 1.1rem;align-items:center;flex-wrap:wrap;margin:1.3rem 0}
.button{display:inline-block;padding:.65rem 1rem;background:var(--ink);color:#fff;border:1px solid var(--ink);border-radius:.25rem;text-decoration:none;font-weight:650}.button.secondary{background:transparent;color:var(--ink);border-color:var(--line)}
:focus-visible{outline:2px solid var(--gold);outline-offset:4px}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,18rem),1fr));gap:1rem;margin:1.6rem 0}
.card{background:#fffdf8;border:1px solid var(--line);border-top:2px solid var(--gold);padding:1.4rem;min-width:0}.card h2{margin:.3rem 0 .9rem;font-size:1.65rem}.card p{color:var(--muted)}.card .actions{margin-bottom:0}
.steps{counter-reset:step;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,14rem),1fr));gap:1.3rem;padding:0;list-style:none;margin:2rem 0}.steps li{counter-increment:step;border-top:1px solid var(--line);padding-top:1rem}.steps li:before{content:"0" counter(step);display:block;font:1.7rem Georgia,serif;color:var(--gold);margin-bottom:.5rem}
article{max-width:82ch;margin:2rem auto;background:#fffdf8;border:1px solid var(--line);padding:clamp(1rem,3vw,2.5rem)}article h1{font-size:2.3rem}article h2{border-top:1px solid var(--line);padding-top:1.5rem}article li{margin:.5rem 0}article p{overflow-wrap:anywhere}
small,.muted{color:var(--muted)}code{overflow-wrap:anywhere}footer{margin-top:3rem;border-top:1px solid var(--line);padding-top:1rem}
#fuentes .grid{grid-template-columns:repeat(2,minmax(0,1fr))}#fuentes .card{display:flex;flex-direction:column}#fuentes .card .actions{margin-top:auto;padding-top:1rem}
@media(max-width:43rem){#fuentes .grid{grid-template-columns:minmax(0,1fr)}}
@media(prefers-reduced-motion:no-preference){a{transition:color .15s ease,background .15s ease}}@media print{header .actions,footer{display:none}body{background:white}article{border:0;padding:0}}