/***** UBICACION  *****/
.surgery {
	display: grid;
	grid-template-columns: minmax(320px, 30%) minmax(0, 1fr);
	width: 100%;
	min-height: 520px;
	background: var(--dark);
}

.surgery-information {
	display: flex;
	align-items: center;
	background-color: var(--dark);
	color: white;
	font-size: 16px;
}

#surgery-one, #surgery-two { background-image: none; }

.surgery-information > div { width: 100%; margin: 0 auto; padding: 56px 40px; text-align: left; }

.surgery-information h2 {
	margin: 0 0 12px;
	font-family: var(--font-display);
	font-size: 30px;
	font-weight: 500;
	line-height: 1.1;
	color: white;
}

.surgery-information p { margin: 0; line-height: 1.65; color: #E4E4E7; }
.surgery-information a:hover { color: var(--pink-soft); }

.surgery-information hr {
	width: 56px;
	height: 3px;
	margin: 28px 0;
	border: 0;
	border-radius: 3px;
	background: var(--pink);
}

.surgery-cta {
	display: inline-block;
	margin-top: 26px;
	padding: 11px 22px;
	border: 1.5px solid var(--pink-soft);
	border-radius: 999px;
	color: white;
	font-size: 15px;
	font-weight: 600;
	transition: background-color .2s, color .2s;
}

.surgery-cta:hover { background: var(--pink-soft); color: var(--dark) !important; }

.surgery-map { min-height: 360px; background: var(--blush-2); }
.surgery-map > iframe { display: block; border: 0; height: 100%; width: 100%; min-height: 360px; }
/***** FIN UBICACION  *****/

@media only screen and (max-width: 767px) {
	.surgery { grid-template-columns: 1fr; min-height: 0; }
	.surgery-information > div { padding: 44px 8%; }
	.surgery-map, .surgery-map > iframe { height: 340px; }
}