@font-face{font-family:Jost;font-weight:400;font-style:normal;src:url(../fonts/jost-latin-400-normal.woff2) format('woff2')}
@font-face{font-family:Jost;font-weight:400;font-style:italic;src:url(../fonts/jost-latin-400-italic.woff2) format('woff2')}
@font-face{font-family:Jost;font-weight:500;font-style:normal;src:url(../fonts/jost-latin-500-normal.woff2) format('woff2')}
@font-face{font-family:Syncopate;font-weight:400;src:url(../fonts/syncopate-latin-400-normal.woff2) format('woff2')}
@font-face{font-family:Syncopate;font-weight:700;src:url(../fonts/syncopate-latin-700-normal.woff2) format('woff2')}

:root{--fondo:#FBF7F1;--superficie:#F1E6D8;--texto:#2B140E;--texto2:#6B5045;--primario:#7A2E1A;--sobre-primario:#FBF7F1;--acento:#F0B85A;--sobre-acento:#2B140E;--aviso:#A03A1C;--linea:#E2D2BF}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--fondo);color:var(--texto);font:400 17px/1.6 Jost,system-ui,sans-serif}
a{color:var(--primario)}
a:hover{text-decoration-thickness:2px}
.skip{position:absolute;left:-999px}.skip:focus{left:8px;top:8px;background:var(--acento);color:var(--sobre-acento);padding:6px 10px;z-index:9}
.top{background:var(--primario);color:var(--sobre-primario)}
.top .in{max-width:1180px;margin:auto;padding:10px 20px;display:flex;align-items:center;gap:28px;flex-wrap:wrap}
.top .brand{display:block;line-height:0}.top .brand svg{height:34px;width:auto}
.top nav{display:flex;gap:4px 18px;flex-wrap:wrap;margin-left:auto}
.top nav a{color:var(--sobre-primario);text-decoration:none;font-weight:500;text-transform:uppercase;font-size:13px;letter-spacing:.08em;padding:6px 0;border-bottom:2px solid transparent}
.top nav a:hover,.top nav a[aria-current]{border-bottom-color:var(--acento)}
.franja{background:var(--acento);color:var(--sobre-acento);text-align:center;font-size:13px;letter-spacing:.14em;text-transform:uppercase;padding:5px 10px;font-weight:500}
.wrap{max-width:1180px;margin:auto;padding:28px 20px 60px;display:grid;grid-template-columns:260px minmax(0,1fr);gap:40px}
.wrap.solo{grid-template-columns:minmax(0,1fr)}
aside.side{position:sticky;top:12px;align-self:start;max-height:calc(100vh - 24px);overflow:auto;font-size:15px;border-right:1px solid var(--linea);padding-right:16px}
aside.side h2{font:500 13px Jost;text-transform:uppercase;letter-spacing:.1em;color:var(--texto2);margin:16px 0 6px}
aside.side ul{list-style:none;margin:0;padding:0}
aside.side li a{display:block;padding:4px 8px;border-radius:4px;text-decoration:none;color:var(--texto)}
aside.side li a:hover{background:var(--superficie)}
aside.side li a[aria-current]{background:var(--primario);color:var(--sobre-primario)}
main{min-width:0}
h1,h2,h3,h4{font-family:Jost;font-weight:500;color:var(--primario);line-height:1.2}
h1{font-size:2.1rem;margin:.2em 0 .5em}
h2{font-size:1.55rem;margin:1.8em 0 .5em;padding-top:.6em;border-top:4px solid var(--acento)}
h3{font-size:1.2rem;margin:1.6em 0 .4em}
main>h1+p,main>h1+h2{margin-top:.5em}
table{border-collapse:collapse;width:100%;margin:1em 0;font-size:15px;display:block;overflow-x:auto}
th,td{border:1px solid var(--linea);padding:7px 10px;vertical-align:top;text-align:left}
th{background:var(--superficie);font-weight:500}
code{font:400 .86em Consolas,'Cascadia Mono',monospace;background:var(--superficie);padding:1px 5px;border-radius:4px;overflow-wrap:anywhere}
td code{overflow-wrap:normal;white-space:nowrap}
pre{background:var(--superficie);padding:14px;border-radius:6px;overflow:auto;font-size:14px;line-height:1.45}
pre code{background:none;padding:0;overflow-wrap:normal}
img{max-width:100%;height:auto}
figure{margin:1.2em 0}
figure img,main>p>img{background:#fff;border:1px solid var(--linea);border-radius:6px;padding:6px}
td img{border:0;padding:0}
blockquote{margin:1em 0;padding:.2em 1em;border-left:4px solid var(--acento);color:var(--texto2)}
.ref{font-family:Consolas,monospace;font-size:.9em}
.pager{display:flex;justify-content:space-between;gap:16px;margin-top:3em;padding-top:1em;border-top:1px solid var(--linea)}
.pager a{text-decoration:none;font-weight:500}
.estado{display:inline-block;background:var(--superficie);border:1px solid var(--linea);border-radius:999px;padding:2px 12px;font-size:14px;color:var(--texto2)}
.hero{background:var(--superficie);border-bottom:1px solid var(--linea)}
.hero .in{max-width:1180px;margin:auto;padding:44px 20px}
.hero h1{font-size:2.6rem;margin:0 0 .3em;color:var(--texto)}
.hero p{max-width:60ch;font-size:1.2rem;color:var(--texto2);margin:0 0 1em}
.btns{display:flex;gap:12px;flex-wrap:wrap}
.btn{display:inline-block;background:var(--primario);color:var(--sobre-primario);padding:10px 20px;border-radius:4px;text-decoration:none;font-weight:500}
.btn.alt{background:transparent;color:var(--primario);border:2px solid var(--primario);padding:8px 18px}
.cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:16px;margin:1.4em 0}
.card{display:block;border:1px solid var(--linea);background:#fff;border-radius:6px;padding:16px 18px;text-decoration:none;color:var(--texto)}
.card:hover{border-color:var(--primario)}
.card b{display:block;color:var(--primario);font-weight:500;font-size:1.1rem;margin-bottom:4px}
.card span{color:var(--texto2);font-size:15px}
footer{border-top:1px solid var(--linea);padding:22px 20px;text-align:center;color:var(--texto2);font-size:14px}
@media(max-width:860px){.wrap{grid-template-columns:minmax(0,1fr)}aside.side{position:static;max-height:none;border:0;border-bottom:1px solid var(--linea);padding:0 0 12px}.top nav{margin-left:0}}
@media print{.top,.side,.pager,footer,.franja{display:none}.wrap{display:block}}