/* =========================================================
   Box Contato
   ========================================================= */
.boxContato{position: relative; padding: var(--space-96) 0 249px; background: var(--color-bg-page);}
	.boxContato .centro{position: relative; z-index: 1; display: flex; flex-direction: column; gap: var(--space-80);}
	.boxContato .detalhes{display: flex; align-items: flex-start; justify-content: space-between; gap: var(--space-48);}
		.boxContato .info{display: flex; gap: var(--space-64);}
			.boxContato .coluna{display: flex; flex-direction: column; gap: 40px;}
				.boxContato .coluna .blocoInfo:nth-child(2){gap: 6px;}
			.boxContato .redesAtencao{justify-content: space-between; min-height: 374px;}
				.boxContato .atencao p{max-width: 275px;}
		.boxContato .foto{flex: 0 1 415px; height: 418px;}

/* Laptop */
@media (max-width: 1439px){
	.boxContato{padding: var(--layout-section-y-md) 0 200px;}
		.boxContato .centro{gap: var(--space-64);}
		.boxContato .info{gap: 42px;}
			.boxContato .coluna{gap: var(--space-32);}
				.boxContato .blocoInfo h3{font-size: 28px;}
				.boxContato .coluna:first-child .blocoInfo:last-child p{max-width: 298px;}
			.boxContato .redesAtencao{min-height: 0; justify-content: space-between;}
		.boxContato .foto{flex-basis: 300px; height: 380px;}
}

/* Tablet e celular */
._320 .boxContato{padding: var(--layout-section-y-md) 0 160px;}
	._320 .boxContato .centro{gap: var(--space-64);}
	._320 .boxContato .detalhes{flex-direction: column; gap: var(--space-48);}
		._320 .boxContato .info{width: 100%; gap: var(--space-40);}
			._320 .boxContato .coluna{flex: 1 1 0; min-width: 0;}
				._320 .boxContato .blocoInfo h3{font-size: var(--type-h3-size);}
		._320 .boxContato .foto{flex: none; width: 629px; max-width: 100%; height: 317px;}

/* Celular: colunas empilhadas (redes sociais aparecem) e sem a foto */
@media (max-width: 767px){
	._320 .boxContato{padding-bottom: 110px;}
		._320 .boxContato .info{flex-direction: column; gap: 40px;}
			._320 .boxContato .coluna{flex: none;}
			._320 .boxContato .redesAtencao{gap: var(--space-32); justify-content: flex-start;}
		._320 .boxContato .foto{display: none;}
}