.hero-sobre{

padding:90px 20px;

text-align:center;

background:
linear-gradient(
135deg,
#1f2937,
#111827);

color:white;
}

.hero-sobre h1{

font-size:54px;
margin-bottom:15px;
}

.hero-sobre p{

font-size:18px;

max-width:700px;
margin:auto;
}

.sobre-container{

max-width:1200px;

margin:60px auto;

padding:20px;

display:grid;

grid-template-columns:1fr 1fr;

gap:40px;

align-items:center;
}

.sobre-texto h2{

font-size:36px;

margin-bottom:20px;
}

.sobre-texto p{

font-size:18px;

line-height:1.8;

margin-bottom:20px;

color:#555;
}

.sobre-imagem img{

width:100%;

border-radius:20px;

box-shadow:
0 15px 35px rgba(0,0,0,.15);
}

.valores{

max-width:1200px;

margin:40px auto 80px;

padding:20px;

display:grid;

grid-template-columns:
repeat(auto-fit,minmax(280px,1fr));

gap:25px;
}

.box{

background:white;

padding:35px;

text-align:center;

border-radius:20px;

box-shadow:
0 10px 30px rgba(0,0,0,.08);

transition:.3s;
}

.box:hover{

transform:translateY(-10px);
}

.box i{

font-size:45px;

color:#2563eb;

margin-bottom:20px;
}

.box h3{

margin-bottom:15px;
}

.box p{

color:#666;

line-height:1.6;
}

@media(max-width:768px){

.hero-sobre h1{
font-size:40px;
}

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

}