.recorrido{z-index:100;padding:var(--e-4);place-items:center;display:grid;position:fixed;inset:0}.recorrido-velo{background:#14213d9e;position:absolute;inset:0}.recorrido-tarjeta{overscroll-behavior:contain;width:min(100%,30rem);max-height:calc(100dvh - 11rem);padding:var(--e-5);gap:var(--e-3);background:var(--blanco);border-radius:var(--r-tarjeta);box-shadow:var(--sombra-2);animation:recorrido-entra .2s var(--curva) both;flex-direction:column;margin-bottom:4.5rem;display:flex;position:relative;overflow-y:auto}body[data-recorrido=franja] .recorrido-tarjeta{margin:4.5rem 0 0}@keyframes recorrido-entra{0%{opacity:0;transform:translateY(8px)}}.recorrido-paso{color:var(--tinta-suave);margin:0;font-size:1rem;font-weight:700}.recorrido-cabeza{align-items:center;gap:var(--e-3);display:flex}.recorrido-cabeza h2{color:var(--azul);margin:0;font-size:1.625rem;line-height:1.2}.recorrido-icono{border-radius:var(--r-pildora);background:var(--lavanda-claro);width:3.25rem;height:3.25rem;color:var(--azul);flex:none;place-items:center;display:grid}.recorrido-icono svg{width:1.75rem;height:1.75rem}.recorrido-texto{color:var(--tinta);margin:0;font-size:1.25rem;line-height:1.5}.recorrido-donde{color:var(--azul-medio);margin:0;font-size:1.0625rem;font-weight:700}.recorrido-puntos{justify-content:center;gap:6px;display:flex}.recorrido-puntos span{border-radius:var(--r-pildora);background:var(--lavanda);width:10px;height:10px}.recorrido-puntos span[data-estado=hecho]{background:var(--azul-claro)}.recorrido-puntos span[data-estado=activo]{background:var(--azul);width:26px}.recorrido-botones{gap:var(--e-2);flex-direction:column;display:flex}.recorrido-fila{gap:var(--e-2);flex-wrap:wrap;display:flex}.recorrido-fila:empty{display:none}.recorrido-fila .btn{flex:8rem}.recorrido-saltar{min-height:3rem;padding:var(--e-2) var(--e-4);font:inherit;color:var(--azul);text-underline-offset:3px;cursor:pointer;background:0 0;border:0;align-self:center;font-size:1.0625rem;font-weight:700;text-decoration:underline}.recorrido-tarjeta :focus-visible{outline:3px solid var(--azul);outline-offset:2px}body[data-recorrido=nav] .nav-abajo{z-index:101;pointer-events:none}body[data-recorrido=franja] .franja{z-index:101;pointer-events:none;background:var(--fondo);border-radius:0 0 var(--r-tarjeta) var(--r-tarjeta);position:relative}[data-recorrido-alumbra]{outline:4px solid var(--azul);outline-offset:2px;border-radius:var(--r-control);background:var(--lavanda-claro)!important;color:var(--azul)!important}@media (prefers-reduced-motion:reduce){.recorrido-tarjeta{animation:none}}@media (forced-colors:active){[data-recorrido-alumbra]{outline-color:highlight}}