/**
 * Hermosillo Sedes y mapa: titulo, mapa y direcciones de las oficinas (Figma Contact: "A nationwide presence").
 */
.hermosillo-locations-widget {
	background: var(--hmo-white);
	box-sizing: border-box;
	color: var(--hmo-black);
	font-family: 'Flama Condensed', 'FlamaCond', 'Roboto Condensed', sans-serif;
	padding: 160px 24px 0;
	width: 100%;
}

.hermosillo-locations-widget * { box-sizing: border-box; }

.hermosillo-locations-widget .hloc-inner { margin: 0 auto; max-width: 1200px; width: 100%; }

.hermosillo-locations-widget .hloc-header { margin: 0 0 40px; text-align: center; }

.hermosillo-locations-widget .hloc-title {
	color: var(--hmo-blue);
	font-family: 'Flama Condensed', 'FlamaCond', 'Roboto Condensed', sans-serif;
	font-size: clamp(34px, 4vw, 48px);
	font-weight: 600 !important;
	line-height: 44px;
	margin: 0 !important;
	text-transform: uppercase;
}

.hermosillo-locations-widget .hloc-line { background: var(--hmo-orange); display: block; height: 2px; margin: 16px auto 0; width: 54px; }

.hermosillo-locations-widget .hloc-map { align-items: center; display: flex; justify-content: center; margin: 0 auto 56px; min-height: 120px; }
.hermosillo-locations-widget .hloc-map img { display: block; height: auto; max-width: 100%; width: 100%; }
.hermosillo-locations-widget .hloc-placeholder { background: var(--hmo-porcelain); color: var(--hmo-blue-steel); font-family: 'Flama', sans-serif; padding: 80px 24px; text-align: center; width: 100%; }

.hermosillo-locations-widget .hloc-grid { display: grid; gap: 48px 24px; grid-template-columns: repeat(3, minmax(0, 1fr)); }

.hermosillo-locations-widget .hloc-name { color: var(--hmo-blue); font-family: 'Flama', 'FlamaBook', sans-serif; font-size: 18px; font-weight: 600; line-height: 24px; margin: 0 0 8px; }
.hermosillo-locations-widget .hloc-address { color: var(--hmo-gray); font-family: 'Enriqueta', Georgia, serif; font-size: 16px; line-height: 24px; margin: 0 0 16px; }
.hermosillo-locations-widget .hloc-link { align-items: center; color: var(--hmo-blue); display: inline-flex; font-family: 'Flama', 'FlamaBook', sans-serif; font-size: 14px; font-weight: 500; gap: 8px; text-decoration: none; }
.hermosillo-locations-widget .hloc-link:hover { color: var(--hmo-orange); }

@media (max-width: 768px) {
	.hermosillo-locations-widget { padding: 80px 16px 0; }
	.hermosillo-locations-widget .hloc-header { margin-bottom: 24px; }
	.hermosillo-locations-widget .hloc-title { font-size: 32px; line-height: 36px; }
	.hermosillo-locations-widget .hloc-map { margin-bottom: 32px; }
	.hermosillo-locations-widget .hloc-grid { gap: 32px; }
}