@layer components{.fx-unidad{--u-c:var(--color-text);--u-g:.375rem;--u-t:min(2.5rem, (100vw - 2 * var(--lado) - 8 * var(--u-g)) / 9);justify-items:start;row-gap:var(--spacing-item,.75rem);margin:0;display:grid}.fx-unidad[data-puerta=construir],.fx-unidad[data-puerta=marca]{--u-c:var(--tinta)}.fx-unidad[data-puerta=crecer]{--u-c:var(--magenta)}@media (min-width:64rem){.fx-unidad.fx-unidad{--u-g:.625rem;--u-t:min(4rem, ((100vw - 2 * var(--lado)) / 2 - var(--spacing-grid) / 2 - 8 * var(--u-g)) / 9)}}.fx-unidad__leyenda{max-inline-size:30ch;color:var(--color-text);text-wrap:balance;font:500 var(--rol-subtitulo,clamp(1.25rem, 1.203rem + .19vw, 1.375rem))/1.25 var(--font-body);letter-spacing:-.005em}.fx-unidad__clave{max-inline-size:var(--medida-nota,48ch);color:var(--color-text-2);text-wrap:pretty;font:400 var(--rol-nota,.9375rem)/1.45 var(--font-body)}.fx-unidad__dibujo{grid-template-columns:repeat(var(--n), minmax(0, var(--u-t)));gap:var(--u-g);inline-size:100%;margin-block-start:.25rem;display:grid}.fx-unidad__dibujo[data-rotulos]{padding-block-end:1.625rem}.fx-unidad__dibujo[data-rotulos="2"]{padding-block-end:3rem}.fx-unidad__celda{aspect-ratio:1;position:relative}.fx-unidad[data-forma=mes] .fx-unidad__dibujo{grid-template-columns:repeat(7,max-content);align-items:end;inline-size:auto}.fx-unidad[data-forma=mes] .fx-unidad__celda{block-size:var(--u-t);grid-row:2}.fx-unidad[data-forma=mes] .fx-unidad__celda:nth-child(-n+6){grid-row:1}.fx-unidad[data-forma=mes] .fx-unidad__celda[data-c=v]{aspect-ratio:9/16;block-size:calc(var(--u-t) * 16 / 9)}.fx-unidad__luz{background-color:var(--u-c);position:absolute;inset:0}.fx-unidad__celda[data-e=contorno] .fx-unidad__luz{box-shadow:inset 0 0 0 1.5px color-mix(in oklab, var(--u-c) 40%, transparent);background-color:#0000}.fx-unidad[data-puerta=marca] .fx-unidad__celda[data-e=lleno] .fx-unidad__luz{background-color:var(--blanco);box-shadow:inset 0 0 0 1.5px var(--tinta)}.fx-unidad__celda[data-hito]{outline:2px solid var(--color-text);outline-offset:2px}.fx-unidad__rotulo{white-space:nowrap;font:500 var(--rol-chico,.8125rem)/1.3 var(--font-body);letter-spacing:.01em;color:var(--color-text);position:absolute;inset-block-start:calc(100% + .375rem);inset-inline-start:0}.fx-unidad__celda[data-hito] .fx-unidad__rotulo{color:var(--color-text-2);inset-block-start:calc(100% + .5rem)}.fx-unidad__celda.fx-unidad__celda[data-escalon] .fx-unidad__rotulo{inset-block-start:calc(100% + 1.75rem);inset-inline:0 auto}.fx-unidad__celda:last-child .fx-unidad__rotulo{inset-inline:auto 0}.fx-tira-raiz,.fx-pago{--u-c:var(--color-text)}:is(.fx-tira-raiz,.fx-pago)[data-puerta=construir],:is(.fx-tira-raiz,.fx-pago)[data-puerta=marca]{--u-c:var(--tinta)}:is(.fx-tira-raiz,.fx-pago)[data-puerta=crecer]{--u-c:var(--magenta)}.fx-tira-raiz{container-type:inline-size}.fx-tira-leyenda{margin-block-end:1rem}.fx-tira{padding-block-end:1.5rem}.fx-tira-celdas{grid-template-columns:repeat(var(--cols), minmax(0, 1fr));gap:6px;display:grid}.fx-tira[data-rotulos] .fx-tira-celdas{row-gap:1.75rem}.fx-tira-semana{gap:.5rem;display:grid}.fx-tira-semana+.fx-tira-semana{margin-block-start:.75rem}.fx-tira-raiz .fx-tira-celda.fx-tira-celda,.fx-pago .fx-pago-parte.fx-pago-parte{border:1px solid color-mix(in oklab, var(--u-c) 40%, transparent);color:var(--color-text);border-radius:0;position:relative}.fx-tira-celda{aspect-ratio:1;place-items:center;display:grid}.fx-tira-raiz .fx-tira-luz.fx-tira-luz,.fx-pago .fx-pago-luz.fx-pago-luz{z-index:1;background-color:var(--u-c);border-radius:0;position:absolute;inset:0}:is(.fx-tira-luz,.fx-pago-luz) [data-t]:before{content:attr(data-t)}.fx-tira-luz{place-items:center;display:grid}.fx-pago-luz{flex-direction:column;justify-content:space-between;gap:.5rem;padding:.875rem 1rem;display:flex}.fx-pago-marca>.fx-pago-luz{justify-content:center}.fx-tira-raiz .fx-tira-luz .fx-tira-num.fx-tira-num,.fx-pago .fx-pago-luz .fx-pago-texto.fx-pago-texto{color:var(--color-bg)}.fx-pago .fx-pago-luz .fx-pago-cuando.fx-pago-cuando{color:color-mix(in oklab, var(--color-bg) 84%, var(--u-c))}.fx-tira-num,.fx-pago-texto{position:relative}.fx-tira-raiz .fx-tira-celda.fx-tira-celda[data-hito]{outline:2px solid var(--color-text);outline-offset:2px}.fx-tira-raiz .fx-tira-celda.fx-tira-celda[data-ultima],.fx-pago .fx-pago-parte.fx-pago-marca.fx-pago-marca{border:1.5px solid color-mix(in oklab, var(--u-c) 40%, transparent)}.fx-tira-raiz .fx-tira-celda[data-ultima]>.fx-tira-luz.fx-tira-luz,.fx-pago .fx-pago-marca>.fx-pago-luz.fx-pago-luz{background-color:#0000}.fx-tira-raiz .fx-tira-celda[data-ultima] .fx-tira-num.fx-tira-num,.fx-pago .fx-pago-marca .fx-pago-texto.fx-pago-texto{color:var(--color-text)}.fx-tira-rotulo{white-space:nowrap;position:absolute;inset-block-start:calc(100% + .25rem);inset-inline-end:0}@container (min-width:30rem){.fx-tira-semana.fx-tira-semana{grid-template-columns:6rem minmax(0,1fr);align-items:center;gap:1rem}}@container (min-width:40rem){.fx-tira-celdas.fx-tira-celdas{grid-template-columns:repeat(var(--cols-ancho), minmax(0, 1fr))}}.fx-pago-dibujo{gap:6px;display:flex}.fx-pago-parte{flex:var(--p) 1 0;flex-direction:column;justify-content:space-between;gap:.5rem;min-block-size:5rem;min-inline-size:0;padding:.875rem 1rem;display:flex}.fx-pago-marca{flex:0 8rem;justify-content:center}@media not (min-width:26rem){.fx-pago-dibujo.fx-pago-dibujo{flex-direction:column}.fx-pago .fx-pago-parte.fx-pago-parte{flex:none;min-block-size:3.5rem}}@supports (animation-timeline:view()){@media (prefers-reduced-motion:no-preference){.fx-tira:not([data-movimiento=quieto]),.fx-pago[data-movimiento=scroll]{view-timeline:--fx-tira block;view-timeline-inset:48% 12%}.fx-tira:not([data-movimiento=quieto]) .fx-tira-luz,.fx-pago[data-movimiento=scroll] .fx-pago-luz{--fx-v:24%;--fx-t:calc(var(--i) / max(1, var(--n) - 1) * (100% - var(--fx-v)));animation:fx-encender var(--ease-out) both;animation-timeline:--fx-tira;animation-range:cover var(--fx-t) cover calc(var(--fx-t) + var(--fx-v))}}}@keyframes fx-encender{0%{opacity:.001;scale:.55}}}