/* =========================================================
   Box Sobre Nós
   ========================================================= */
.boxSobre{position: relative; padding: 108px 0 222px; background: var(--color-bg-page);}
	.boxSobre .centro{position: relative; z-index: 1; display: grid; grid-template-columns: minmax(0, 779px) 390px; justify-content: space-between; align-items: start; column-gap: var(--layout-column-gap); row-gap: var(--space-48);}
		.boxSobre .texto{display: flex; flex-direction: column; gap: var(--space-32);}
		.boxSobre .lateral{display: flex; flex-direction: column; gap: var(--space-40);}
			.boxSobre .foto{height: 410px;}
			.boxSobre .botao{width: 100%;}

/* Laptop */
@media (max-width: 1439px){
	.boxSobre{padding: var(--layout-section-y-md) 0 180px;}
		.boxSobre .centro{grid-template-columns: minmax(0, 1fr) 320px;}
		.boxSobre .foto{height: 340px;}
}

/* Tablet e celular */
._320 .boxSobre{padding: var(--layout-section-y-md) 0 150px;}
	._320 .boxSobre .centro{grid-template-columns: minmax(0, 1fr);}
	/* Tablet: foto e botão lado a lado */
	._320 .boxSobre .lateral{flex-direction: row; align-items: center;}
		._320 .boxSobre .foto{flex: 0 0 291px; height: 270px;}
		._320 .boxSobre .botao{flex: 1 1 0; width: auto; min-width: 0;}

@media (max-width: 767px){
	._320 .boxSobre{padding-bottom: 110px;}
	._320 .boxSobre .lateral{flex-direction: column; align-items: stretch;}
		._320 .boxSobre .foto{flex: none; height: 340px;}
		._320 .boxSobre .botao{flex: none; width: 100%;}
}