/* Interacciones del mapa separadas para evitar CSS obsoleto en caché. */
.map-tooltip::after {
  content: "";
  position: absolute;
  right: 0;
  bottom: calc(-1 * var(--space-2));
  left: 0;
  height: var(--space-2);
}

.map-marker.is-map-card-open .map-tooltip {
  pointer-events: auto;
}

.map-marker--tooltip-below .map-tooltip {
  top: calc(100% + var(--space-2));
  bottom: auto;
}

.map-marker--tooltip-below .map-tooltip::after {
  top: calc(-1 * var(--space-2));
  bottom: auto;
}

.map-marker--tooltip-below::after {
  content: "";
  position: absolute;
  z-index: var(--z-base);
  top: 100%;
  left: 50%;
  width: 4rem;
  height: var(--space-2);
  transform: translateX(-50%);
}

@media (max-width: 40rem) {
  .map-tooltip::after {
    top: calc(-1 * var(--space-2));
    bottom: auto;
  }

  .map-marker--mobile-above .map-tooltip::after {
    top: auto;
    bottom: calc(-1 * var(--space-2));
  }
}