/* =====================================
   GOOGLE-MAPS.CSS - Contenedor de mapas
   ===================================== */

/* ============================
   CONTENEDOR PRINCIPAL
   ============================ */

.map-container {
  width: 100%;
  max-width: 800px;
  height: 450px;
  margin: 100px auto;
  border: 2px solid #1A3864;
  border-radius: 10px;
  overflow: hidden;
  box-shadow: 0 4px 10px rgba(0,0,0,0.1);
}

/* ============================
   IFRAME DEL MAPA
   ============================ */

.map-container iframe {
  width: 100%;
  height: 100%;
  border: 0;
  display: block;
}