/**
 * Mapas de distribuidores (Elementor Hotspot):
 * - solo el punto rojo es clicable; el halo no intercepta el clic
 * - respetar saltos de línea en tooltips (listas de distribuidores)
 * - país en mayúsculas + botón cerrar
 */
.elementor-widget-hotspot .e-hotspot__button {
  pointer-events: none;
}

.elementor-widget-hotspot .e-hotspot__outer-circle {
  pointer-events: none;
}

.elementor-widget-hotspot .e-hotspot__inner-circle {
  pointer-events: auto;
  cursor: pointer;
}

.elementor-widget-hotspot .e-hotspot__tooltip {
  /* pre-line: respeta saltos de línea de la lista, pero no tabulaciones
     del HTML de Elementor (que empujaban el nombre del país a la derecha). */
  white-space: pre-line;
  text-align: left;
  /* Más ancha que el ajuste de Elementor (~390–468px) para partir menos líneas. */
  min-width: 520px !important;
  max-width: 600px !important;
  position: absolute;
  box-sizing: border-box;
  /* Menos aire arriba del nombre del país; espacio a la derecha para la X. */
  padding-top: 12px !important;
  padding-right: 2.25rem !important;
}

/* Elementor pone pointer-events:none en el tooltip; hace falta para la X. */
.elementor-widget-hotspot .e-hotspot--active .e-hotspot__tooltip {
  pointer-events: auto;
}

.elementor-widget-hotspot .prodesco-hotspot-country {
  text-transform: uppercase;
}

.elementor-widget-hotspot .prodesco-hotspot-close {
  position: absolute;
  top: 0.35rem;
  right: 0.45rem;
  z-index: 2;
  width: 1.75rem;
  height: 1.75rem;
  margin: 0;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  color: #5c5c5c;
  font-size: 1.45rem;
  font-weight: 400;
  line-height: 1;
  cursor: pointer;
  pointer-events: auto;
}

.elementor-widget-hotspot .prodesco-hotspot-close:hover,
.elementor-widget-hotspot .prodesco-hotspot-close:focus-visible {
  color: #c80108;
  outline: none;
}

@media (max-width: 1024px) {
  .elementor-widget-hotspot .e-hotspot__tooltip {
    min-width: 360px !important;
    max-width: 420px !important;
  }
}

@media (max-width: 767px) {
  .elementor-widget-hotspot .e-hotspot__tooltip {
    min-width: 240px !important;
    max-width: min(280px, 88vw) !important;
  }
}