/*****  CONTACTANOS (banda oscura)  *****/
#contact-us {
	width: 100%;
	color: white;
	background-color: var(--dark);
	background-image: none;
	padding: 76px 0;
}

#contact-us > div {
	display: grid;
	grid-template-columns: minmax(0, 1.2fr) minmax(0, .8fr);
	gap: 48px;
	width: 92%;
	max-width: 1200px;
	margin: 0 auto;
}

#contact-data, #social-networks-footer { display: block; }

#contact-data h3, #social-networks-footer h3 {
	margin: 0 0 14px;
	font-family: var(--font-display);
	font-size: 34px;
	font-weight: 500;
	line-height: 1.1;
	color: white;
}

#contact-data p { margin: 0; max-width: 44ch; font-size: 16px; line-height: 1.65; color: #D9D9DD; }

#emergency-contact { display: flex; align-items: center; gap: 14px; margin-top: 26px; }

#emergency-contact > img { width: 30px; height: 30px; flex: none; }

#emergency-contact h4 { margin: 0; font-family: var(--font-body); font-size: 13px; font-weight: 600; color: var(--pink-soft); }
#emergency-contact p { margin: 0; font-size: 22px; font-weight: 600; color: white; }
#emergency-contact a:hover { color: var(--pink-soft); }

#networks-footer { display: flex; flex-wrap: wrap; gap: 12px; }

#networks-footer > div {
	width: 48px;
	height: 48px;
	border: 1.5px solid rgba(255, 255, 255, .32);
	border-radius: 50%;
	transition: background-color .2s, border-color .2s;
}

#networks-footer > div a { display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; }
#networks-footer > div img { width: 22px; height: 22px; display: block; }
#networks-footer > div:hover { background: var(--primary); border-color: var(--primary); }
/***** FIN CONTACTANOS  *****/

@media only screen and (max-width: 767px) {
	#contact-us { padding: 56px 0; }
	#contact-us > div { grid-template-columns: 1fr; gap: 40px; text-align: center; }
	#contact-data p { margin: 0 auto; }
	#emergency-contact { justify-content: center; text-align: left; }
	#networks-footer { justify-content: center; }
}