/* static/css/locations-map.css */
/* NOTA: la sección dedicada "¿Dónde Estamos?" se eliminó -- el mapa ahora
   vive directamente en el footer (contact.css). Este archivo quedó
   reducido al theming del popup de Leaflet, que sigue siendo compartido. */

.al-map-popup .leaflet-popup-content-wrapper {
    border-radius: 10px;
    box-shadow: 0 4px 16px rgba(22, 38, 64, 0.25);
}

.al-map-popup .leaflet-popup-content {
    margin: 14px 16px;
    font-family: 'Segoe UI', Arial, sans-serif;
}

.al-map-popup-title {
    color: #b61e25;
    font-weight: 800;
    font-size: 1rem;
    margin-bottom: 4px;
    display: block;
}

.al-map-popup-address {
    color: #162640;
    font-size: 0.9rem;
    line-height: 1.4;
}

.al-map-popup-link {
    display: inline-block;
    margin-top: 8px;
    color: #b61e25;
    font-weight: 700;
    font-size: 0.85rem;
    text-decoration: none;
}

.al-map-popup-link:hover {
    text-decoration: underline;
}