/* =====================================================
SOBRE
===================================================== */

.sobre{
padding:120px 0;
background:#f8fafc;
}

.sobre-header{
text-align:center;
max-width:850px;
margin:0 auto;
}

.sobre-header span{
font-size:12px;
font-weight:700;
letter-spacing:2px;
text-transform:uppercase;
color:#4f7cff;
}

.sobre-header h2{
margin-top:20px;
font-size:56px;
font-weight:800;
line-height:1.1;
}

.sobre-header strong{
color:#4f7cff;
}

.sobre-header p{
margin-top:25px;
font-size:18px;
color:#64748b;
line-height:1.8;
}

.sobre-numeros{
margin-top:60px;
background:#fff;
border:1px solid #e5e7eb;
border-radius:24px;
padding:35px;
display:grid;
grid-template-columns:repeat(4,1fr);
gap:20px;
text-align:center;
}

.numero-item h3{
color:#4f7cff;
font-size:34px;
font-weight:700;
}

.numero-item span{
font-size:12px;
letter-spacing:2px;
text-transform:uppercase;
color:#64748b;
}

.valores{
margin-top:80px;
}

.valores h3{
font-size:38px;
margin-bottom:10px;
}

.valores-grid{
margin-top:40px;
display:grid;
grid-template-columns:repeat(3,1fr);
gap:25px;
}

.valor-card{
background:#fff;
border:1px solid #e5e7eb;
border-radius:20px;
padding:35px;
transition:.3s;
}
.valor-card:hover{
transform:translateY(-5px);
box-shadow:0 20px 40px rgba(0,0,0,.08);
}

.valor-icon{
width:50px;
height:50px;
border-radius:50%;
background:#eef2ff;
display:flex;
align-items:center;
justify-content:center;
margin-bottom:20px;
}

.valor-icon i{
color:#4f7cff;
font-size:20px;
}

.valor-card h4{
margin-bottom:15px;
font-size:20px;
}

.valor-card p{
color:#64748b;
line-height:1.8;
}

@media(max-width:991px){

.sobre-header h2{
font-size:36px;
}

.sobre-numeros{
grid-template-columns:1fr 1fr;
}

.valores-grid{
grid-template-columns:1fr;
}

}