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

.contato-header{
text-align:center;
max-width:750px;
margin:0 auto 60px;
}

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

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

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

.contato-header p{
margin-top:20px;
color:#64748b;
}

.contato-grid{
display:grid;
grid-template-columns:2fr 1fr;
gap:30px;
}

.contato-formulario{
background:#fff;
border:1px solid #e5e7eb;
border-radius:24px;
padding:35px;
}

.campo{
margin-bottom:20px;
}

.campo label{
display:block;
margin-bottom:8px;
font-weight:600;
}

.campo input,
.campo textarea{
width:100%;
padding:14px;
border:1px solid #dbe2ea;
border-radius:12px;
font-family:inherit;
}

.btn-contato{
display:inline-flex;
align-items:center;
gap:8px;
background:#4f7cff;
color:#fff;
border:none;
padding:15px 30px;
border-radius:999px;
font-weight:700;
cursor:pointer;
text-decoration:none;
}

.contato-info{
display:flex;
flex-direction:column;
gap:20px;
}

.info-card{
background:#fff;
border:1px solid #e5e7eb;
border-radius:20px;
padding:25px;
}

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

.info-icon i{
color:#4f7cff;
}

@media(max-width:991px){

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

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

}