: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: 28px;--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{clip-path:inset(0 -100vw);overflow-x:visible}.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;animation-name:met-cruzar-pantalla}@keyframes met-cruzar-pantalla{0%{transform:translate3d(calc(-100% - ((100vw - 100cqw)/2)),0,0)}to{transform:translate3d(calc(100cqw + (100vw - 100cqw)/2),0,0)}}@media(min-height:15rem){.met-ruta--calle .met-ruta__figura{animation-range:entry 100% exit 0%}}}}[data-astro-cid-r4jx62wf][data-impl-listo] .impl-circulo[data-astro-cid-r4jx62wf]{transition:background-color .4s var(--ease-out),color .4s var(--ease-out),transform .4s var(--ease-out)}[data-astro-cid-r4jx62wf][data-impl-listo] .impl-circulo[data-astro-cid-r4jx62wf]:not(.impl-hecho){background:var(--color-surface);color:var(--color-brand-700);box-shadow:inset 0 0 0 2px var(--color-brand-200),0 0 0 4px var(--color-gray-0)}[data-astro-cid-r4jx62wf][data-impl-listo] .impl-circulo[data-astro-cid-r4jx62wf].impl-hecho{transform:scale(1.06)}.impl-trazo{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none}.impl-trazo path{fill:none;stroke:var(--color-brand-500);stroke-linecap:round;transition:stroke-dashoffset .25s linear}