/* Contenedor base */
.iimap-root { display:block; max-width:100%; }
.iimap-wrap { position:relative; width:100%; }

/* Imagen responsiva */
.iimap-image { width:100%; height:auto; display:block; }

/* Overlay SVG posicionado exactamente encima, escalado con la imagen */
.iimap-overlay {
  position:absolute;
  top:0; left:0;
  width:100%; height:100%;
  pointer-events:none; /* los polígonos reactivan eventos */
}

/* Polígonos: invisibles por defecto, visibles solo en hover/focus (ROJO) */
.iimap-zone {
  fill: transparent;
  stroke: transparent;
  cursor: pointer;
  pointer-events: auto;
  transition: fill 120ms ease, stroke 120ms ease;
}
.iimap-zone:hover, .iimap-zone:focus {
  fill: rgba(220, 20, 60, 0.35);     /* rojo carmesí translúcido */
  stroke: rgba(220, 20, 60, 0.95);   /* borde rojo visible */
}
.iimap-zone:focus { outline: none; }

/* Tooltip */
.iimap-tooltip {
  position:absolute;
  display:none;
  background:#111;
  color:#fff;
  padding:6px 8px;
  border-radius:4px;
  font-size:12px;
  transform:translate(-50%, -120%);
  white-space:nowrap;
  pointer-events:none;
  box-shadow:0 4px 12px rgba(0,0,0,.2);
}

/* Mensajes de error */
.iimap-error {
  color:#b00020;
  background:#fdecec;
  padding:8px 12px;
  border-left:4px solid #b00020;
  font-size:14px;
}