/* Contenedor del mapa */
#mapWordPress { /* Asegúrate que el ID coincida con tu HTML */
    height: 600px; /* Puedes ajustar esta altura */
    width: 100%;
    border-radius: 0.5rem;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    margin-bottom: 1rem; /* Añade un margen inferior si es necesario */
}

/* Estilo para los popups de Leaflet */
.leaflet-popup-content-wrapper {
    border-radius: 0.375rem;
}

.leaflet-popup-content {
    font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; /* Fuente genérica */
    font-size: 14px; /* Tamaño de fuente base para popup */
    line-height: 1.6; /* Espaciado de línea */
}

.popup-content strong.country-name {
    color: #1f2937;
    font-size: 1.1em; /* Nombre del país un poco más grande */
    display: block; /* Asegura que esté en su propia línea */
    margin-bottom: 4px;
}

 .popup-content .label {
    color: #4b5563; /* Color gris para las etiquetas */
 }

.popup-content strong.population-number {
    color: #111827; /* Número de población más oscuro */
}

/* Estilos adicionales si son necesarios */