/* =========================================================
   Box Sócia (Partner Profile)
   ========================================================= */
.boxSocia{padding: 97px 0 120px; background: var(--color-bg-page);}
.boxSocia.natalia{padding: 120px 0 148px; background: var(--color-bg-subtle);}
	.boxSocia .centro{display: grid; grid-template-columns: 434px minmax(0, 1fr); align-items: start; gap: var(--space-48) var(--layout-column-gap);}
		.boxSocia .foto{height: 428px;}
			.boxSocia .foto img{object-position: center 22%;}
		.boxSocia .conteudo{display: flex; flex-direction: column; gap: var(--space-24); padding-top: var(--space-32);}
			.boxSocia h2{display: flex; flex-direction: column; gap: var(--space-4); font: 500 var(--type-h2-size)/var(--type-h2-line-height) var(--font-family-heading); letter-spacing: -0.02em; color: var(--color-text-heading);}
				.boxSocia h2 span{font-size: var(--type-h3-size); line-height: var(--type-h3-line-height);}
			.boxSocia .bio p{font: 300 var(--type-body-md-size)/var(--type-body-md-line-height) var(--font-family-body); letter-spacing: -0.01em; color: var(--color-text-body);}
			.boxSocia .bio p + p{margin-top: var(--type-body-md-line-height);}

/* Laptop */
@media (max-width: 1439px){
	.boxSocia,
	.boxSocia.natalia{padding: var(--layout-section-y-md) 0;}
		.boxSocia .centro{grid-template-columns: 370px minmax(0, 1fr);}
		.boxSocia .foto{height: 400px;}
		.boxSocia .conteudo{padding-top: 0;}
}

/* Tablet e celular: foto em cima, texto embaixo */
._320 .boxSocia,
._320 .boxSocia.natalia{padding: var(--layout-section-y-md) 0;}
	._320 .boxSocia .centro{grid-template-columns: minmax(0, 1fr); row-gap: var(--space-32);}
	._320 .boxSocia .foto{height: 340px;}
	._320 .boxSocia .conteudo{padding-top: 0;}

@media (max-width: 767px){
	._320 .boxSocia .foto{height: 342px;}
}