

.pin-bolivar {
  top: 13% !important;   
  left: 35.3% !important;  
}

.pin-cesar {
  top: 17% !important;
  left: 44.1% !important;
}

.pin-boyaca {
  top: 39% !important;
  left: 46% !important;
}

.pin-arauca {
  top: 33% !important;
  left: 57.5% !important;
}

.pin-casanare {
  top: 39% !important;
  left: 54.3% !important;
}

.pin-cundinamarca {
  top: 43% !important;
  left: 41% !important;
}

.pin-meta {
  top: 50.5% !important;
  left: 46.5% !important;
}

.pin-huila {
  top: 54.5% !important;
  left: 32.9% !important;
}

.pin-putumayo {
  top: 68% !important;
  left: 33.7% !important;
}

.tooltip-bolivar {
  left: -87% !important;         
  bottom: 5px !important;    
  transform: rotate(45deg) translateX(-1%) !important; 
}

.tooltip-cesar {
  left: -85% !important;
  bottom: 5px !important;
  transform: rotate(45deg) translateX(-1%) !important;
}

.tooltip-boyaca {
  left: -60% !important;
  bottom: 1px !important;
  transform: rotate(45deg) translateX(-1%) !important;
}

.tooltip-arauca {
  left: -85% !important;
  bottom: 5px !important;
  transform: rotate(45deg) translateX(-1%) !important;
}

.tooltip-casanare {
  left: -50% !important;
  bottom: 2px !important;
  transform: rotate(45deg) translateX(-1%) !important;
}

.tooltip-cundinamarca {
  left: -50% !important;
  bottom: 2px !important;
  transform: rotate(45deg) translateX(-1%) !important;
}

.tooltip-meta {
  left: -55% !important;
  bottom: 1px !important;
  transform: rotate(45deg) translateX(-1%) !important;
}

.tooltip-huila {
  left: -55% !important;
  bottom: 1px !important;
  transform: rotate(45deg) translateX(-1%) !important;
}

.tooltip-putumayo {
  left: -55% !important;
  bottom: 1px !important;
  transform: rotate(45deg) translateX(-1%) !important;
}

.pin-texas {
  top: 33% !important;      
  left: 39.2% !important;   
}

.pin-bolivia {
  top: 63.5% !important;    
  left: 59.8% !important;   
}

.tooltip-texas {
  left: -98% !important;         
  bottom: 5px !important;        
  transform: rotate(45deg) translateX(-1%) !important; 
}

.tooltip-bolivia {
  left: -110% !important;
  bottom: 4px !important;
  transform: rotate(45deg) translateX(-1%) !important;
}

/* ========================================================================
   TOOLTIPS INVERTIDOS - Apuntan hacia abajo (6 horas) cuando hay overlap
   ======================================================================== */

/* Regla base para TODOS los tooltips invertidos */
.gps-pin .pin-tooltip.tooltip-flipped {
  /* Posicionamiento centrado perfecto - elimina cualquier left negativo */
  left: 50% !important;
  /* Transform sin rotación - elimina el rotate(45deg) */
  transform: translateX(-50%) !important;
  /* Invertir la posición vertical */
  bottom: auto !important;
  top: 35px !important;
}

/* Sobrescribir específicamente cada tooltip personalizado con MÁXIMA especificidad */
.gps-pin .pin-tooltip.tooltip-bolivar.tooltip-flipped,
.gps-pin .pin-tooltip.tooltip-cesar.tooltip-flipped,
.gps-pin .pin-tooltip.tooltip-boyaca.tooltip-flipped,
.gps-pin .pin-tooltip.tooltip-arauca.tooltip-flipped,
.gps-pin .pin-tooltip.tooltip-casanare.tooltip-flipped,
.gps-pin .pin-tooltip.tooltip-cundinamarca.tooltip-flipped,
.gps-pin .pin-tooltip.tooltip-meta.tooltip-flipped,
.gps-pin .pin-tooltip.tooltip-huila.tooltip-flipped,
.gps-pin .pin-tooltip.tooltip-putumayo.tooltip-flipped,
.gps-pin .pin-tooltip.tooltip-texas.tooltip-flipped,
.gps-pin .pin-tooltip.tooltip-bolivia.tooltip-flipped {
  left: 50% !important;
  transform: translateX(-50%) !important;
  bottom: auto !important;
  top: 35px !important;
}

/* Invertir la flecha para que apunte hacia arriba (desde el tooltip hacia el pin) */
.gps-pin .pin-tooltip.tooltip-flipped::after {
  /* Mover la flecha a la parte superior del tooltip */
  top: auto !important;
  bottom: 100% !important;
  /* Centrar la flecha */
  left: 50% !important;
  transform: translateX(-50%) !important;
  /* Invertir los colores de la flecha para que apunte hacia arriba */
  border-top-color: transparent !important;
  border-bottom-color: #f7c80c !important;
}

/* Invertir la línea conectora */
.gps-pin .pin-tooltip.tooltip-flipped::before {
  top: auto !important;
  bottom: 100% !important;
  left: 50% !important;
  transform: translateX(-50%) !important;
}

