.c6-sistema{color:var(--texto);--tinta:var(--texto);--cobalto:var(--marca-disco);--linea-fina:color-mix(in srgb, var(--texto) 55%, transparent);position:relative}.c6-sistema-escenario{position:relative;overflow:clip}.c6-sistema .texto{margin:100px 0;position:relative}.c6-sistema .capas{padding:0}.c6-sistema a{color:inherit;text-decoration:none}.c6-sistema .microscopio,.c6-sistema .s2-fin,[data-glabi-sistema],.c6-sistema-imanes{display:none}.c6-sistema[data-sistema-vivo]{height:calc(5 * var(--c6-h,100svh))}.c6-sistema[data-sistema-vivo] .c6-sistema-escenario{height:var(--c6-h,100svh);position:sticky;top:0;overflow:clip}@media (prefers-reduced-motion:no-preference){.c6-historia[data-historia=viva] .c6-sistema[data-sistema-vivo]{height:calc(6 * var(--c6-h,100svh));margin-bottom:calc(-1 * var(--c6-h,100svh));pointer-events:none;display:flow-root}.c6-historia[data-historia=viva] .c6-sistema[data-sistema-vivo] .c6-sistema-escenario{pointer-events:auto;margin-top:calc(-1 * var(--c6-h,100svh))}.c6-historia[data-historia=viva] .c6-sistema[data-traspaso] .c6-sistema-escenario{margin-top:0}.c6-historia[data-historia=viva] .c6-sistema-escenario[data-cubierto]{visibility:hidden;opacity:0}.c6-historia[data-historia=viva] .c6-sistema-escenario[data-vuelve]{transition:opacity .24s linear}}.c6-sistema[data-sistema-vivo] .texto{margin:0;position:absolute}.c6-sistema[data-sistema-vivo] .microscopio,.c6-sistema[data-sistema-vivo] .s2-fin{display:block}.c6-sistema .s2-fin{left:var(--margen);width:520px;font:600 64px/1 var(--display);letter-spacing:-.025em;will-change:transform;position:absolute;top:300px}.c6-sistema .texto{left:var(--margen);will-change:transform;width:500px;position:absolute;top:120px}.c6-sistema .titulo{font:400 40px/1.1 var(--display);letter-spacing:-.02em}.c6-sistema .capas{gap:22px;margin-top:40px;list-style:none;display:grid}.c6-sistema .etiqueta{height:15px;font:400 13px/1 var(--mono);font-synthesis:none;letter-spacing:.06em;color:color-mix(in srgb, var(--texto) 60%, transparent);align-items:center;gap:8px;margin-bottom:8px;transition:font-size 0s linear .14s,color .32s;display:flex}.c6-sistema .etiqueta-pieza{flex:none;width:15px;height:15px}.c6-sistema .etiqueta-pieza path{fill:currentColor;opacity:.16}.c6-sistema .etiqueta-pieza [data-si]{opacity:1}.c6-sistema .capa.activa .etiqueta{font-size:15px}.c6-sistema .todas .etiqueta,.c6-sistema:not([data-sistema-vivo]) .etiqueta{color:var(--texto)}@media (max-width:759px){.c6-sistema .etiqueta{gap:7px;height:14px}.c6-sistema .etiqueta-pieza{width:14px;height:14px}.c6-sistema .capa.activa .etiqueta{font-size:14px}}.c6-sistema .capa h3{font:600 22px/1.1 var(--display);letter-spacing:-.02em;color:color-mix(in srgb, var(--texto) 38%, transparent);transition:font-size 0s linear .14s, color .32s, height .42s var(--glab-motion-encaje-curva)}.c6-sistema .capa p{font:400 17px/1.5 var(--cuerpo);color:var(--texto-suave);opacity:0;max-height:0;transition:opacity .1s ease-in, max-height .42s var(--glab-motion-encaje-curva) .1s, margin-top .42s .1s, font-size 0s linear .14s;overflow:hidden}.c6-sistema .capa.activa h3{color:var(--texto);font-size:44px}.c6-sistema .capa.activa p,.c6-sistema .todas .capa p{opacity:1;transition:opacity .18s ease-out .3s, max-height .42s var(--glab-motion-encaje-curva) .1s, margin-top .42s .1s, font-size 0s linear .14s}.c6-sistema .capa.activa p{max-height:8em;margin-top:16px}.c6-sistema[data-sistema-vivo] .capa h3{height:var(--alto-reposo,auto)}.c6-sistema[data-sistema-vivo] .capa.activa h3{height:var(--alto-activa,auto)}.c6-sistema[data-sistema-vivo] .todas .capa h3{height:var(--alto-todas,auto)}.c6-sistema .capa.activa .etiqueta{color:var(--texto)}.c6-sistema .todas .capa h3{color:var(--texto);font-size:28px}.c6-sistema .todas .capa p{max-height:8em;margin-top:8px;font-size:15px}.c6-sistema .microscopio{width:100%;height:100%;position:absolute;inset:0;overflow:visible}.c6-sistema .avance,.c6-sistema .pulso{fill:var(--cobalto)}.c6-sistema .azul{fill:none}.c6-sistema .octo{fill:none;stroke:var(--tinta);stroke-width:1.5px;vector-effect:non-scaling-stroke;stroke-linejoin:round}.c6-sistema .ejes{fill:none;stroke:var(--linea-fina);stroke-width:1px;vector-effect:non-scaling-stroke}.c6-sistema .rotulos text{font:400 13px/1 var(--mono);letter-spacing:.06em;fill:var(--texto-suave)}.c6-sistema .glabi{pointer-events:none;position:absolute}@media (max-width:759px){.c6-sistema .s2-fin{width:342px;font-size:34px;line-height:1.05;top:494px}.c6-sistema .texto{top:var(--sistema-texto-y,486px);width:342px}.c6-sistema .titulo{font-size:20px;line-height:1.2}.c6-sistema .capas{gap:10px;margin-top:14px}.c6-sistema .etiqueta{margin-bottom:4px;font-size:12px}.c6-sistema .capa h3{font-size:16px;line-height:1.2}.c6-sistema .capa.activa h3{font-size:26px;line-height:1.1}.c6-sistema .capa p{font-size:16px;line-height:1.45}.c6-sistema .capa.activa p{max-height:var(--sistema-parrafo-max,9em);margin-top:8px}.c6-sistema .todas .capa h3{font-size:18px}.c6-sistema .todas .capa p{opacity:0;max-height:0;transition:opacity .1s ease-in, max-height .42s var(--glab-motion-encaje-curva) .1s, margin-top .42s .1s;margin-top:0}.c6-sistema .rotulos text{font-size:12px}}.c6-sistema-imanes{pointer-events:none;position:absolute;inset:0}.c6-sistema-imanes i{scroll-snap-align:start;scroll-snap-stop:normal;width:1px;height:1px;position:absolute;left:0}.c6-sistema-imanes i:first-child{top:0}.c6-sistema-imanes i:nth-child(2){top:100svh}.c6-sistema-imanes i:nth-child(3){top:200svh}.c6-sistema-imanes i:nth-child(4){top:300svh}.c6-sistema-imanes i:nth-child(5){top:400svh}.c6-sistema-imanes i:nth-child(6){top:500svh}.c6-sistema:not([data-sistema-vivo]) .capa p{opacity:1;max-height:none;margin-top:16px}.c6-sistema:not([data-sistema-vivo]) .capa h3{color:var(--texto)}@media (prefers-reduced-motion:reduce){.c6-sistema *{transition:none!important;animation:none!important}.c6-sistema[data-sistema-vivo] .c6-sistema-imanes{display:block}.c6-sistema[data-sistema-vivo] [data-glabi-sistema]{pointer-events:none;display:block;position:absolute}}.c6-sistema:not([data-sistema-vivo]) .texto{position:relative;top:auto}.c6-historia[data-historia=viva] .c6-sistema:not([data-sistema-visible]) .c6-sistema-escenario{visibility:hidden}@media (max-width:759px){.c6-sistema .texto,.c6-sistema .s2-fin{width:calc(100% - 48px)}}.c6-sistema[data-traspaso] .c6-sistema-escenario{position:fixed;inset:0}.c6-sistema[data-sistema-vivo] .s2-fin{display:none}.c6-sistema[data-sistema-midiendo] *,.c6-sistema[data-capas-quietas] .capa :is(.etiqueta,h3,p){transition:none!important}.c6-sistema .sistema-escala{pointer-events:none;transform-origin:0 0;width:200%;height:200%;position:absolute;top:0;left:0}.c6-sistema[data-traspaso] .titulo,.c6-sistema[data-traspaso] .capa{will-change:transform, opacity}
