@layer pages{.porta{--lado:max(var(--gutter), calc((100% - var(--max)) / 2 + var(--gutter)))}.porta-cabecera{padding:1.6rem var(--lado) 3rem;justify-items:start;gap:.9rem;display:grid;position:relative;overflow:clip}.porta-titulo{width:fit-content;max-width:100%;font-family:var(--f-display);letter-spacing:-.055em;color:var(--rojo);font-size:clamp(2.6rem,12.4vw,11rem);font-weight:800;line-height:.9;position:relative}.porta-subrayado{width:100%;height:.14em;position:absolute;bottom:-.16em;left:0}.porta-sub{max-width:30rem;margin-top:.8rem;font-size:clamp(1.05rem,4.4vw,1.4rem);font-weight:600;line-height:1.4}.porta-aparte{margin-top:.2rem;padding-left:3.2rem;position:relative}.porta-aparte-flecha{width:2.6rem;position:absolute;top:-.2rem;left:0;rotate:200deg}.porta-doodle{width:clamp(40px,11vw,84px);position:absolute;top:1.3rem;right:6%;rotate:18deg}@media (max-width:899px){.porta-doodle{top:auto;bottom:1.2rem;right:8%}}.recorrido{--riel:1.15rem;padding:1rem var(--lado) 4.6rem calc(var(--lado) + 2.2rem);gap:2.6rem;display:grid;position:relative}.recorrido:before,.recorrido:after{content:"";top:1.6rem;bottom:3.4rem;left:calc(var(--lado) + var(--riel));width:3px;position:absolute;translate:-50%}.recorrido:before{background:repeating-linear-gradient(to bottom, var(--tinta) 0 8px, transparent 8px 15px);opacity:.55}.recorrido:after{background:var(--rojo);transform-origin:50% 0;scale:1}@supports (animation-timeline:view()){.recorrido:after{animation:linear both riel;animation-timeline:view();animation-range:entry 8% cover 62%;scale:1 0}}@keyframes riel{to{scale:1}}.paso{position:relative}.paso-nodo{z-index:2;top:1.2rem;left:calc(-2.2rem + var(--riel) - 1.45rem);background:var(--blanco);border:var(--borde);width:2.9rem;height:2.9rem;box-shadow:3px 3px 0 var(--tinta);border-radius:50%;place-items:center;display:grid;position:absolute}.paso-romano{letter-spacing:-.06em;font-size:.95rem;line-height:1}.paso-tarjeta{background:var(--blanco);border:var(--borde);box-shadow:var(--sombra);transition:translate .25s var(--ease-sale), box-shadow .25s ease;display:grid;overflow:hidden}.paso:nth-child(odd) .paso-tarjeta{rotate:-.5deg}.paso:nth-child(2n) .paso-tarjeta{rotate:.5deg}.paso-marco{aspect-ratio:16/10;background:var(--crema);border-bottom:var(--borde);display:block;overflow:hidden}.paso-marco img{object-fit:cover;width:100%;height:100%;transition:scale .8s var(--ease-sale)}.paso-texto{align-content:start;gap:.5rem;padding:1.1rem 1.2rem 1.2rem;display:grid}.paso-capitulo{font-family:var(--f-mano);color:var(--rojo);font-size:1.25rem;line-height:1}.paso-titulo{font-family:var(--f-display);letter-spacing:-.035em;font-size:clamp(1.7rem,7vw,2.4rem);font-weight:800;line-height:1.02}.paso-badge{background:var(--tinta);width:fit-content;color:var(--amarillo);font-family:var(--f-display);letter-spacing:.02em;padding:.2rem .6rem;font-size:.75rem;font-weight:700}.paso-avance{margin-top:.2rem;font-size:1rem;line-height:1.5}.paso-chips{flex-wrap:wrap;gap:.4rem;margin-top:.2rem;display:flex}.paso-chips span{border:2px solid var(--tinta);font-family:var(--f-display);border-radius:999px;padding:.15rem .6rem;font-size:.75rem;font-weight:700}.paso-ir{min-height:44px;font-family:var(--f-display);color:var(--rojo);border-bottom:3px solid var(--rojo);justify-self:start;align-items:center;gap:.5rem;margin-top:.4rem;font-weight:800;display:inline-flex}@media (hover:hover){.paso-tarjeta:hover{box-shadow:var(--sombra-alta);translate:-3px -3px}.paso-tarjeta:hover .paso-marco img{scale:1.06}}.paso-tarjeta:active{box-shadow:1px 1px 0 var(--tinta);translate:3px 3px}.paso-comentario{grid-template-columns:auto 1fr;align-items:center;gap:.8rem;max-width:24rem;margin:1.1rem 0 0 .4rem;display:grid;position:relative}.paso-sketch{flex:none;width:2.8rem;rotate:-8deg}.paso-comentario-texto{font-family:var(--f-mano);color:var(--rojo-profundo);font-size:1.3rem;line-height:1.12;rotate:-1.2deg}@media (min-width:900px){.js .paso.reveal{translate:var(--entra,0) 28px}.js .paso--izq.reveal{--entra:-34px}.js .paso--der.reveal{--entra:34px}.js .paso.reveal.in{translate:none}.recorrido{padding:2rem var(--lado) 6rem;grid-template-columns:1fr 1fr;gap:3.4rem 0}.recorrido:before,.recorrido:after{left:50%}.paso{grid-column:1/-1;grid-template-columns:1fr 1fr;display:grid}.paso-nodo{width:3.6rem;height:3.6rem;top:2rem;left:50%;translate:-50%}.paso-romano{font-size:1.15rem}.paso--izq .paso-tarjeta{grid-column:1;margin-right:4.2rem}.paso--der .paso-tarjeta{grid-column:2;margin-left:4.2rem}.paso-texto{padding:1.4rem 1.6rem 1.5rem}.paso-comentario{grid-row:1;grid-template-columns:1fr;align-self:center;justify-items:start;gap:.6rem;width:min(100%,22rem);max-width:none;margin:0}.paso--izq .paso-comentario{grid-column:2;justify-self:start;margin-left:4.2rem}.paso--der .paso-comentario{text-align:right;grid-column:1;justify-self:end;justify-items:end;margin-right:4.2rem}.paso-sketch{width:4.2rem}.paso--der .paso-sketch{rotate:8deg}.paso-comentario-texto{font-size:1.7rem}}.porta-cierre{clip-path:var(--rasgado);background:var(--blanco);padding:5rem var(--lado) 5rem;justify-items:start;gap:1.2rem;margin-top:-1.5rem;display:grid;position:relative}.porta-cierre-titulo{font-family:var(--f-display);letter-spacing:-.045em;color:var(--rojo);font-size:clamp(2.6rem,13vw,8rem);font-weight:800;line-height:.95}.porta-cierre-texto{max-width:32rem;font-size:1.0625rem;font-weight:500}.porta-cierre .boton{overflow-wrap:anywhere}@media (prefers-reduced-motion:reduce){.recorrido:after{animation:none;scale:1}.paso-marco img{transition:none}}}