*{box-sizing:border-box}html{scroll-behavior:smooth}
img,svg{max-width:100%;display:block}
.skip{position:absolute;left:-999px;top:0;background:#000;color:#fff;padding:.6rem 1rem;z-index:99}.skip:focus{left:0}
.wrap{width:min(1180px,92%);margin-inline:auto}
p{margin:0 0 1em}
.sr{position:absolute;left:-999px}
address{font-style:normal}
.site-footer ul{list-style:none;margin:0;padding:0}
.exencion p:last-child,.exencion-top p:last-child{margin-bottom:0}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

:root{--am:#FFD93D;--az:#2F3CFF;--rosa:#FF6FB5;--n:#111111;--bg:#FFFDF5;--disp:"Archivo Black",Impact,sans-serif;--sans:"Work Sans",Arial,sans-serif;--sh:6px 6px 0 var(--n)}
body{margin:0;background:var(--bg);color:var(--n);font-family:var(--sans);font-size:17px;line-height:1.6}
a{color:var(--az);font-weight:700;text-underline-offset:3px;text-decoration-thickness:3px}a:hover{background:var(--am);color:var(--n)}
a:focus-visible,button:focus-visible{outline:4px solid var(--n);outline-offset:3px}
h1,h2,h3{font-family:var(--disp);font-weight:400;line-height:1.05;margin:0 0 .5em;text-transform:uppercase}
h1{font-size:clamp(2.2rem,6vw,4.6rem)}h2{font-size:clamp(1.4rem,2.6vw,2rem)}h3{font-size:1.2rem}
.exencion-top{background:var(--n);color:#fff;padding:.9rem 0;border-bottom:4px solid var(--n)}
.exencion-top strong{background:var(--am);color:var(--n);padding:0 .3em}
.exencion-top .wrap{display:grid;gap:.4rem}
.site-header{background:var(--am);border-bottom:5px solid var(--n)}
.site-header .wrap{display:flex;flex-wrap:wrap;gap:1rem;align-items:center;justify-content:space-between;padding:1rem 0}
.brand{display:flex;gap:.8rem;align-items:center;text-decoration:none;color:var(--n)}
.brand:hover{background:none;color:var(--n)}
.brand-name{font-family:var(--disp);font-size:1.9rem;text-transform:uppercase;line-height:1}
.tag{display:inline-block;background:var(--n);color:#fff;font-size:.75rem;font-weight:700;text-transform:uppercase;padding:.15rem .6rem;margin-top:.3rem;transform:rotate(-1deg)}
nav ul{list-style:none;margin:0;padding:0;display:flex;gap:.6rem;flex-wrap:wrap}
nav a{display:inline-block;background:#fff;color:var(--n);text-decoration:none;border:3px solid var(--n);box-shadow:3px 3px 0 var(--n);padding:.3rem .8rem;font-weight:700}
nav a:hover,nav a[aria-current=page]{background:var(--rosa);color:var(--n)}
/* inicio */
.n-hero{padding:2.5rem 0}
.n-hero .wrap{display:grid;grid-template-columns:1.5fr 1fr;gap:1.6rem}
.n-hero .grande{background:var(--az);color:#fff;border:5px solid var(--n);box-shadow:10px 10px 0 var(--n);padding:2rem}
.n-hero .grande h1{color:#fff}
.n-hero .grande p{font-size:1.15rem}
.n-hero .pila{display:grid;gap:1.4rem;align-content:start}
.n-hero .si{background:var(--rosa);border:4px solid var(--n);box-shadow:var(--sh);padding:1.3rem}
.n-hero .no{background:var(--am);border:4px solid var(--n);box-shadow:var(--sh);padding:1.3rem}
.n-hero h2{font-size:1.2rem}.n-hero ul{margin:0;padding-left:1.1rem}
.n-banda{background:var(--n);color:var(--am);font-family:var(--disp);text-transform:uppercase;font-size:1.3rem;padding:.8rem 0;overflow:hidden;white-space:nowrap}
.n-banda span{margin-right:2rem}
.n-bento{padding:2.5rem 0}
.n-bento .grid{display:grid;grid-template-columns:repeat(6,1fr);gap:1.4rem}
.n-bento a.t{display:block;border:4px solid var(--n);box-shadow:var(--sh);padding:1.3rem;text-decoration:none;color:var(--n);font-weight:400;background:#fff}
.n-bento a.t:nth-child(1){grid-column:span 4;background:var(--am)}
.n-bento a.t:nth-child(2){grid-column:span 2;background:var(--rosa)}
.n-bento a.t:nth-child(3){grid-column:span 2;background:#fff}
.n-bento a.t:nth-child(4){grid-column:span 2;background:var(--az);color:#fff}
.n-bento a.t:nth-child(5){grid-column:span 2;background:var(--am)}
.n-bento a.t:hover{transform:translate(-3px,-3px);box-shadow:9px 9px 0 var(--n);background:var(--n);color:#fff}
.n-bento .k{display:inline-block;background:var(--n);color:#fff;font-size:.75rem;font-weight:700;text-transform:uppercase;padding:.1rem .5rem;margin-bottom:.6rem}
.n-bento a.t:nth-child(4) .k{background:#fff;color:var(--n)}
.n-bento h3{font-size:1.25rem}.n-bento a.t:nth-child(1) h3{font-size:1.9rem}
.n-bento p{margin:0;font-weight:500}
.n-bento a.t:hover .k{background:var(--am);color:var(--n)}
.correo{background:var(--rosa);border-top:5px solid var(--n);border-bottom:5px solid var(--n);padding:2.4rem 0}
.correo .wrap{display:grid;grid-template-columns:1.5fr 1fr;gap:1.4rem;align-items:center}
.btn{display:inline-block;background:var(--n);color:#fff;text-decoration:none;border:4px solid var(--n);box-shadow:5px 5px 0 var(--az);padding:.7rem 1.3rem;font-weight:700}
.btn:hover{background:var(--am);color:var(--n)}
.kicker{display:inline-block;background:var(--n);color:#fff;font-weight:700;font-size:.78rem;text-transform:uppercase;padding:.15rem .6rem;margin-bottom:.8rem}
/* artículo */
.articulo-head{background:var(--az);color:#fff;border-bottom:5px solid var(--n);padding:2.6rem 0}
.articulo-head h1{color:#fff;font-size:clamp(1.9rem,4.4vw,3.2rem)}
.articulo-head .kicker{background:var(--am);color:var(--n)}
.articulo-head a{color:#fff}.articulo-head a:hover{color:var(--n)}
.articulo-head .wrap{display:grid;grid-template-columns:1.5fr 1fr;gap:2rem;align-items:center}
.articulo-head .ilus{border:5px solid var(--n);box-shadow:var(--sh);overflow:hidden;background:#fff}
.meta{font-size:.95rem}
.articulo{padding:2.5rem 0}.articulo .wrap{max-width:760px}
.articulo h2{margin-top:1.6em;display:inline-block;background:var(--am);padding:.1em .4em;border:3px solid var(--n)}
.sabias{background:var(--rosa);border:4px solid var(--n);box-shadow:var(--sh);padding:1.2rem 1.4rem;margin:1.8rem 0}
.sabias strong{font-family:var(--disp);text-transform:uppercase;font-size:1.2rem;font-weight:400}
.nota{background:var(--am);border:4px solid var(--n);padding:1rem 1.2rem;font-size:.97rem;margin:1.8rem 0}
.fuentes{border:4px solid var(--n);box-shadow:var(--sh);padding:1.2rem 1.4rem;margin-top:2rem;background:#fff}
.fuentes h2{margin-top:0;background:none;border:0;padding:0}
.otros{padding:0 0 2.5rem}
/* acerca */
.pageh{padding:2.4rem 0 .5rem}
.dos-col{padding:1.5rem 0 3rem}
.dos-col .wrap{display:grid;grid-template-columns:1fr 1.3fr;gap:2rem;align-items:start}
.dos-col .ilus{border:5px solid var(--n);box-shadow:10px 10px 0 var(--n);overflow:hidden;position:sticky;top:1rem;background:#fff}
.bloque{border:4px solid var(--n);box-shadow:var(--sh);padding:1.2rem 1.4rem;margin-bottom:1.4rem}
.bloque.b1{background:var(--am)}.bloque.b2{background:var(--rosa)}.bloque.b3{background:var(--az);color:#fff}.bloque.b4{background:#fff}
.bloque h2{font-size:1.25rem}
.bloque a{color:inherit}
/* editorial */
.criterios{list-style:none;margin:1.5rem 0 3rem;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:1.4rem}
.criterios li{border:4px solid var(--n);box-shadow:var(--sh);padding:1.3rem;display:grid;grid-template-columns:64px 1fr;gap:.2rem 1rem;align-items:center}
.criterios li:nth-child(3n+1){background:var(--am)}.criterios li:nth-child(3n+2){background:var(--rosa)}.criterios li:nth-child(3n){background:var(--az);color:#fff}
.criterios .ico{width:56px;height:56px;grid-row:1 / span 2}.criterios h3,.criterios p{grid-column:2;margin:0}
/* legal */
.legal{max-width:760px;margin:0 auto;padding:2.5rem 0 3rem}
.legal h1{font-size:2.2rem}.legal h2{font-size:1.2rem;margin-top:1.8em}
.legal .upd{border:3px solid var(--n);background:var(--am);display:inline-block;padding:.2rem .7rem;font-weight:700}
.legal dt{font-weight:700;margin-top:.7em}.legal dd{margin:0}
/* footer */
.site-footer{background:var(--n);color:#fff;padding:2.6rem 0 1.5rem;font-size:.97rem;border-top:5px solid var(--n)}
.site-footer a{color:var(--am)}.site-footer a:hover{background:var(--am);color:var(--n)}
.site-footer h2{font-size:1rem;color:var(--rosa)}
.foot-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:2rem}
.exencion{background:var(--am);color:var(--n);border:4px solid #fff;padding:1rem 1.2rem;margin-top:1.8rem;box-shadow:6px 6px 0 var(--rosa)}
.copy{margin-top:1.2rem;font-size:.9rem}
@media(max-width:900px){.n-hero .wrap,.correo .wrap,.articulo-head .wrap,.dos-col .wrap,.foot-grid,.criterios{grid-template-columns:1fr}.n-bento .grid{grid-template-columns:1fr}.n-bento a.t{grid-column:auto!important}.dos-col .ilus{position:static}}