/* Estilos da Página Sobre Nós */
header .botao-container {
display: none;
}
.sobre {
display: flex;
flex-direction: column;
background-color: var(--corPrincipal);
color: var(--corTextoBranco);
padding-top: 29%;
text-align: center;
}
.sobre_conteudo {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
padding: 10px;
gap: 30px;
max-width: 1200px;
margin: 0 auto;
}
.sobre_titulo {
font-size: 2.5rem;
font-weight: bold;
margin-bottom: 20px;
}
.sobre_descricao {
font-size: 1.2rem;
text-align: left;
line-height: 1.6;
max-width: 800px;
margin-bottom: 15px;
}
.sobre_imagem img {
max-width: 70%;
}
/* Estilo da Seção de Valores */
.sobre_valores {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
gap: 50px;
padding: 40px 0px;
background-color: var(--corSecao);
}
.valores_titulo {
font-size: 2rem;
margin-bottom: 40px;
}
.diferenciais {
display: flex;
flex-wrap: wrap;
justify-content: center;
gap: 2rem;
}
.diferencial {
border: 1px solid var(--corSecundaria);
box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
border-radius: 8px;
padding: 10px;
width: 250px;
text-align: center;
}
.diferencial .icone {
font-size: 3rem;
color: var(--corSecundaria);
margin-bottom: 1rem;
}
.diferencial h4 {
font-size: 1.5rem;
margin-bottom: 1rem;
}
.diferencial p {
font-size: 1rem;
line-height: 1.5;
}
.botao-container {
display: flex;
justify-content: center;
}
.botao {
background-color: var(--corSecundaria);
padding: 10px 30px;
color: var(--corTextoBranco);
text-decoration: none;
font-weight: 500;
font-size: 1.2em;
border: none;
border-radius: 50px;
cursor: pointer;
}
/* Hover e foco */
.botao:hover{
background-color: var(--corHover);
transform: translateY(-8px);
}
/* Responsividade */
@media (min-width: 1000px) {
.menu-area {
 display: none;
}
.header {
padding: 60px 30px;
justify-content: space-around;
}
.menu-principal {
display: flex;
flex-direction: row;
position: static;
transform: none;
height: 10vh;
gap: 50px;
}
.menu-principal a {
padding: 10px 20px;
font-size: 1em;
text-align: left;
}
.header-logo img {
height: 100px;
max-width: 100%;
}
header .botao-container {
display: flex;
}
.sobre {
padding: 15% 0px 90px 10px;
}
.sobre_conteudo {
flex-direction: row;
gap: 5px;
}
.sobre_titulo {
font-size: 3.2rem;
font-weight: bold;
margin-bottom: 20px;
}
.sobre_descricao {
font-size: 1.3rem;
line-height: 1.6;
max-width: 800px;
margin-bottom: 15px;
}
.sobre_texto {
flex: 1;
text-align: left;
}
.sobre_imagem {
flex: 1;
}
.sobre_valores {
min-height: 700px;
}
.sobre_imagem img {
max-width: 110%;
}
.valores_titulo {
font-size: 3rem;
margin-bottom: 40px;
}
}
@media (min-width: 1300px) {
.sobre {
padding: 13% 0px 40px 0px;
}
}