#contenido-principal{flex-direction:column;flex:1;display:flex}.como-llegar__cabecera{align-items:end;gap:1.5rem;display:grid}.como-llegar__bajada{max-width:32rem;color:color-mix(in srgb, var(--color-tinta) 76%, transparent);font-size:15px;line-height:1.72}.mapa{margin-top:2rem}.mapa__controles{flex-direction:column;gap:1rem;margin-bottom:1rem;display:flex}.mapa__rutas{flex-wrap:wrap;gap:.55rem;display:flex}.mapa__ruta-boton{border:1.5px solid color-mix(in srgb, var(--color-tinta) 18%, transparent);background:var(--color-crema);min-height:44px;color:var(--color-tinta);border-radius:999px;padding:.68rem 1rem;font-size:13px;font-weight:800;transition:transform .2s,background .2s,color .2s}.mapa__ruta-boton[aria-pressed=true]{border-color:var(--color-tinta);background:var(--color-tinta);color:var(--color-crema);box-shadow:0 10px 24px -16px var(--color-tinta)}.mapa__ruta-boton:hover{transform:translateY(-1px)}.mapa__ruta-boton:focus-visible,.mapa__zoom:focus-visible,.mapa__punto:focus-visible,.como-llegar__boton:focus-visible{outline:3px solid var(--color-verde);outline-offset:3px}.mapa__marco{border:1.5px solid color-mix(in srgb, var(--color-tinta) 15%, transparent);background:var(--color-crema);box-shadow:0 26px 70px -45px color-mix(in srgb, var(--color-tinta) 52%, transparent);border-radius:2rem;overflow:hidden}.mapa__barra{border-bottom:1px solid color-mix(in srgb, var(--color-tinta) 12%, transparent);justify-content:space-between;align-items:center;gap:1rem;padding:.85rem 1rem;display:flex}.mapa__barra p{min-width:0;color:var(--color-tinta);flex-direction:column;font-size:13px;line-height:1.35;display:flex}.mapa__barra p span{color:color-mix(in srgb, var(--color-tinta) 65%, transparent);font-size:11px;font-weight:650}.mapa__zoom{background:color-mix(in srgb, var(--color-lila-claro) 45%, var(--color-crema));min-height:42px;color:var(--color-tinta);border-radius:999px;flex:none;align-items:center;gap:.45rem;padding:.55rem .85rem;font-size:12px;font-weight:850;display:flex}.mapa__zoom span{background:var(--color-tinta);width:1.25rem;height:1.25rem;color:var(--color-crema);border-radius:50%;place-items:center;font-size:16px;line-height:1;display:grid}.mapa__visor{overscroll-behavior:contain;background:color-mix(in srgb, var(--color-arena) 52%, var(--color-crema));scrollbar-color:var(--color-lila) transparent;scrollbar-width:thin;touch-action:pan-x pan-y pinch-zoom;overflow:auto}.mapa__lienzo{transform-origin:0 0;width:100%;min-width:100%;transition:width .35s;position:relative}.mapa__visor--zoom .mapa__lienzo{width:145%}.mapa__svg{width:100%;height:auto;display:block}.mapa__fondo{fill:color-mix(in srgb, var(--color-arena) 62%, var(--color-crema))}.mapa__verde-area{fill:color-mix(in srgb, var(--color-verde) 12%, var(--color-crema))}.mapa__villa-area{fill:color-mix(in srgb, var(--color-lila-claro) 25%, var(--color-crema));opacity:.55}.mapa__manzanas path{fill:color-mix(in srgb, var(--color-crema) 82%, white);stroke:color-mix(in srgb, var(--color-lila) 20%, transparent);stroke-width:1.5px}.mapa__calle{fill:none;stroke:var(--color-crema);stroke-linecap:round;stroke-linejoin:round}.mapa__calle--alameda{stroke-width:34px}.mapa__calle--mediana{stroke-width:20px}.mapa__calle--barrio{stroke-width:13px}.mapa__calle--portales{stroke-width:25px}.mapa__nombres-calle text{paint-order:stroke;stroke:var(--color-crema);stroke-width:8px;stroke-linejoin:round;fill:color-mix(in srgb, var(--color-tinta) 66%, transparent);letter-spacing:.015em;font-size:13px;font-weight:800}.mapa__bloques path{fill:color-mix(in srgb, var(--color-lila-hondo) 72%, var(--color-lila));stroke:var(--color-crema);stroke-width:2px}.mapa__usach-zona{fill:color-mix(in srgb, var(--color-lila-claro) 25%, transparent);stroke:color-mix(in srgb, var(--color-lila-hondo) 42%, transparent);stroke-width:2px;stroke-dasharray:6 8}.mapa__usach-edificio path{fill:var(--color-crema);stroke:var(--color-lila-hondo);stroke-width:4px;stroke-linecap:round;stroke-linejoin:round}.mapa__usach-edificio text{fill:var(--color-tinta);font-size:15px;font-weight:900}.mapa__recorrido-base,.mapa__recorrido{fill:none;stroke-linecap:round;stroke-linejoin:round;stroke-width:12px}.mapa__recorrido-base{stroke:color-mix(in srgb, var(--color-verde) 25%, var(--color-crema))}.mapa__recorrido{stroke:var(--color-verde);stroke-dasharray:1;stroke-dashoffset:1px;filter:drop-shadow(0 3px 3px color-mix(in srgb, var(--color-verde-texto) 25%, transparent));animation:12s ease-in-out infinite mapa-dibujar}.mapa__metro-fondo{fill:var(--color-lila-hondo);stroke:var(--color-crema);stroke-width:4px}.mapa__metro-m{fill:none;stroke:var(--color-crema);stroke-width:5px;stroke-linecap:round;stroke-linejoin:round}.mapa__linea{fill:var(--color-verde)}.mapa__linea-texto{fill:var(--color-tinta);font-size:10px;font-weight:950}.mapa__etiqueta rect{fill:color-mix(in srgb, var(--color-crema) 94%, white);stroke:color-mix(in srgb, var(--color-tinta) 18%, transparent);stroke-width:1.5px}.mapa__etiqueta text{fill:var(--color-tinta);font-size:16px;font-weight:850}.mapa__entrada circle{fill:var(--color-verde-texto);stroke:var(--color-crema);stroke-width:4px}.mapa__entrada path{fill:none;stroke:var(--color-crema);stroke-width:3px;stroke-linecap:round;stroke-linejoin:round}.mapa__rosa circle{fill:color-mix(in srgb, var(--color-crema) 92%, white);stroke:color-mix(in srgb, var(--color-tinta) 22%, transparent);stroke-width:2px}.mapa__rosa path{fill:var(--color-poti);stroke:var(--color-poti-raya);stroke-width:1.5px}.mapa__rosa text{fill:var(--color-tinta);font-size:12px;font-weight:950}.mapa__poti{pointer-events:none}.mapa__poti-cuerpo{width:44px;height:44px;filter:drop-shadow(0 5px 4px color-mix(in srgb, var(--color-tinta) 22%, transparent));place-items:center;animation:.55s ease-in-out infinite alternate mapa-pasito;display:grid}.mapa__puntos{pointer-events:none;position:absolute;inset:0}.mapa__punto{pointer-events:auto;background:0 0;border-radius:50%;width:44px;height:44px;position:absolute}.mapa__punto--san-alberto{top:78.7%;left:17.3%}.mapa__punto--universidad{top:73%;left:65.9%}.mapa__punto--usach{top:52%;left:70.1%}.mapa__punto--entrada{top:47.5%;left:50.7%}.mapa__tarjeta{border-top:1px solid color-mix(in srgb, var(--color-tinta) 12%, transparent);background:color-mix(in srgb, var(--color-crema) 88%, white);align-items:flex-start;gap:.8rem;min-height:76px;padding:1rem 1.15rem;display:flex}.mapa__tarjeta-punto{background:var(--color-verde);width:.72rem;height:.72rem;box-shadow:0 0 0 5px color-mix(in srgb, var(--color-verde) 18%, transparent);border-radius:50%;flex:none;margin-top:.28rem}.mapa__tarjeta h3{color:var(--color-tinta);font-size:14px;font-weight:900}.mapa__tarjeta p{color:color-mix(in srgb, var(--color-tinta) 70%, transparent);margin-top:.18rem;font-size:12px;line-height:1.5}.mapa__fuente{text-align:center;color:color-mix(in srgb, var(--color-tinta) 62%, transparent);margin-top:.65rem;font-size:10px;line-height:1.5}.como-llegar__indicaciones{gap:1.35rem;margin-top:2.4rem;display:grid}.como-llegar__indicaciones-cabecera{gap:.4rem;display:grid}.como-llegar__pasos{gap:.7rem;display:grid}.como-llegar__paso{border:1px solid color-mix(in srgb, var(--color-tinta) 12%, transparent);background:color-mix(in srgb, var(--color-crema) 82%, var(--color-arena));min-height:76px;color:color-mix(in srgb, var(--color-tinta) 78%, transparent);border-radius:1.3rem;align-items:center;gap:1rem;padding:1rem 1.1rem;font-size:14px;line-height:1.55;display:flex}.como-llegar__paso--privacidad{background:color-mix(in srgb, var(--color-verde) 10%, var(--color-crema))}.como-llegar__numero{background:var(--color-verde);width:2.3rem;height:2.3rem;color:var(--color-tinta);box-shadow:0 7px 18px -10px var(--color-tinta);border-radius:50%;flex:none;place-items:center;font-size:14px;font-weight:950;display:grid}.como-llegar__accion{background:var(--color-tinta);color:var(--color-crema);border-radius:1.5rem;flex-direction:column;align-items:flex-start;gap:1.25rem;margin-top:1.2rem;padding:1.35rem;display:flex}.como-llegar__accion .rotulo{color:var(--color-verde)}.como-llegar__accion p:not(.rotulo){color:color-mix(in srgb, var(--color-crema) 74%, transparent);margin-top:.35rem;font-size:13px}.como-llegar__boton{background:var(--color-verde);width:100%;min-height:52px;color:var(--color-tinta);border-radius:999px;justify-content:center;align-items:center;gap:.65rem;padding:.85rem 1.3rem;font-size:14px;font-weight:900;transition:transform .2s,box-shadow .2s;display:flex}.como-llegar__boton:hover{box-shadow:0 12px 25px -14px var(--color-verde);transform:translateY(-2px)}.como-llegar__boton:active{transform:scale(.98)}@keyframes mapa-dibujar{0%,12%{stroke-dashoffset:1px}60%,88%{stroke-dashoffset:0}to{stroke-dashoffset:-1px}}@keyframes mapa-pasito{to{transform:translateY(-4px)rotate(5deg)}}@media (min-width:768px){.como-llegar__cabecera{grid-template-columns:minmax(0,1.35fr) minmax(16rem,.65fr)}.mapa{margin-top:2.5rem}.mapa__controles{flex-direction:row;justify-content:space-between;align-items:end}.como-llegar__indicaciones{grid-template-columns:minmax(14rem,.42fr) minmax(0,1fr);align-items:start}.como-llegar__accion{flex-direction:row;justify-content:space-between;align-items:center;padding:1.5rem 1.75rem}.como-llegar__boton{width:auto;min-width:15rem}}@media (max-width:639px){.mapa__marco{border-radius:1.4rem}.mapa__rutas{grid-template-columns:1fr;display:grid}.mapa__ruta-boton{text-align:left}.mapa__barra{align-items:flex-start}.mapa__barra p{font-size:12px}.mapa__zoom{padding:.5rem .7rem}.mapa__visor{min-height:215px}.mapa__visor--zoom{height:370px}.mapa__visor--zoom .mapa__lienzo{width:178%}.mapa__tarjeta{min-height:92px}.como-llegar__paso{align-items:flex-start}}