/* Asegurar que las tarjetas de sucursal tengan un ancho consistente */
.card {
    transition: transform 0.2s ease;
}

.card:hover {
    box-shadow: 0 10px 25px rgba(0,0,0,0.1) !important;
}

/* Ajuste del mapa para que llene el espacio perfectamente */
.col-md-5 .w-100 {
    min-height: 250px; /* Esto asegura que el mapa siempre tenga buen tamaño */
}

/* Responsividad: En móviles, que el mapa se ponga abajo */
@media (max-width: 768px) {
    .col-md-5 {
        order: 2; /* Mapa abajo en celular */
    }
}