/* 
    Este código ajusta el mapa de Google para que
    1- Mantenga una relación de aspecto 16:9
    2- Se ajuste a los bordes de la página (se salía de los bordes en móviles; usé Firefox)
*/
.contacto-ubicacion .mapa {
    position: relative;
    width: 90%;
    padding-top: 56.25%; /* 16:9 = 9/16 ≈ 56.25% */
}
  
.contacto-ubicacion .mapa iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0;
}