.elementor-6333 .elementor-element.elementor-element-1cb19a7{--display:flex;}.elementor-widget .tippy-tooltip .tippy-content{text-align:center;}/* Start custom CSS for shortcode, class: .elementor-element-a1857ce *//* 1. Fondo y contenedor principal del tooltip */
#hotspots-map-container-6506 .leaflet-tooltip {
    background-color: #222222 !important; /* Cambia el color de fondo */
    color: #ffffff !important;           /* Color del texto */
    border: 2px solid #ffcc00 !important; /* Color del borde */
    border-radius: 8px !important;       /* Bordes redondeados */
    padding: 10px 15px !important;
    font-family: 'Segoe UI', sans-serif !important;
    box-shadow: 0 4px 15px rgba(0,0,0,0.3) !important;
}

/* 2. Estilo para el título (si usas encabezados dentro) */
#hotspots-map-container-6506 .leaflet-tooltip h3 {
    margin: 0 0 5px 0 !important;
    color: #ffcc00 !important;
    font-size: 16px !important;
}

/* 3. Estilo para la "flechita" que apunta al mapa */
#hotspots-map-container-6506 .leaflet-tooltip-top:before {
    border-top-color: #ffcc00 !important; /* Debe coincidir con el color de tu borde o fondo */
}
#hotspots-map-container-6506 .leaflet-tooltip-bottom:before {
    border-bottom-color: #ffcc00 !important;
}
#hotspots-map-container-6506 .leaflet-tooltip-left:before {
    border-left-color: #ffcc00 !important;
}
#hotspots-map-container-6506 .leaflet-tooltip-right:before {
    border-right-color: #ffcc00 !important;
}/* End custom CSS */