@layer pages{.bio{--lado:max(var(--gutter), calc((100% - var(--max)) / 2 + var(--gutter)));--trazo:3px solid var(--tinta)}.portada{padding:.9rem var(--lado) 3.6rem;background-color:var(--amarillo);gap:1.1rem;display:grid;position:relative;overflow:clip}.portada-barra{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.6rem 1rem;display:flex}.bio-volver{width:fit-content;min-height:44px;font-family:var(--f-display);border-bottom:3px solid #0000;align-items:center;gap:.5rem;font-weight:700;display:inline-flex}.bio-volver:hover{border-bottom-color:var(--tinta)}.portada-presenta{font-family:var(--f-mano);color:var(--rojo-profundo);font-size:1.5rem;line-height:1;rotate:-2deg}.portada-numero{background:var(--blanco);border:var(--trazo);box-shadow:3px 3px 0 var(--tinta);font-family:var(--f-display);align-items:baseline;gap:.4rem;padding:.25rem .8rem .3rem;font-size:.9rem;font-weight:800;display:inline-flex;rotate:3deg}.portada-romano{font-size:1.8rem;line-height:1}.portada-sello{margin-top:.8rem}.portada-titulo{width:fit-content;max-width:100%;font-family:var(--f-display);letter-spacing:-.045em;color:var(--rojo);overflow-wrap:anywhere;text-shadow:4px 4px 0 var(--tinta);font-size:clamp(3rem,15.5vw,9rem);font-weight:800;line-height:.95;position:relative}.bio-subrayado{width:100%;height:.17em;filter:drop-shadow(2px 2px 0 var(--tinta));position:absolute;bottom:-.17em;left:0}.bio-badge{background:var(--tinta);width:fit-content;color:var(--amarillo);font-family:var(--f-display);letter-spacing:.02em;margin-top:.6rem;padding:.3rem .7rem;font-size:.8125rem;font-weight:700}.portada-escena{align-items:center;gap:1.7rem;padding:1.2rem 0 .4rem;display:grid;position:relative}.portada-recorte{justify-self:start;width:min(76%,17rem);rotate:-3deg}.portada-recorte img{aspect-ratio:1200/820;object-fit:cover;border:2px solid var(--tinta)}.portada-pie{font-family:var(--f-mano);color:var(--rojo-profundo);margin-top:.5rem;font-size:1.1rem;line-height:1.1}.portada-globo{width:100%;max-width:30rem;font-family:var(--f-cuerpo);letter-spacing:0;justify-self:end;font-size:1.0625rem;font-weight:500;line-height:1.45;rotate:1deg}.portada-globo strong{color:var(--rojo-profundo)}.portada-sketch{width:3.8rem;position:absolute;top:0;right:2%;rotate:10deg}.portada-sfx{width:4.8rem;position:absolute;top:-.4rem;left:min(62%,12.8rem)}.portada-video{max-width:320px}.ficha{background:var(--blanco);border:var(--trazo);box-shadow:var(--sombra);gap:0;max-width:34rem;margin-top:.6rem;display:grid;rotate:-.5deg}.ficha>div{gap:.1rem;padding:.65rem 1rem;display:grid}.ficha>div+div{border-top:3px dashed var(--tinta)}.ficha dt{letter-spacing:.08em;text-transform:uppercase;color:var(--rojo);font-size:.75rem;font-weight:700}.ficha dd{font-family:var(--f-display);font-size:1.05rem;font-weight:700}.bio-acciones{flex-wrap:wrap;gap:1rem;margin-top:.6rem;display:flex}@media (min-width:900px){.portada{gap:1.4rem;padding-bottom:5rem}.portada-escena{grid-template-columns:minmax(0,20rem) minmax(0,1fr);gap:3rem;padding-block:1.8rem .8rem}.portada-recorte{width:100%}.portada-globo{justify-self:start;font-size:1.25rem}.portada-sketch{width:5.4rem;right:6%}.portada-sfx{width:5.6rem;top:.2rem;left:17rem}.ficha{grid-template-columns:repeat(3,1fr)}.ficha>div+div{border-top:0;border-left:3px dashed var(--tinta)}}.bio-indice{top:var(--nav-h);z-index:30;background:var(--blanco);border-block:var(--trazo);position:sticky}.bio-indice ol{padding-inline:var(--lado);scrollbar-width:none;display:flex;overflow-x:auto}.bio-indice ol::-webkit-scrollbar{display:none}.bio-indice a{white-space:nowrap;min-height:44px;font-family:var(--f-display);align-items:center;gap:.55rem;padding-right:1.4rem;font-size:.95rem;font-weight:700;display:inline-flex}.bio-indice a span{color:var(--rojo);font-weight:800}.bio-indice a:hover{text-underline-offset:.2em;text-decoration:underline;text-decoration-thickness:2px}.bio-progreso{background:var(--rojo);transform-origin:0;width:100%;height:4px;position:absolute;bottom:-3px;left:0;scale:0 1}@supports (animation-timeline:scroll()){.bio-progreso{animation:linear both bio-progreso;animation-timeline:scroll(root)}}@keyframes bio-progreso{0%{scale:0 1}to{scale:1}}.hoja{clip-path:var(--rasgado);padding:4.8rem var(--lado) 4.2rem;margin-top:-1.5rem;position:relative}.bio-indice+.hoja{clip-path:none;margin-top:0;padding-top:3.4rem}.hoja--reto{background:var(--crema)}.hoja--solucion{background:var(--blanco)}.hoja-pagina{font-family:var(--f-display);letter-spacing:.08em;text-transform:uppercase;align-items:center;gap:.8rem;margin-bottom:1.6rem;font-size:.875rem;font-weight:700;display:flex}.hoja-romano{font-size:2.8rem}.hoja-pagina--claro{color:var(--blanco)}.hoja-pagina--claro .hoja-romano{color:var(--amarillo)}.paneles{gap:1.4rem;max-width:62rem;display:grid}.panel{background:var(--blanco);border:var(--trazo);box-shadow:var(--sombra);align-content:start;gap:.8rem;padding:1.2rem 1.2rem 1.3rem;display:grid;position:relative}.panel--crema{background:var(--crema)}.panel--amarillo{background:var(--amarillo)}.panel--titulo{background-color:var(--amarillo);padding:1.4rem 1.2rem 4.6rem}.paneles>.panel:nth-child(2n){rotate:.5deg}.paneles>.panel:nth-child(odd){rotate:-.4deg}.panel-h2{font-family:var(--f-display);letter-spacing:-.04em;font-size:clamp(2rem,8.6vw,3.8rem);font-weight:800;line-height:1}.panel-h2 em{background:linear-gradient(transparent 58%, var(--blanco) 58%);padding-inline:.05em;font-style:normal}.panel--amarillo .panel-h2 em{background:linear-gradient(transparent 58%, var(--blanco) 58%)}.panel-parrafo{max-width:38rem;font-size:1.0625rem}.caja-narra{border-left:6px solid var(--rojo);max-width:36rem;padding:.2rem 0 .2rem 1rem;font-size:1.0625rem;line-height:1.55}.caja-narra strong,.panel-globo strong,.poder-texto strong{color:var(--rojo-profundo)}.panel-globo{width:auto;max-width:100%;font-family:var(--f-cuerpo);letter-spacing:0;margin-bottom:1.2rem;padding-right:3.6rem;font-size:1.0625rem;font-weight:500;line-height:1.5}.panel-sketch{pointer-events:none;position:absolute}.panel-sketch--ojos{width:4.6rem;bottom:.6rem;right:1rem;rotate:-6deg}.panel-sketch--mono{width:3.8rem;bottom:.3rem;right:.6rem;rotate:4deg}.panel-sketch--solucion{width:4.4rem;bottom:.5rem;right:.8rem;rotate:8deg}.panel--poder{grid-template-columns:auto 1fr;align-items:start;gap:1rem;padding:1.8rem 1.2rem 1.3rem}.panel--poder-0{background:var(--crema)}.panel--poder-1{background:var(--amarillo)}.panel--poder-2{background:var(--blanco)}.panel--poder-3{background:var(--rojo);color:var(--blanco)}.panel--poder-3 .poder-texto strong,.panel--poder-3 .poder-n{color:var(--amarillo)}.poder-n{font-family:var(--f-display);letter-spacing:-.05em;color:var(--rojo);font-size:3rem;font-weight:800;line-height:.85}.poder-texto{font-size:1.0625rem;line-height:1.45}.poder-sfx{z-index:2;width:3.9rem;padding:.5rem;font-size:.75rem;position:absolute;top:-1.5rem;right:-.5rem}.cap-gancho{width:fit-content;font-family:var(--f-mano);color:var(--rojo);margin-top:2.2rem;font-size:1.7rem;line-height:1.1;rotate:-2deg}@media (min-width:900px){.hoja{padding-block:6.5rem 5.6rem}.paneles{grid-template-columns:1fr 1fr;gap:1.8rem}.paneles>.panel--titulo{grid-column:1/-1;padding:2rem 2rem 3.6rem}.panel{padding:1.6rem 1.6rem 1.7rem}.panel--poder{padding:2.2rem 1.6rem 1.6rem}.panel-sketch--ojos{width:6.4rem;right:2rem}.panel-sketch--solucion{width:6rem;right:2rem}.hoja--reto .paneles{margin-left:4%}.hoja--solucion .paneles{margin-left:auto;margin-right:4%}}.hoja--resultado{background-color:var(--rojo);color:var(--blanco);padding-bottom:5.4rem}.splash{gap:1.2rem;max-width:46rem;display:grid;position:relative}.splash-titulo{font-family:var(--f-display);letter-spacing:-.045em;color:var(--blanco);text-shadow:3px 3px 0 var(--tinta);font-size:clamp(2.3rem,10.5vw,5rem);font-weight:800;line-height:.98}.splash-parrafo{max-width:38rem;font-size:1.125rem}.splash-parrafo strong{color:var(--amarillo)}.splash-estrella{width:4.8rem;position:absolute;top:-3.4rem;right:-.5rem;rotate:12deg}.cap-cifras{flex-wrap:wrap;gap:2rem 3rem;margin-top:1.4rem;display:flex}.hoja--resultado .bignum-v{color:var(--amarillo);text-shadow:3px 3px 0 var(--tinta);font-size:clamp(3.6rem,20vw,8rem)}.hoja--resultado .bignum-e{color:var(--blanco)}@media (min-width:900px){.splash{margin-left:8%}.splash-estrella{width:7rem;top:-2rem;right:6%}}.bio-nota{z-index:2;margin:-2rem var(--lado) -1.5rem auto;max-width:28rem;width:calc(100% - 2 * var(--gutter));background:var(--amarillo);border:var(--trazo);box-shadow:var(--sombra-alta);padding:1.9rem 1.5rem 1.2rem;position:relative;rotate:-1.6deg}.bio-nota:before{content:"";background:#fff6d6d9;border-inline:2px dashed #11111140;width:5rem;height:1.6rem;position:absolute;top:-.8rem;left:50%;translate:-50%;rotate:4deg}.bio-nota-texto{font-family:var(--f-mano);font-size:1.55rem;line-height:1.2}.bio-nota-firma{font-family:var(--f-mano);color:var(--rojo-profundo);text-align:right;margin-top:.8rem;font-size:1.4rem}.bio-nota-flecha{width:4rem;position:absolute;bottom:-2.4rem;left:-1.2rem;rotate:190deg}.bio-cierre{padding:5.6rem var(--lado) 4.5rem;background:var(--amarillo);clip-path:var(--rasgado);justify-items:start;gap:1.6rem;margin-top:-1.5rem;display:grid;position:relative;overflow:clip}.continuara{font-family:var(--f-display);letter-spacing:-.05em;color:var(--rojo);text-shadow:3px 3px 0 var(--tinta);font-size:clamp(2.6rem,14vw,7rem);font-weight:800;line-height:.9;rotate:-3deg}.bio-cierre-titulo{max-width:22ch;font-family:var(--f-display);letter-spacing:-.04em;font-size:clamp(2.1rem,9.4vw,4.6rem);font-weight:800;line-height:1;position:relative}.bio-cierre-titulo .accent{color:var(--rojo)}.bio-pager{padding:3.5rem var(--lado) 4.5rem;background:var(--amarillo);gap:1.2rem;display:grid}.bio-pager-a{background:var(--blanco);border:var(--trazo);box-shadow:var(--sombra);gap:.25rem;padding:1rem 1.2rem 1.1rem;transition:translate .15s,box-shadow .15s;display:grid}.bio-pager-a--next{text-align:right;justify-items:end}.bio-pager-k{letter-spacing:.06em;text-transform:uppercase;font-size:.8125rem;font-weight:700}.bio-pager-romano{font-family:var(--f-display);color:var(--rojo);letter-spacing:-.04em;font-size:3rem;font-weight:800;line-height:.9}.bio-pager-v{font-family:var(--f-display);letter-spacing:-.02em;font-size:1.4rem;font-weight:800;line-height:1.1}@media (hover:hover){.bio-pager-a:hover{box-shadow:var(--sombra-alta);translate:-2px -2px}}.bio-pager-a:active{box-shadow:1px 1px 0 var(--tinta);translate:3px 3px}@media (min-width:900px){.bio-pager{grid-template-columns:1fr 1fr;gap:2rem}}@media (prefers-reduced-motion:reduce){.bio-progreso{display:none}}}