.profissionais-page{
	& .topo{
		background: url(../images/topo-paginas.jpg) no-repeat bottom center;
		background-size: cover;
		padding: 280px 5% 40px;
		& h1{
			color: #fff;
			font-size: 3.5rem;
			font-weight: 600;
			line-height: 1.2;
			margin: 0;
		}
	}
	/*Socios*/
	.socios{
		background: url(../images/socios.jpg) center no-repeat;
		background-size: cover; 
		padding: 75px 10%;
		color: #fff;
		& h2{
			text-align: center;
			color: #B89A61;
			font-size: 1.5rem;
			line-height: 1;
			margin: 0;
			text-transform: uppercase;
			font-weight: 700;
		}
		& .divider{
			margin: 25px auto;
			display: block;
			width: max-content;
			max-width: 100%;
		}
		& .socio{
			padding: 0 20px;
			text-align: center;
			& .foto{
				background: rgb(217,217,217);
				background: radial-gradient(circle, rgba(217,217,217,0.577468487394958) -90%, rgba(217,217,217,0) 70%);
				& img{
					aspect-ratio: 1 / 1;
					object-fit: contain;
					width: 100%;
					height: auto;
					object-position: bottom;
				}
			}
			& svg{
				width: 100%;
				margin-top: -25px;
			}
			& h3{
				margin: 0 auto 5px;
				padding: 0 25px;
				color: #B89A61;
				font-weight: 700;
				font-size: 1.2rem;
				line-height: 1.2;
			}
			& span.cargo{
				text-transform: uppercase;
				letter-spacing: 5px;
				font-weight: 200;
				font-size: .75rem;
			}

		}
	}
	.intro{
		text-align: center;
		margin: 0 auto 40px;
		font-size: 1rem;
		line-height: 1.2;
		width: 800px;
		max-width: 100%;
	}
	.setores{
		padding: 75px 5%;
		color: #344054;
		& h2{
			text-align: center;
			color: #B89A61;
			font-size: 1.5rem;
			line-height: 1;
			margin: 0;
			text-transform: uppercase;
			font-weight: 700;
		}
		& .divider{
			margin: 25px auto;
			display: block;
			width: max-content;
			max-width: 100%;
		}
		& .lista-profissionais{
			display: flex;
			flex-direction: row;
			flex-wrap: wrap;
			justify-content: center;
			gap: 20px;
			& .profissional{
				width: calc(20% - 20px);
				padding: 10px 10px;
				text-align: center;
				& .foto{
					& img{
						aspect-ratio: 1 / 1;
						object-fit: contain;
						width: 100%;
						height: auto;
						/*border-radius: 15px;*/
					}
				}
				& h3{
					margin: 15px auto 0;
					padding: 0;
					color: #B89A61;
					font-weight: 700;
					font-size: 1.2rem;
					line-height: 1.2;
				}
				& span.cargo{
					text-transform: uppercase;
					letter-spacing: 1px;
					font-weight: 400;
					color: #344054;
					font-size: .7rem;
					display: block;
					line-height: 1.5;
					margin-top: 5px;
				}

			}
		}


	}

	@media screen and (min-width: 1441px) {
		& .topo {
			padding: 280px 10% 40px;
		}
		& .setores {
			padding: 75px 10%;
			& .lista-profissionais {
				& .profissional {
					padding: 10px 20px;
					& h3 {
						padding: 0px;
					}
				}
			}
		}
	}

	@media screen and (max-width: 768px) {
		& .topo {
			padding: 100px 30px 20px;
			& h1{
				font-size: 2rem;
			}
		}
		& .socios{
			padding: 40px 30px;
			& .divider{
				margin: 15px auto;
			}
		}
		& .setores {
			padding:  40px 30px;
			& .divider{
				margin: 15px auto;
			}
			& .divider{
				margin: 15px auto;
			}
			& .lista-profissionais {
				& .profissional {
					width: calc(33.333% - 20px);
					padding: 10px 0;
					text-align: center;
				}
			}
		}
	}

	@media screen and (max-width: 480px) {
		& .socios{
			& h2{
				font-size: 1.3rem;
				line-height: 1.2;
			}
		}
		&   .setores {
			& h2{
				font-size: 1.3rem;
				line-height: 1.2;
			}
			& .lista-profissionais {
				& .profissional {
					width: calc(50% - 20px);
					padding: 0px 0;
					text-align: center;
					& h3 {
						padding: 0;
						font-size: 1rem;
						line-height: 1.2;
					}
					& span.cargo {
						font-size: .7rem;
					}
				}
			}
		}
	}
}