:root{--fondo:#F7F3EE;--papel:#FFFFFF;--tinta:#1E1A16;--gris:#5E5750;--linea:#E5DED4;--acento:#2F6B4F;--acento2:#E8F2EC}
@media (prefers-color-scheme:dark){:root{--fondo:#16120F;--papel:#1F1A16;--tinta:#F3EDE6;--gris:#B5ABA0;--linea:#352D27;--acento:#7FC8A0;--acento2:#1E2F27}}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--fondo);color:var(--tinta);font:17px/1.6 -apple-system,BlinkMacSystemFont,"Segoe UI",Inter,Roboto,sans-serif}
.wrap{max-width:760px;margin:0 auto;padding:0 20px}
.skip{position:absolute;left:-999px;top:8px;background:var(--acento);color:#fff;padding:8px 12px;border-radius:8px}
.skip:focus{left:8px}
.top{border-bottom:1px solid var(--linea);background:var(--papel)}
.top .wrap{display:flex;flex-wrap:wrap;align-items:center;gap:10px 18px;min-height:60px;padding-top:10px;padding-bottom:10px}
.brand{display:flex;align-items:center;gap:8px;font-weight:700;text-decoration:none;color:var(--tinta);font-size:19px}
.marca{display:inline-grid;place-items:center;width:30px;height:30px;border-radius:9px;background:var(--acento);color:#fff;font-weight:800}
.links{display:flex;flex-wrap:wrap;gap:4px 14px;font-size:15px}
.links a{color:var(--gris);text-decoration:none;padding:4px 0}
.links a[aria-current]{color:var(--tinta);font-weight:600;border-bottom:2px solid var(--acento)}
.lang{margin-left:auto;font-size:14px;color:var(--acento);text-decoration:none;border:1px solid var(--linea);border-radius:999px;padding:4px 12px}
main{padding:28px 0 48px}
h1{font-size:30px;line-height:1.2;margin:0 0 6px}
h2{font-size:21px;margin:30px 0 8px}
.upd{color:var(--gris);font-size:14px;margin:0 0 18px}
.caja{background:var(--acento2);border-left:4px solid var(--acento);padding:14px 16px;border-radius:10px;margin:0 0 10px}
.texto p,.texto li{max-width:70ch}
.texto a{color:var(--acento);text-decoration-thickness:1px;text-underline-offset:3px;overflow-wrap:anywhere}
ul{padding-left:22px}
li{margin:6px 0}
.botones{display:flex;flex-wrap:wrap;gap:10px;margin:18px 0}
.btn{display:inline-block;background:var(--acento);color:#fff;text-decoration:none;padding:10px 16px;border-radius:999px;font-weight:600}
.btn.sec{background:transparent;color:var(--acento);border:1px solid var(--acento)}
footer{border-top:1px solid var(--linea);padding:22px 0 40px;font-size:14px;color:var(--gris)}
footer .wrap{display:flex;flex-wrap:wrap;gap:8px 18px;align-items:center}
footer a{color:var(--gris)}
