/* SOBRE */
.sobre{
text-align:center;
padding:40px 20px;
background: linear-gradient(90deg,#2b2c88,#3a86ff);
}

.sobre span{
color: #2e47b4;
}

.sobre h1{
font-size:35px;
margin-top: 20px;
margin-bottom: 20px;
color: white;
text-shadow: 2px 2px 10px rgba(0,0,0,0.5);
}

.sobre p{
  margin-bottom: 20px;
  color: white;
  text-shadow: 1px 1px 8px rgba(0,0,0,0.5);
}

.descricao{
max-width:700px;
margin:auto;
font-size:18px;
color:#555;
}

.banner{
text-align:center;
padding:20px 20px;
background: white;
}

.banner-sobre{
width:75%;
height:auto;
max-height:400px;

border: 3px solid #2da3ff;
border-radius: 12px;
box-shadow: 0 10px 25px rgba(0,0,0,0.15);

}

.proposito{
text-align:center;
padding:60px 20px;
background:#e4f5ff;
}

.proposito span{
color: #2e47b4;
}

.proposito h2{
font-size:32px;
margin-bottom:10px;
}

.proposito p{
font-size:18px;
color:#555;
}

.missoes{
max-width:1200px;
margin:auto;
padding:60px 20px;
}

.card-missao{
display:flex;
align-items:center;
gap:30px;
background:white;
padding:30px;
border-radius:20px;
margin-bottom:30px;
box-shadow:0 5px 15px rgba(0,0,0,0.05);
}

.card-missao img{
width:80px;
}

.card-valores{
display:flex;
align-items:center;
gap:30px;
background:white;
padding:40px;
border-radius:20px;
box-shadow:0 5px 15px rgba(0,0,0,0.05);
}

.card-missao,
.card-valores{
transition: 0.3s;
}

.card-missao:hover,
.card-valores:hover{
transform: scale(1.03);
box-shadow: 0 15px 35px rgba(0,0,0,0.15);
}


.valores-texto h3{
font-size:18px;
margin-bottom:15px;
}

.valores-texto ul{
list-style:none;
padding:0;
}

.valores-texto li{
margin-bottom:12px;
font-size:17px;
}

.icone-valores{
width:80px;
flex-shrink:0;
}

.valores-texto{
flex:1;
}

.camaleao-valores{
width:250px;
flex-shrink:0;
margin-right:50px;
}


/* CONCEITO */
.conceito{
background:#e4f5ff;
padding:80px 20px;
}

.conceito-container{
max-width:1100px;
margin:auto;
display:flex;
align-items:center;
gap:60px;
}

.conceito-texto{
flex:1;
}

.conceito-texto h2{
font-size:32px;
margin-bottom:20px;
}

.conceito-texto span{
color: #2e47b4;
}

.conceito-texto p{
margin-bottom:15px;
line-height:1.6;
color:#444;
}

.conceito-imagens{
position:relative;
width:250px;
}

.conceito-imagens img{
width:200px;
border-radius:10px;
}

.img2{
position:absolute;
top:80px;
left:120px;
}

/* POSICIONAMENTO */
.posicionamento{
padding:80px 20px;
}

.posicionamento-container{
max-width:1100px;
margin:auto;
display:flex;
align-items:center;
gap:60px;
}

.posicionamento-texto{
flex:1;
}

.posicionamento-texto h2{
font-size:32px;
margin-bottom:20px;
}

.posicionamento-texto span{
color: #2e47b4;
}

.posicionamento-texto p{
margin-bottom:15px;
line-height:1.6;
color:#444;
}

.posicionamento-texto ul{
margin-top:15px;
padding-left:20px;
}

.posicionamento-texto li{
margin-bottom:10px;
}

.posicionamento-imagem img{
width:260px;
}

/* FOOTER */
footer {
  background: #1c2c75;
  color: white;
  text-align: center;
  padding: 40px;
  font-size: 14px;
}

/* CONCEITO */
.conceito-imagens{
position:relative;
width:260px;
height:260px;
}

.conceito-imagens img{
width:200px;
border-radius:12px;
box-shadow:0 10px 25px rgba(0,0,0,0.15);
transition:0.3s;
position:absolute;
}

.conceito-imagens img:first-child{
top:0;
left:0;
transform:rotate(-5deg);
}

.img2{
top:90px;
left:120px;
transform:rotate(6deg);
}

.conceito-imagens img:hover{
transform:scale(1.05) rotate(0deg);
z-index:2;
}

/* POSICIONAMENTO */
.posicionamento-imagem img{
width:260px;
border-radius:12px;
box-shadow:0 10px 25px rgba(0,0,0,0.15);
transition:0.3s;
}

.posicionamento-imagem img:hover{
transform:scale(1.05);
box-shadow:0 15px 35px rgba(0,0,0,0.25);
}

/* MOBILE VALORES */
@media (max-width:768px){

.card-valores{
flex-direction:column;
text-align:center;
}

.camaleao-valores{
margin:20px auto 0;
width:180px;
}

}

/* CONCEITO */

@media (max-width:768px){

.conceito-container{
flex-direction:column;
text-align:center;
}

.conceito-imagens{
position:static;
width:auto;
height:auto;
margin-top:30px;
}

.conceito-imagens img{
position:static;
width:180px;
margin:10px;
}

.img2{
position:static;
transform:none;
}

}

/* POSICIONAMENTO */
@media (max-width:768px){

.posicionamento-container{
flex-direction:column;
text-align:center;
}

.posicionamento-imagem{
margin-top:30px;
}

.posicionamento-imagem img{
width:200px;
}

}

@media (max-width:768px){

.banner-sobre{
width:90%;
max-height:none;
}

}

@media (max-width:1024px){

.conceito-container{
flex-direction:column;
text-align:center;
}

.conceito-imagens{
position:relative;
width:auto;
height:auto;
margin-top:30px;
}

.conceito-imagens img{
position:static;
width:200px;
margin:10px;
}

.img2{
transform:none;
}

}

.btn-principal,
.btn-topo{
text-decoration:none;
}