.c6-historia{--c6-h:100svh;--c6-banda:calc(1 * var(--c6-h));position:relative}.c6-bienvenida{position:relative}.c6-tesis{padding:120px var(--margen) 100px;height:calc-size(auto, round(nearest, size, 1px));--c6-tec-relleno:color-mix(in srgb, var(--marca-cobalto) 9%, var(--marca-papel));position:relative}[data-modo=tinta] .c6-tesis{--c6-tec-relleno:color-mix(in srgb, var(--marca-clara) 12%, var(--marca-tinta))}.c6-suave{color:var(--texto-suave)}.c6-a-fijo{gap:40px;max-width:1100px;display:grid}.c6-a-nombre{font:340 34px/1.2 "GLab Outfit Portada", var(--display);letter-spacing:-.01em;margin:0}.c6-a-titular{font:400 64px/1.06 var(--display);letter-spacing:-.022em;margin:0;font-size:min(64px,4.45vw)}.c6-a-titular>span{white-space:nowrap;display:block}.c6-a-notas{gap:48px;display:grid}.c6-a-nota{font:400 24px/1.25 var(--display);letter-spacing:-.012em;margin:0}.c6-a-nota>span:first-child{text-wrap:balance}.c6-a-nota .c6-suave{font:400 18px/1.55 var(--cuerpo);letter-spacing:0;text-wrap:pretty;margin-top:12px;display:block}.c6-a-disciplinas{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:32px 40px;margin:0;padding:0;list-style:none;display:grid}.c6-a-eje{font:400 12px/1 var(--mono);letter-spacing:.02em;color:var(--texto-tenue);margin-bottom:14px;display:block}.c6-a-disciplinas h3{font:400 24px/1.1 var(--display);letter-spacing:-.018em;margin:0}.c6-a-disciplinas p{font:400 16px/1.55 var(--cuerpo);color:var(--texto-suave);text-wrap:pretty;margin:8px 0 0}.c6-a-quieta{width:100%;max-width:760px;margin:0}.c6-a-quieta svg{width:100%;height:auto;display:block;overflow:visible}.c6-a-quieta svg.c6-a-quieta-movil,.c6-a-grafica{display:none}.c6-tesis text{font:400 12px/1 var(--mono);letter-spacing:.02em}.c6-tesis text.c6-a-forma{font:400 15px/1 var(--cuerpo);letter-spacing:0;text-transform:none;paint-order:stroke;stroke:var(--c6-tec-relleno);stroke-width:4px;stroke-linejoin:round}.c6-tesis text.c6-a-forma[data-fuera="1"]{stroke:none}.c6-tesis text.c6-a-vision{font:400 28px/1 var(--display);letter-spacing:-.012em;text-transform:none}.c6-escenario{z-index:1;pointer-events:none;transition:transform .244s var(--curva-marca);display:none;position:fixed;inset:0;overflow:clip}.c6-escenario canvas,.c6-marca-bienvenida{position:absolute}.c6-pieza-marca{fill:var(--glab-color-brand-cobalto)}.c6-poster{pointer-events:none;position:absolute}.c6-poster img{width:100%;height:auto;display:block}.c6-poster-tesis{aspect-ratio:1080/900;width:220px;margin:-24px 0 8px;position:relative}.c6-en-tinta,[data-modo=tinta] .c6-en-papel{display:none!important}[data-modo=tinta] .c6-en-tinta{display:block!important}.c6-historia[data-historia=viva] .c6-bienvenida{height:round(calc(1.2 * var(--c6-h)), 1px)}.c6-historia[data-historia=viva] .c6-portada{height:var(--c6-h);position:sticky;top:0}@media (scripting:enabled) and (prefers-reduced-motion:no-preference){.c6-historia:not([data-historia]) .c6-bienvenida{height:round(calc(1.2 * var(--c6-h)), 1px)}.c6-historia:not([data-historia]) .c6-portada:not(:has(>[data-escala=corre]:not([data-escala-lista]))){height:var(--c6-h);position:sticky;top:0}}.c6-historia[data-historia=viva] .c6-portada:has(a:focus-visible,button:focus-visible){opacity:1!important}.c6-historia[data-historia=viva] .c6-tesis{height:round(calc(15 * var(--c6-banda) - 1.2 * var(--c6-h)), 1px);min-height:0}@media (prefers-reduced-motion:no-preference){:root[data-scroll=iman]{scroll-snap-type:y mandatory}}.c6-iman{visibility:hidden;pointer-events:none;width:0;height:0;position:absolute;top:0;left:0}.c6-iman>*{scroll-snap-align:start;scroll-snap-stop:normal;width:1px;height:1px;position:absolute;left:0}.c6-historia[data-historia=viva] .c6-escenario,.c6-historia[data-marca-previa]:not([data-historia]) .c6-escenario{display:block}.c6-historia[data-marca-previa]:not([data-historia]) .c6-escenario>:not(.c6-marca-bienvenida),.c6-historia[data-historia=viva] .c6-poster{visibility:hidden}.c6-historia[data-historia=viva][data-preparando-historia] .c6-poster{visibility:visible}@media (prefers-reduced-motion:no-preference){.c6-historia[data-historia=viva] .c6-tesis{padding:0}.c6-historia[data-historia=viva] .c6-poster-tesis{display:none}.c6-historia[data-historia=viva] .c6-a-fijo{z-index:1;visibility:hidden;pointer-events:none;max-width:none;display:block;position:fixed;inset:0;overflow:clip}.c6-historia[data-historia=viva] .c6-tesis[data-activa] .c6-a-fijo{visibility:visible}.c6-historia[data-historia=viva][data-t2-sin-palabras] .c6-a-fijo{visibility:hidden!important}.c6-historia[data-historia=viva] .c6-a-fijo>*{position:absolute}.c6-historia[data-historia=viva] .c6-a-nombre{text-align:center;opacity:0;left:0;right:0}.c6-historia[data-historia=viva] .c6-a-titular{left:var(--margen);transform-origin:0 0;top:120px}.c6-historia[data-historia=viva] .c6-a-titular>span{opacity:0}.c6-historia[data-historia=viva] .c6-a-notas{left:var(--margen);width:520px;display:block;top:316px}.c6-historia[data-historia=viva] .c6-a-notas>*{opacity:0;width:100%;margin:0;position:absolute;top:0;left:0}.c6-historia[data-historia=viva] .c6-a-notas>.c6-a-disciplinas{opacity:1;display:block}.c6-historia[data-historia=viva] .c6-a-disciplinas li{opacity:0;width:100%;position:absolute;top:0;left:0}.c6-historia[data-historia=viva] .c6-a-disciplinas h3{font-size:34px;line-height:1.1}.c6-historia[data-historia=viva] .c6-a-disciplinas p{margin-top:12px;font-size:18px}.c6-historia[data-historia=viva] .c6-a-quieta{display:none}.c6-historia[data-historia=viva] .c6-a-grafica{margin:0;display:block;inset:0}.c6-historia[data-historia=viva] .c6-a-grafica svg{opacity:0;width:100%;height:100%;position:absolute;inset:0;overflow:visible}}.c6-historia[data-historia=fallo] .c6-bienvenida{height:round(calc(1.2 * var(--c6-h)), 1px)}.c6-historia[data-historia=fallo] .c6-portada{height:var(--c6-h);position:sticky;top:0}@media not (min-width:900px){.c6-tesis{padding:96px 24px 70px}.c6-a-nombre{font-size:26px}.c6-a-titular{font-size:34px;line-height:1.1}.c6-a-titular>span{white-space:normal;display:inline}.c6-a-nota{font-size:21px}.c6-a-nota .c6-suave{margin-top:8px;font-size:16px}.c6-a-eje{margin-bottom:10px;font-size:11px}.c6-a-quieta svg.c6-a-quieta-escritorio{display:none}.c6-a-quieta svg.c6-a-quieta-movil{display:block}.c6-tesis text{letter-spacing:.02em;font-size:12px}.c6-tesis text.c6-a-forma{letter-spacing:0;font-size:12px}.c6-tesis text.c6-a-vision{font-size:18px}.c6-poster-tesis{width:149.888px}@media (prefers-reduced-motion:no-preference){.c6-historia[data-historia=viva] .c6-a-titular{top:104px;right:var(--margen)}.c6-historia[data-historia=viva]:lang(en) .c6-a-titular>span{white-space:nowrap;display:block}.c6-historia[data-historia=viva] .c6-a-notas{top:492px;right:var(--margen);width:auto}.c6-historia[data-historia=viva] .c6-a-disciplinas h3{font-size:24px}.c6-historia[data-historia=viva] .c6-a-disciplinas p{margin-top:8px;font-size:16px}}}@media (prefers-reduced-motion:reduce){.c6-historia[data-historia=viva] .c6-bienvenida,.c6-historia[data-historia=viva] .c6-tesis{height:auto}.c6-historia[data-historia=viva] .c6-portada{min-height:840px;position:relative}.c6-escenario{display:none}.c6-historia[data-historia=viva] .c6-poster{visibility:visible}}.c6-historia:has(#portada[data-baile=bailando]:not([data-barra=entra])) .c6-desplaza{visibility:hidden;opacity:0;transition:none}.c6-historia:has(#portada[data-barra=entra]) .c6-desplaza{transition:opacity .32s linear .12s}.c6-historia[data-cierre=listo] .c6-desplaza{opacity:0}@media (prefers-reduced-motion:no-preference){.c6-historia[data-historia=viva]:not([data-preparada]) .c6-desplaza i:after{animation:none}.c6-historia:has(#portada[data-baile=bailando]) .c6-desplaza i:after{animation:none}.c6-historia:has(.cx[data-vivo][data-pista]) .c6-desplaza i:after{animation:2.6s cubic-bezier(.45,0,.55,1) .5s infinite c6-desplaza-luz}.c6-historia:has(.c6-sistema[data-sistema-vivo][data-pista]) .c6-desplaza i:after{animation:2.6s cubic-bezier(.45,0,.55,1) 1.6s infinite c6-desplaza-luz}}
.c6-desplaza:has(.c6-indice){--riel-paso:18px}.c6-desplaza:has(.c6-indice)>div{gap:12px}.c6-desplaza:has(.c6-indice)>div>i{width:1px;height:calc(5 * var(--riel-paso));background:var(--linea)}.c6-desplaza:has(.c6-indice)>div>i>b{visibility:hidden}.c6-desplaza:has(.c6-indice)>div>span{transition:opacity var(--foco-dibujo) var(--curva)}.c6-indice{--riel-escalon:30ms;pointer-events:none;animation:linear both c6-indice-sale;animation-timeline:scroll(root);animation-range:var(--c6-fin,100%) var(--c6-fuera,calc(var(--c6-fin,100%) + 20vh));position:absolute;inset:0}@supports not (animation-timeline:scroll()){.c6-indice{animation:none}}@keyframes c6-indice-sale{to{opacity:0;visibility:hidden}}.c6-historia[data-cierre=listo] .c6-indice{visibility:hidden}.c6-indice ol{right:calc(50% - 12px);bottom:calc(var(--riel-paso) / -2);isolation:isolate;grid-template-columns:max-content;grid-auto-rows:var(--riel-paso);margin:0;padding:0;list-style:none;display:grid;position:absolute}.c6-indice li{z-index:1;justify-content:flex-end;display:flex;position:relative}.c6-indice li:nth-child(2){--n:1}.c6-indice li:nth-child(3){--n:2}.c6-indice li:nth-child(4){--n:3}.c6-indice li:nth-child(5){--n:4}.c6-indice li:nth-child(6){--n:5}.c6-indice a{height:var(--riel-paso);color:var(--texto-tenue);font:400 13px/1 var(--cuerpo);white-space:nowrap;pointer-events:none;-webkit-tap-highlight-color:transparent;transition:color var(--foco-apagado) var(--curva);align-items:center;gap:10px;text-decoration:none;display:flex}.c6-indice li[data-actual] a{color:var(--texto-suave)}.c6-indice-nombre{background:radial-gradient(closest-side, color-mix(in srgb, var(--fondo) 88%, transparent) 45%, transparent);opacity:0;transition:opacity var(--foco-apagado) var(--foco-curva-salida), translate 0s linear var(--foco-apagado);border-radius:50%;margin:-8px -14px;padding:8px 14px;translate:4px}.c6-indice-marca{flex:none;width:24px;height:100%;display:block;position:relative}.c6-indice .c6-indice-marca:before{content:"";background:var(--linea-fuerte);width:4px;height:1px;transition:width var(--foco-dibujo) var(--curva), background-color var(--foco-dibujo) var(--curva);position:absolute;top:50%;right:12px}.c6-indice li[data-actual] .c6-indice-marca:before{background:var(--texto-tenue);width:8px}.c6-indice .c6-indice-marca:after{content:"";width:1px;height:var(--riel-paso);background:var(--linea-fuerte);transform-origin:50% 0;position:absolute;top:50%;left:calc(50% - .5px);transform:scaleY(0)}.c6-indice li:last-child .c6-indice-marca:after{content:none}.c6-indice li[data-pasada] .c6-indice-marca:after{transform:scaleY(1)}@supports (animation-timeline:scroll()){.c6-indice li .c6-indice-marca:after{animation:linear both c6-indice-llena;animation-timeline:scroll(root);animation-range:var(--desde,0px) var(--hasta,1px)}}@keyframes c6-indice-llena{0%{transform:scaleY(0)}to{transform:scaleY(1)}}.c6-indice-abrir{display:none}.c6-indice[data-abierto] .c6-indice-nombre{opacity:1;transition:opacity var(--foco-dibujo) var(--curva) calc(var(--n,0) * var(--riel-escalon)), translate var(--foco-dibujo) var(--curva) calc(var(--n,0) * var(--riel-escalon));translate:0}@media not (pointer:coarse){.c6-indice:focus-within a{pointer-events:auto}.c6-desplaza:has(.c6-indice:focus-within)>div>span{opacity:0;transition:opacity var(--foco-apagado) var(--foco-curva-salida)}.c6-indice:focus-within .c6-indice-nombre{opacity:1;transition:opacity var(--foco-dibujo) var(--curva) calc(var(--n,0) * var(--riel-escalon)), translate var(--foco-dibujo) var(--curva) calc(var(--n,0) * var(--riel-escalon));translate:0}.c6-indice a:focus-visible{color:var(--texto)}.c6-indice a:focus-visible .c6-indice-marca:before{background:var(--texto);width:8px}}@media (hover:hover) and (pointer:fine){.c6-indice-marca,.c6-indice:hover a{pointer-events:auto;cursor:pointer}.c6-desplaza:has(.c6-indice:hover)>div>span{opacity:0;transition:opacity var(--foco-apagado) var(--foco-curva-salida)}.c6-indice:hover .c6-indice-nombre{opacity:1;transition:opacity var(--foco-dibujo) var(--curva) calc(var(--n,0) * var(--riel-escalon)), translate var(--foco-dibujo) var(--curva) calc(var(--n,0) * var(--riel-escalon));translate:0}.c6-indice a:hover{color:var(--texto)}.c6-indice a:hover .c6-indice-marca:before{background:var(--texto);width:8px}}@media (pointer:coarse){.c6-desplaza:has(.c6-indice){--riel-paso:8px}.c6-indice .c6-indice-marca:before{width:3px}.c6-indice li[data-actual] .c6-indice-marca:before{width:6px}.c6-indice-nombre{transition:none}.c6-indice-abrir{pointer-events:auto;cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:0;padding:0;display:block;position:absolute;inset:-14px -16px -10px}.c6-indice[data-abierto] .c6-indice-abrir{pointer-events:none;inset:0}.c6-desplaza:has(.c6-indice[data-abierto]){z-index:91}.c6-desplaza:has(.c6-indice[data-abierto])>div>:is(span,i){opacity:0;transition:opacity var(--foco-apagado) var(--foco-curva-salida)}.c6-indice[data-abierto] ol{--riel-paso:44px;bottom:calc(var(--lectura-riel,58px) - 14px)}.c6-indice[data-abierto] a{pointer-events:auto;font-size:15px}.c6-indice[data-abierto] li[data-actual] a{color:var(--texto)}.c6-indice[data-abierto] .c6-indice-marca:before{width:4px}.c6-indice[data-abierto] li[data-actual] .c6-indice-marca:before{width:8px}.c6-indice ol:after{content:"";z-index:0;right:12px;top:calc(var(--riel-paso) / 2);bottom:calc(var(--riel-paso) / 2);background:var(--linea);opacity:0;width:1px;position:absolute}.c6-indice[data-abierto] ol:after{opacity:1}.c6-indice ol:before{content:"";z-index:-1;pointer-events:none;background:var(--fondo);opacity:0;-webkit-mask-composite:source-in;position:absolute;inset:-20px -16px -12px -56px;-webkit-mask-image:linear-gradient(90deg,#0000,#000 32px),linear-gradient(#0000,#000 16px calc(100% - 8px),#0000);mask-image:linear-gradient(90deg,#0000,#000 32px),linear-gradient(#0000,#000 16px calc(100% - 8px),#0000);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:border-box,border-box;mask-clip:border-box,border-box;-webkit-mask-origin:border-box,border-box;mask-origin:border-box,border-box;-webkit-mask-composite:source-in;mask-composite:intersect;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.c6-indice[data-abierto] ol:before{opacity:1}}@media (pointer:coarse) and (not (min-width:760px)){.c6-desplaza:has(.c6-indice){--indice-desvio:0px}.c6-desplaza:has(.c6-indice[data-margen]:not([data-abierto])){--indice-desvio:48px}.c6-indice{translate:var(--indice-desvio) 0;transition:translate var(--foco-dibujo) var(--curva)}.c6-desplaza:has(.c6-indice)>div{translate:var(--indice-desvio) 0;transition:translate var(--foco-dibujo) var(--curva)}.c6-desplaza:has(.c6-indice[data-margen]:not([data-abierto]))>div>span{opacity:0}.c6-indice[data-margen]:not([data-abierto]) .c6-indice-abrir{width:44px;height:44px;inset:auto calc(50% - 10px) -4px auto}}@media (prefers-reduced-motion:reduce){.c6-indice,.c6-indice *,.c6-indice ol:before,.c6-indice ol:after,.c6-indice .c6-indice-marca:before{transition:none!important}.c6-desplaza:has(.c6-indice)>div{transition:none!important}.c6-desplaza:has(.c6-indice)>div>:is(span,i){transition:none!important}.c6-indice .c6-indice-nombre{translate:none!important}}.c6-ancla{height:0;display:block}
