/*****  SOBRE LA DOCTORA  *****/
#about-us, #about-us-2 {
	display: grid;
	grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
	width: 100%;
	background: var(--white);
}

#about-us > div, #about-us-2 > div { display: flex; align-items: center; }

#about-us-image, #about-us-image-2 {
	position: relative;
	justify-content: center;
	padding: 0;
	min-height: 360px;
	background: var(--blush-2);
	overflow: hidden;
}

/* Sello de marca: sustituir por foto de la doctora o del consultorio cuando esté disponible */
.brand-panel { position: relative; z-index: 1; max-width: 420px; }

.brand-panel .brand-clinic {
	margin: 0;
	font-family: var(--font-display);
	font-size: clamp(30px, 3.4vw, 46px);
	line-height: 1.08;
	letter-spacing: -0.02em;
	color: var(--ink);
}

.brand-panel .brand-clinic em { display: block; font-style: normal; color: var(--primary-ink); }

.brand-panel .brand-by { margin: 14px 0 0; font-size: 16px; color: var(--gray); }

.brand-figure {
	position: absolute;
	right: 9%;
	top: 50%;
	transform: translateY(-50%);
	height: 82%;
	width: auto;
	color: var(--pink);
	opacity: .45;
	pointer-events: none;
}

#about-us-information > div, #about-us-information-2 > div {
	width: 100%;
	max-width: 560px;
	margin: 0 auto;
	padding: 72px 6%;
	color: var(--text);
}

#about-us-information .title-section, #about-us-information-2 .title-section { padding: 0 !important; text-align: left; margin: 0; max-width: none; }

#about-us-information .title-section .title, #about-us-information-2 .title-section .title { color: var(--ink); font-size: clamp(34px, 3.6vw, 48px); }

#about-us-body { text-align: left; font-size: 17px; line-height: 1.7; }
#about-us-body p { margin: 0 0 16px; max-width: 60ch; }
#about-us-body p b { color: var(--ink); font-weight: 600; }

#about-us-body > hr, #about-us-body-2 > hr {
	width: 56px;
	height: 3px;
	margin: 22px 0 24px;
	border: 0;
	border-radius: 3px;
	background: var(--pink);
}

#about-us-body-2 { text-align: left; font-size: 15px; line-height: 1.6; }
#about-us-body-2 li { display: block; margin-bottom: 10px; }

/***** FIN SOBRE LA DOCTORA  *****/

@media only screen and (max-width: 767px) {
	#about-us, #about-us-2 { grid-template-columns: 1fr; }
	#about-us-image, #about-us-image-2 { padding: 48px 8%; min-height: 240px; }
	#about-us-information > div, #about-us-information-2 > div { padding: 44px 8% 56px; }
	.brand-figure { height: 86%; right: 6%; }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
	.brand-figure { height: 70%; right: 4%; }
}

/* Foto de la doctora: cubre todo el panel */
#about-us-image > img, #about-us-image-2 > img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: 50% 30%; }

@media only screen and (max-width: 767px) {
	#about-us-image, #about-us-image-2 { padding: 0; min-height: 0; aspect-ratio: 3 / 2; }
}