/* ===== ESTILOS PARA EL MAPA PERSONALIZADO ===== */
.mapa-fullwidth {
    width: 100%;

    /* El contenedor ocupa el 100% del ancho disponible */
    max-width: 100%;

    /* Asegura que no se desborde */
    margin: 0 auto;

    /* Centrado si hay un contenedor padre */
}

.mapa-fullwidth iframe {
    width: 100%;

    /* El iframe ocupa el 100% del ancho de su contenedor */
    height: 450px;

    /* Altura fija de 480px, como solicitaste */
    border: 0;
    display: block;

    /* Elimina pequeños espacios fantasma debajo */
}

/* OPCIONAL: Si quieres altura reducida en móviles, descomenta esto:
@media (max-width: 600px) {
    .mapa-fullwidth iframe {
        height: 350px;
    }
} */