/* =========================================================
   km_contacto_mapa — mapa a ancho completo.

   Como el hero de la portada: la sección ocupa todo el ancho, así que
   en WPBakery hay que poner la fila que la contiene en "Stretch row"
   para que no la limite el contenedor del builder.

   El alto llega como --km-mapa-h desde el elemento (param «Alto»).
   ========================================================= */

.km-contacto-mapa {
	--km-mapa-h: 420px;

	display: block;
	line-height: 0; /* mata el hueco bajo el iframe (es inline por defecto) */
	background: var(--km-bg);
}

/* El iframe pegado por el editor trae sus propios width/height: se
   normalizan aquí para que respete el alto de la sección. */
.km-contacto-mapa__frame,
.km-contacto-mapa__embed iframe {
	display: block;
	width: 100%;
	height: var(--km-mapa-h);
	border: 0;
}

@media (max-width: 700px) {
	.km-contacto-mapa__frame,
	.km-contacto-mapa__embed iframe {
		/* En móvil un mapa muy alto se come la pantalla entera. */
		height: min(var(--km-mapa-h), 320px);
	}
}