@layer components{.fx-linea{--fx-luz:var(--color-text);--fx-relleno:var(--color-surface-hover);--fx-m:calc(var(--spacing) * 8);--fx-cg:calc(var(--spacing) * 5);--fx-paso:calc(var(--spacing) * 10);--fx-c:calc(var(--text-h3) * var(--text-h3--line-height) / 2);--fx-x:calc(var(--fx-m) / 2)}.fx-linea-cuerpo{timeline-scope:--fx-riel;position:relative}.fx-linea[data-tono=acento]{--fx-luz:var(--color-accent-text);--fx-relleno:var(--color-accent-wash)}.fx-linea[data-variante=pasos]{--fx-m:.75rem}.fx-linea[data-variante=bitacora]{--fx-m:calc(var(--spacing) * 3.5);--fx-paso:calc(var(--spacing) * 7);--fx-c:calc(var(--text-data) * var(--text-data--line-height) / 2)}.fx-linea-lista{margin:0;padding:0;list-style:none}.fx-linea-paso{grid-template-columns:var(--fx-m) minmax(0, 1fr);align-content:start;align-items:start;column-gap:var(--fx-cg);grid-template-areas:"marca texto";padding-block-end:var(--fx-paso);display:grid;position:relative}.fx-linea-paso:last-child{padding-block-end:0}.fx-linea-paso:has(>.fx-linea-fecha){row-gap:var(--spacing);grid-template-areas:"marca fecha"".texto"}.fx-linea-fecha{grid-area:fecha}.fx-linea-texto{grid-area:texto;min-inline-size:0}.fx-linea-marca{isolation:isolate;inline-size:var(--fx-m);block-size:var(--fx-m);border:1px solid var(--color-border-control);background-color:var(--color-bg);grid-area:marca;place-items:center;margin-block-start:calc(var(--fx-c) - var(--fx-m) / 2);display:grid;position:relative}.fx-linea-marca--punto{border-radius:50%}.fx-linea-marca:before{content:"";border:1.5px solid var(--fx-luz);border-radius:inherit;background-color:var(--fx-relleno);position:absolute;inset:-1px}.fx-linea-marca--punto:before{background-color:var(--fx-luz)}.fx-linea-marca:after{content:"";z-index:-1;inset:calc(var(--fx-m) * -.625);border-radius:var(--radius-pill);background-image:radial-gradient(closest-side, color-mix(in srgb, var(--fx-luz) 26%, transparent), transparent);pointer-events:none;position:absolute}.fx-linea-marca--punto:after{inset:calc(var(--spacing) * -3.5)}.fx-linea[data-variante=pasos] .fx-linea-marca:after{display:none}.fx-linea-tramo{inset-block:var(--fx-c) calc(-1 * var(--fx-c));pointer-events:none;inline-size:2px;position:absolute;inset-inline-start:calc(var(--fx-x) - 1px);overflow:visible clip}.fx-linea-tramo:before{content:"";background-color:var(--color-border-strong);inline-size:1px;position:absolute;inset-block:0;inset-inline-start:.5px}.fx-linea-luz{background-color:var(--fx-luz);position:absolute;inset:0}.fx-linea-luz:after{content:"";inline-size:calc(var(--spacing) * 3);block-size:calc(var(--spacing) * 3);border-radius:var(--radius-pill);background-image:radial-gradient(closest-side, var(--color-text), var(--fx-luz) 45%, transparent);display:none;position:absolute}.fx-linea-tramo .fx-linea-luz:after{inset-block-end:0;inset-inline-start:50%;translate:-50% 50%}.fx-linea[data-tono=acento] .fx-linea-marca:after{display:none}.fx-linea[data-tono=acento] .fx-linea-luz:after{background-image:radial-gradient(closest-side, var(--color-text), transparent)}.fx-linea-riel{display:none}@media (min-width:48rem){.fx-linea.fx-linea{--fx-cg:calc(var(--spacing) * 6)}.fx-linea[data-variante=bitacora][data-variante]{--fx-fecha:calc(var(--spacing) * 34);--fx-c:calc(var(--text-body) * var(--text-body--line-height) / 2);--fx-x:calc(var(--fx-fecha) + var(--fx-cg) + var(--fx-m) / 2)}.fx-linea[data-variante=bitacora] .fx-linea-paso.fx-linea-paso{grid-template-columns:var(--fx-fecha) var(--fx-m) minmax(0, 1fr);grid-template-areas:"fecha marca texto";row-gap:0}.fx-linea[data-variante=bitacora] .fx-linea-fecha.fx-linea-fecha{text-align:end;padding-block-start:calc(var(--fx-c) - var(--text-data) * var(--text-data--line-height) / 2)}}@media (min-width:64rem){.fx-linea[data-orientacion=auto]{--fx-gap-h:var(--spacing-stack)}.fx-linea[data-orientacion=auto] .fx-linea-lista{grid-template-columns:repeat(var(--n), minmax(0, 1fr));column-gap:var(--fx-gap-h);display:grid}.fx-linea[data-orientacion=auto] .fx-linea-paso.fx-linea-paso{row-gap:calc(var(--spacing) * 6);grid-template-columns:minmax(0,1fr);grid-template-areas:"marca""texto";padding-block-end:0}.fx-linea[data-orientacion=auto] .fx-linea-marca.fx-linea-marca{margin-block-start:0}.fx-linea[data-orientacion=auto] .fx-linea-tramo.fx-linea-tramo{display:none}.fx-linea[data-orientacion=auto] .fx-linea-riel.fx-linea-riel{block-size:2px;pointer-events:none;display:block;position:absolute;inset-block-start:calc(var(--fx-m) / 2 - 1px);inset-inline-start:calc(var(--fx-m) / 2);inset-inline-end:calc((100% - (var(--n) - 1) * var(--fx-gap-h)) / var(--n) - var(--fx-m) / 2);overflow:clip visible}.fx-linea-riel:before{content:"";background-color:var(--color-border-strong);block-size:1px;position:absolute;inset-block-start:.5px;inset-inline:0}.fx-linea-riel .fx-linea-luz:after{inset-block-start:50%;inset-inline-end:0;translate:50% -50%}}@media (forced-colors:active){.fx-linea-luz,.fx-linea-tramo:before,.fx-linea-riel:before{forced-color-adjust:none;background-color:canvastext}.fx-linea-luz.fx-linea-luz:after{display:none}}@keyframes fx-linea-bajar{0%{translate:0 -100%}to{translate:0}}@keyframes fx-linea-cruzar{0%{translate:-100%}to{translate:0}}@keyframes fx-linea-encender{0%{opacity:.001}to{opacity:1}}@supports (animation-timeline:view()){@media screen and (prefers-reduced-motion:no-preference){.fx-linea-tramo{view-timeline:--fx-tramo block;view-timeline-inset:61.5% 38%}.fx-linea-tramo>.fx-linea-luz{animation:linear both fx-linea-bajar;animation-timeline:--fx-tramo;animation-range:cover}.fx-linea-luz:after{display:block}.fx-linea-marca{view-timeline:--fx-marca block;view-timeline-inset:61.5% 38%}.fx-linea-marca:before,.fx-linea-marca:after{animation:linear both fx-linea-encender;animation-timeline:--fx-marca;animation-range:cover 15% cover 75%}}@media screen and (prefers-reduced-motion:no-preference) and (min-width:64rem){.fx-linea[data-orientacion=auto] .fx-linea-riel.fx-linea-riel{view-timeline:--fx-riel block;view-timeline-inset:40% 25%}.fx-linea[data-orientacion=auto] .fx-linea-riel>.fx-linea-luz{animation:linear both fx-linea-cruzar;animation-timeline:--fx-riel;animation-range:cover}.fx-linea[data-orientacion=auto] .fx-linea-paso.fx-linea-paso{--fx-t:calc(var(--i) / max(1, var(--n) - 1) * 100%)}.fx-linea[data-orientacion=auto] .fx-linea-marca.fx-linea-marca:before,.fx-linea[data-orientacion=auto] .fx-linea-marca.fx-linea-marca:after{animation-timeline:--fx-riel;animation-range:cover calc(var(--fx-t) - 4%) cover calc(var(--fx-t) + 2%)}}}.fx-linea[data-movimiento=quieto][data-movimiento] :is(.fx-linea-tramo,.fx-linea-marca,.fx-linea-riel){view-timeline:none}.fx-linea[data-movimiento=quieto][data-movimiento] .fx-linea-luz,.fx-linea[data-movimiento=quieto][data-movimiento] .fx-linea-marca:before,.fx-linea[data-movimiento=quieto][data-movimiento] .fx-linea-marca:after{animation:none}.fx-linea[data-movimiento=quieto][data-movimiento] .fx-linea-luz:after{display:none}}