:root{color-scheme:light;--tinta:#183c3b;--acento:#22675d;--suave:#eaf2ef;--papel:#fbfcfa}
*{box-sizing:border-box}
body{margin:0;background:var(--papel);color:var(--tinta);font:18px/1.7 system-ui,-apple-system,"Segoe UI",sans-serif}
header{max-width:1080px;margin:auto;padding:24px 32px;display:flex;justify-content:space-between;gap:20px;border-bottom:1px solid #d4e1db}
a{color:var(--acento);text-underline-offset:.18em;overflow-wrap:anywhere}
a:focus-visible{outline:3px solid #ad6200;outline-offset:4px}
.marca{font-weight:750;text-decoration:none}
.marca,header nav a,footer a{display:inline-flex;align-items:center;min-height:44px}
header nav a{min-width:44px;justify-content:center}
.salto{position:fixed;z-index:20;top:8px;left:16px;transform:translateY(-180%);padding:10px 16px;background:white;border:2px solid var(--acento);border-radius:8px}
.salto:focus{transform:none}
main{max-width:820px;margin:64px auto 72px;padding:0 32px}
h1{font-size:clamp(2.1rem,6vw,3.2rem);line-height:1.15;letter-spacing:-.035em;margin:12px 0 24px}
h2{font-size:1.35rem;line-height:1.35;margin:36px 0 12px}
p{margin:0 0 18px}
.etiqueta{font-size:.84rem;letter-spacing:.1em;text-transform:uppercase;font-weight:700;color:var(--acento)}
.entrada{font-size:1.2rem;line-height:1.6;color:#3c5954;margin-bottom:36px}
aside{background:var(--suave);border-radius:16px;padding:4px 24px 12px;margin:32px 0}
aside h2{margin-top:20px}
ul{padding-left:24px}li{margin-bottom:14px}
code{font-size:.86em;overflow-wrap:anywhere}
footer{max-width:1080px;margin:auto;padding:24px 32px 40px;border-top:1px solid #d4e1db;font-size:.9rem;color:#49625b}
@media(max-width:500px){body{font-size:17px}header{padding:20px;align-items:center}.marca{max-width:170px}main{margin:36px auto 44px;padding:0 20px}aside{padding:4px 18px 10px}footer{padding:24px 20px}}
@media print{body{background:white;color:black;font-size:11pt}header,footer{padding:12px 0}main{max-width:none;margin:24px 0;padding:0}h1{font-size:25pt}h2{break-after:avoid;font-size:14pt}p,li{orphans:3;widows:3}aside{break-inside:avoid}a{color:black}a[href^="http"]::after{content:" (" attr(href) ")";font-size:8pt}}
