/* =========================================
   SECCIÓN MAPA
   ========================================= */
.map-section {
    width: 100%;
    height: 400px; /* Puedes subir o bajar este valor si quieres el mapa más alto o más bajo */
    display: block;
    line-height: 0; /* Elimina un pequeño margen fantasma que suelen dejar los iframes debajo */
}

.map-section iframe {
    width: 100%;
    height: 100%;
    border: none;
    filter: grayscale(20%); /* Opcional: Le quita un poquito de saturación para que quede más elegante con tu diseño */
}