:root{--oficina-plataforma: color-mix(in srgb, var(--color-gray-0) 92%, var(--color-brand-500));--oficina-plataforma-borde: color-mix(in srgb, var(--color-brand-600) 22%, transparent);--oficina-canto: color-mix(in srgb, var(--color-brand-700) 26%, transparent);--oficina-mesa: color-mix(in srgb, var(--color-gray-0) 96%, var(--color-brand-600));--oficina-mesa-borde: color-mix(in srgb, var(--color-brand-700) 26%, transparent);--oficina-panel-canto: color-mix(in srgb, var(--color-brand-700) 34%, transparent);--oficina-panel-sombra: color-mix(in srgb, var(--color-night) 18%, transparent);--oficina-rejilla: color-mix(in srgb, var(--color-brand-700) 15%, transparent);--oficina-via: color-mix(in srgb, var(--color-brand-600) 34%, transparent);--oficina-paquete: var(--color-brand-500);--oficina-paquete-halo: color-mix(in srgb, var(--color-brand-500) 22%, transparent);--oficina-brillo-color: color-mix(in srgb, var(--color-brand-500) 55%, transparent);--oficina-sombra: color-mix(in srgb, var(--color-night) 16%, transparent);--oficina-t-suave: color-mix(in srgb, var(--color-brand-700) 14%, transparent);--oficina-t-tinta: color-mix(in srgb, var(--color-night) 40%, transparent);--oficina-t-acento: var(--color-brand-500);--oficina-t-acento-suave: color-mix(in srgb, var(--color-brand-500) 40%, transparent)}.dark{--oficina-plataforma: color-mix(in srgb, var(--color-gray-0) 84%, var(--color-brand-900));--oficina-plataforma-borde: color-mix(in srgb, var(--color-brand-500) 30%, transparent);--oficina-canto: color-mix(in srgb, var(--color-brand-900) 70%, transparent);--oficina-mesa: color-mix(in srgb, var(--color-gray-0) 88%, var(--color-brand-900));--oficina-mesa-borde: color-mix(in srgb, var(--color-brand-500) 34%, transparent);--oficina-panel-canto: color-mix(in srgb, var(--color-brand-900) 88%, transparent);--oficina-panel-sombra: color-mix(in srgb, var(--color-night) 60%, transparent);--oficina-rejilla: color-mix(in srgb, var(--color-brand-500) 16%, transparent);--oficina-via: color-mix(in srgb, var(--color-brand-500) 30%, transparent);--oficina-sombra: color-mix(in srgb, var(--color-night) 55%, transparent);--oficina-t-suave: color-mix(in srgb, var(--color-brand-900) 30%, transparent)}@property --oficina-brillo{syntax: "<number>"; inherits: true; initial-value: 0;}@keyframes oficina-cruzar{0%{translate:-.75rem 0}to{translate:calc(100cqw + .75rem) 0}}@keyframes oficina-encender{0%{--oficina-brillo: 0}45%{--oficina-brillo: 1}to{--oficina-brillo: 0}}@keyframes oficina-latir{0%{opacity:.32}to{opacity:1}}.oficina-marco{container:oficina / inline-size}.oficina{position:relative;--of-plat: 132px;--of-plat-h: calc(var(--of-plat) * .34);--of-plat-y: 24px;--of-canto: 0px;--of-met: 124px;--of-met-x: -.2;--of-met-pie: .075;--of-panel: calc(var(--of-plat) * .85);--of-panel-alto: calc(var(--of-panel) * .72);--of-panel-x: .4;--of-panel-hundido: .16;--of-panel-giro: -12deg;--of-panel-inclina: 4deg;--of-panel-camara: 700px;--of-puesto-alto: 164px;--of-hondura: 0;--of-fase: 0s}.oficina__planta{display:grid;gap:.875rem;grid-template-columns:1fr;margin:0;padding:0;list-style:none}@container oficina (width >= 34rem){.oficina__planta{grid-template-columns:repeat(2,1fr)}}.oficina__isla{position:relative;display:flex;flex-direction:column;gap:.875rem;padding:1.25rem 1.25rem 1.4rem;border:1px solid var(--border-default);border-radius:var(--radius-3xl);background:var(--surface-base);box-shadow:0 12px 28px -20px var(--oficina-sombra)}.oficina__puesto{position:relative;order:0}.oficina__ficha{order:1}.oficina__titulo{margin:0}.oficina__que{margin:.375rem 0 0}.oficina__con,.oficina__apoyo{margin:.75rem 0 0}.oficina__modelo{display:inline-flex;align-items:center;gap:.3rem}.oficina__tarima{position:relative;width:100%;height:var(--of-puesto-alto)}.oficina__plataforma,.oficina__canto{position:absolute;left:50%;bottom:0;pointer-events:none}.oficina__plataforma{z-index:2;width:var(--of-plat);height:var(--of-plat-h);border:1px solid var(--oficina-plataforma-borde);border-radius:50%;background:var(--oficina-plataforma);transform:translate(-50%,calc(var(--of-plat-h) / 2 - var(--of-plat-y)))}.oficina__canto{z-index:1;display:none}.oficina__panel-piso,.oficina__panel-canto,.oficina__panel{position:absolute;left:50%;bottom:calc(var(--of-plat-y) - var(--of-plat) * var(--of-panel-hundido));width:var(--of-panel);height:var(--of-panel-alto);transform-origin:50% 100%;pointer-events:none}.oficina__panel-piso{z-index:3;width:calc(var(--of-panel) * .86);height:calc(var(--of-panel) * .17);translate:calc(-50% + var(--of-plat) * var(--of-panel-x)) 50%;border-radius:50%;background:var(--oficina-panel-sombra);filter:blur(5px)}.oficina__panel-canto{z-index:4;border-radius:var(--radius-lg);background:var(--oficina-panel-canto);transform:translate(calc(-50% + var(--of-plat) * var(--of-panel-x) + 3px),5px) perspective(var(--of-panel-camara)) rotateY(var(--of-panel-giro)) rotateX(var(--of-panel-inclina))}.oficina__panel{z-index:5;border:1px solid var(--oficina-mesa-borde);border-radius:var(--radius-lg);background:var(--oficina-mesa);box-shadow:0 10px 24px -12px var(--oficina-sombra);transform:translate(calc(-50% + var(--of-plat) * var(--of-panel-x))) perspective(var(--of-panel-camara)) rotateY(var(--of-panel-giro)) rotateX(var(--of-panel-inclina))}.oficina__trabajo{display:block;width:100%;height:100%}.oficina__t-suave{fill:var(--oficina-t-suave)}.oficina__t-tinta{fill:var(--oficina-t-tinta)}.oficina__t-acento{fill:var(--oficina-t-acento)}.oficina__t-acento-suave{fill:var(--oficina-t-acento-suave)}.oficina__t-fondo{fill:var(--oficina-mesa)}.oficina__met{position:absolute;z-index:6;left:50%;bottom:calc(var(--of-plat-y) - var(--of-met) * var(--of-met-pie));width:var(--of-met);translate:calc(-50% + var(--of-plat) * var(--of-met-x)) 0}.dark .oficina__met .met-plano{filter:drop-shadow(0 0 1px var(--met-halo)) drop-shadow(0 0 5px var(--met-halo)) drop-shadow(0 8px 14px var(--met-sombra))}.dark .oficina__met:before{content:"";position:absolute;z-index:-1;inset:-14% -10% -6%;border-radius:50%;background:radial-gradient(closest-side,color-mix(in srgb,var(--color-gray-0) 13%,transparent) 0%,color-mix(in srgb,var(--color-gray-0) 7%,transparent) 55%,transparent 100%);pointer-events:none}.oficina__brillo{position:absolute;z-index:0;left:50%;bottom:var(--of-plat-y);width:calc(var(--of-plat) * 1.55);height:calc(var(--of-plat) * .6);translate:-50% 50%;border-radius:50%;background:radial-gradient(closest-side,var(--oficina-brillo-color),transparent);opacity:var(--oficina-brillo);filter:blur(7px);pointer-events:none}.oficina__suelo,.oficina__via,.oficina__pista,.oficina__extremos{display:none}@container oficina (width >= 60rem){.oficina{--of-plat: clamp(96px, 11cqw, 124px);--of-plat-h: var(--of-plat);--of-plat-y: clamp(44px, 5cqw, 58px);--of-canto: 7px;--of-met: clamp(74px, 8.4cqw, 100px);--of-puesto-alto: clamp(196px, 21cqw, 248px);--of-iso: rotateX(60deg) rotateZ(45deg)}.oficina__planta{grid-template-columns:repeat(5,1fr);grid-template-rows:auto auto auto auto auto;gap:0 .75rem}.oficina__isla{display:grid;grid-row:span 5;grid-template-rows:subgrid;gap:0;padding:0;border:0;border-radius:0;background:none;box-shadow:none}.oficina__puesto{grid-row:1;transform:translateY(calc(var(--of-hondura) * -13px)) scale(calc(1 - var(--of-hondura) * .045));transform-origin:50% 100%}.oficina__ficha{display:grid;grid-row:2 / span 4;grid-template-rows:subgrid;gap:0}.oficina__titulo{grid-row:1;margin-top:2.5rem}.oficina__que{grid-row:2}.oficina__con{grid-row:3}.oficina__apoyo{grid-row:4}.oficina__plataforma{height:var(--of-plat-h);border-radius:var(--radius-sm);transform:translate(-50%,calc(var(--of-plat-h) / 2 - var(--of-plat-y))) var(--of-iso)}.oficina__canto{display:block;width:var(--of-plat);height:var(--of-plat-h);border-radius:var(--radius-sm);background:var(--oficina-canto);transform:translate(-50%,calc(var(--of-plat-h) / 2 - var(--of-plat-y) + var(--of-canto))) var(--of-iso)}.oficina__suelo{position:absolute;z-index:-1;top:0;right:0;left:0;display:block;height:calc(var(--of-puesto-alto) + 1.25rem);clip-path:inset(0);pointer-events:none}.oficina__rejilla{position:absolute;top:calc(var(--of-puesto-alto) * .55);left:50%;width:96cqw;aspect-ratio:1;translate:-50% -50%;transform:var(--of-iso);background-image:repeating-linear-gradient(0deg,var(--oficina-rejilla) 0 1px,transparent 1px 60px),repeating-linear-gradient(90deg,var(--oficina-rejilla) 0 1px,transparent 1px 60px);-webkit-mask-image:radial-gradient(closest-side,rgb(0 0 0 / .9),rgb(0 0 0 / 0) 72%);mask-image:radial-gradient(closest-side,#000000e6,#0000 72%)}.oficina__via{position:absolute;z-index:-1;top:var(--of-puesto-alto);right:0;left:0;display:block;height:2px;border-radius:2px;background:linear-gradient(90deg,transparent,var(--oficina-via) 8%,var(--oficina-via) 92%,transparent);pointer-events:none}.oficina__extremos{position:absolute;z-index:1;top:calc(var(--of-puesto-alto) + .55rem);right:0;left:0;display:flex;align-items:baseline;justify-content:space-between;pointer-events:none}.oficina__pista{position:absolute;z-index:2;inset:0;display:block;pointer-events:none}.oficina__paquete{position:absolute;top:calc(var(--of-puesto-alto) - 5px);left:0;width:12px;height:12px;border-radius:50%;background:var(--oficina-paquete);box-shadow:0 0 0 5px var(--oficina-paquete-halo)}}@media(prefers-reduced-motion:no-preference){.oficina__t-vivo{animation:oficina-latir 2.6s var(--of-fase, 0s) ease-in-out infinite alternate}@supports (animation-timeline: view()){@container oficina (width >= 60rem){.oficina__pista{animation:oficina-cruzar linear both;animation-duration:auto;animation-timeline:view();animation-range:cover 12% cover 90%;will-change:translate}.oficina__isla{animation:oficina-encender linear both;animation-duration:auto;animation-timeline:view()}.oficina__isla:nth-child(1){animation-range:cover 14% cover 29%}.oficina__isla:nth-child(2){animation-range:cover 29% cover 44%}.oficina__isla:nth-child(3){animation-range:cover 44% cover 59%}.oficina__isla:nth-child(4){animation-range:cover 59% cover 74%}.oficina__isla:nth-child(5){animation-range:cover 74% cover 89%}}}}.uc-panel[data-astro-cid-eao2futs]{display:none}.uc[data-astro-cid-eao2futs]:has(#caso-uso-0:checked) .uc-panel[data-astro-cid-eao2futs][data-idx="0"],.uc[data-astro-cid-eao2futs]:has(#caso-uso-1:checked) .uc-panel[data-astro-cid-eao2futs][data-idx="1"],.uc[data-astro-cid-eao2futs]:has(#caso-uso-2:checked) .uc-panel[data-astro-cid-eao2futs][data-idx="2"],.uc[data-astro-cid-eao2futs]:has(#caso-uso-3:checked) .uc-panel[data-astro-cid-eao2futs][data-idx="3"],.uc[data-astro-cid-eao2futs]:has(#caso-uso-4:checked) .uc-panel[data-astro-cid-eao2futs][data-idx="4"],.uc[data-astro-cid-eao2futs]:has(#caso-uso-5:checked) .uc-panel[data-astro-cid-eao2futs][data-idx="5"],.uc[data-astro-cid-eao2futs]:has(#caso-uso-6:checked) .uc-panel[data-astro-cid-eao2futs][data-idx="6"],.uc[data-astro-cid-eao2futs]:has(#caso-uso-7:checked) .uc-panel[data-astro-cid-eao2futs][data-idx="7"]{display:grid}.uc[data-astro-cid-eao2futs]:has(#caso-uso-0:checked) .uc-label[data-astro-cid-eao2futs][for=caso-uso-0],.uc[data-astro-cid-eao2futs]:has(#caso-uso-1:checked) .uc-label[data-astro-cid-eao2futs][for=caso-uso-1],.uc[data-astro-cid-eao2futs]:has(#caso-uso-2:checked) .uc-label[data-astro-cid-eao2futs][for=caso-uso-2],.uc[data-astro-cid-eao2futs]:has(#caso-uso-3:checked) .uc-label[data-astro-cid-eao2futs][for=caso-uso-3],.uc[data-astro-cid-eao2futs]:has(#caso-uso-4:checked) .uc-label[data-astro-cid-eao2futs][for=caso-uso-4],.uc[data-astro-cid-eao2futs]:has(#caso-uso-5:checked) .uc-label[data-astro-cid-eao2futs][for=caso-uso-5],.uc[data-astro-cid-eao2futs]:has(#caso-uso-6:checked) .uc-label[data-astro-cid-eao2futs][for=caso-uso-6],.uc[data-astro-cid-eao2futs]:has(#caso-uso-7:checked) .uc-label[data-astro-cid-eao2futs][for=caso-uso-7]{background-color:var(--color-brand-bright);color:var(--color-night)}.uc[data-astro-cid-eao2futs]:has(#caso-uso-0:focus-visible) .uc-label[data-astro-cid-eao2futs][for=caso-uso-0],.uc[data-astro-cid-eao2futs]:has(#caso-uso-1:focus-visible) .uc-label[data-astro-cid-eao2futs][for=caso-uso-1],.uc[data-astro-cid-eao2futs]:has(#caso-uso-2:focus-visible) .uc-label[data-astro-cid-eao2futs][for=caso-uso-2],.uc[data-astro-cid-eao2futs]:has(#caso-uso-3:focus-visible) .uc-label[data-astro-cid-eao2futs][for=caso-uso-3],.uc[data-astro-cid-eao2futs]:has(#caso-uso-4:focus-visible) .uc-label[data-astro-cid-eao2futs][for=caso-uso-4],.uc[data-astro-cid-eao2futs]:has(#caso-uso-5:focus-visible) .uc-label[data-astro-cid-eao2futs][for=caso-uso-5],.uc[data-astro-cid-eao2futs]:has(#caso-uso-6:focus-visible) .uc-label[data-astro-cid-eao2futs][for=caso-uso-6],.uc[data-astro-cid-eao2futs]:has(#caso-uso-7:focus-visible) .uc-label[data-astro-cid-eao2futs][for=caso-uso-7]{outline:2px solid transparent;outline-offset:2px;box-shadow:0 0 0 2px var(--surface-base),0 0 0 4px var(--color-brand-600)}:root{--met-calle-trazo: 2px;--met-calle-curva: 14px;--met-calle-borde: 12px;--met-calle-gap-x: 1.25rem;--met-calle-gap-y-base: 3rem;--met-calle-gap-y: 4rem;--met-calle-circulo: 22px;--met-calle-sep: 1.5rem;--met-calle-medio: calc((100% - 3 * var(--met-calle-gap-x)) / 8);--met-calle-linea: var(--color-brand-200);--met-calle-marcas: color-mix(in srgb, var(--color-brand-200) 55%, transparent);--met-calle-marcas-sep: 7px}.dark{--met-calle-marcas: color-mix(in srgb, var(--color-brand-200) 45%, transparent)}.met-calle{column-gap:var(--met-calle-gap-x);row-gap:var(--met-calle-gap-y-base)}@media(min-width:64rem){.met-calle{row-gap:var(--met-calle-gap-y)}}.met-calle__tramo{position:absolute;inset:0;pointer-events:none}.met-calle__ida,.met-calle__giro,.met-calle__salida{position:absolute;border:0 solid var(--met-calle-linea)}.met-calle__ida{top:var(--met-calle-circulo);right:calc(-1 * var(--met-calle-borde));bottom:calc(-.5 * var(--met-calle-gap-y));left:var(--met-calle-medio);border-top-width:var(--met-calle-trazo);border-right-width:var(--met-calle-trazo);border-bottom-width:var(--met-calle-trazo);border-top-right-radius:var(--met-calle-curva);border-bottom-right-radius:var(--met-calle-curva)}.met-calle__giro{top:calc(100% + .5 * var(--met-calle-gap-y) - var(--met-calle-trazo));right:calc(100% - var(--met-calle-medio) - var(--met-calle-curva));bottom:calc(-1 * (var(--met-calle-gap-y) + var(--met-calle-circulo) + var(--met-calle-trazo)));left:calc(-1 * var(--met-calle-borde));border-top-width:var(--met-calle-trazo);border-bottom-width:var(--met-calle-trazo);border-left-width:var(--met-calle-trazo);border-top-left-radius:var(--met-calle-curva);border-bottom-left-radius:var(--met-calle-curva)}.met-calle__salida{top:var(--met-calle-circulo);right:calc(-1 * var(--met-calle-borde));bottom:calc(-1 * var(--met-calle-sep));left:var(--met-calle-medio);border-top-width:var(--met-calle-trazo);border-right-width:var(--met-calle-trazo);border-top-right-radius:var(--met-calle-curva)}.met-ruta--calle{margin-top:var(--met-calle-sep);clip-path:inset(0 -1.25rem)}.met-ruta--calle .met-ruta__figura{left:2rem}.met-ruta--calle .met-ruta__suelo{right:calc(-1 * var(--met-calle-borde));left:calc(-1 * var(--met-calle-borde));height:auto;border-radius:0;border-bottom:var(--met-calle-trazo) solid var(--met-calle-linea);background:none;-webkit-mask-image:linear-gradient(90deg,transparent,black 2rem,black calc(100% - 2rem),transparent);mask-image:linear-gradient(90deg,transparent,black 2rem,black calc(100% - 2rem),transparent)}.met-ruta--calle .met-ruta__marcas{position:absolute;right:calc(-1 * var(--met-calle-borde));bottom:calc(var(--met-ruta-base) + var(--met-ruta-figura) * var(--met-ruta-margen-inferior) - var(--met-calle-trazo) - var(--met-calle-marcas-sep));left:calc(-1 * var(--met-calle-borde));height:var(--met-calle-trazo);background-image:repeating-linear-gradient(90deg,var(--met-calle-marcas) 0 20px,transparent 20px 38px);-webkit-mask-image:linear-gradient(90deg,transparent,black 2rem,black calc(100% - 2rem),transparent);mask-image:linear-gradient(90deg,transparent,black 2rem,black calc(100% - 2rem),transparent)}@media(min-width:64rem){.met-ruta--calle .met-ruta__suelo{top:0;border-right:var(--met-calle-trazo) solid var(--met-calle-linea);border-bottom-right-radius:var(--met-calle-curva);-webkit-mask-image:linear-gradient(90deg,transparent,black 2rem,black);mask-image:linear-gradient(90deg,transparent,black 2rem,black)}}@media(prefers-reduced-motion:no-preference){@supports (animation-timeline: view()){.met-ruta--calle .met-ruta__figura{left:0}@media(min-height:15rem){.met-ruta--calle .met-ruta__figura{animation-range:entry 100% exit 0%}}}}