/**
 * GO1 TRANSFER SUITE — Frontend Fixes / map.css
 * ─────────────────────────────────────────────────────────────
 * Mapa de ruta (tema oscuro) en la columna izquierda del paso 2,
 * justo debajo del Resumen. Estética alineada con el panel de
 * Resumen de la web (navy + acento teal).
 */

.go1-route-map-wrap {
	margin-top: 16px !important;
	background: linear-gradient(160deg, #071e3a 0%, var(--go1-bg-2, #071428) 100%) !important;
	border: 1px solid rgba(0, 196, 190, 0.20) !important;
	border-radius: 16px !important;
	overflow: hidden !important;
	font-family: var(--go1-font, 'Poppins', sans-serif) !important;
}

.go1-route-map-head {
	display: flex !important;
	align-items: baseline !important;
	justify-content: space-between !important;
	gap: 10px !important;
	padding: 14px 16px 12px !important;
	border-bottom: 1px solid rgba(0, 196, 190, 0.20) !important;
}

.go1-route-map-title {
	font-size: 12px !important;
	font-weight: 700 !important;
	color: var(--go1-teal, #00C4BE) !important;
	text-transform: uppercase !important;
	letter-spacing: 0.12em !important;
}

.go1-route-map-meta {
	font-size: 12px !important;
	font-weight: 600 !important;
	color: rgba(255, 255, 255, 0.6) !important;
	white-space: nowrap !important;
}

.go1-route-map {
	width: 100% !important;
	height: 340px !important;
	background: #04122a !important;
}

/* Controles de Google Maps sin esquinas que se salgan del card */
.go1-route-map-wrap .gm-style,
.go1-route-map-wrap .gm-style iframe + div { border: none !important; }

@media (max-width: 960px) {
	.go1-route-map { height: 260px !important; }
}
