/* ------------------------- */
/*    CONTATO PREMIUM        */
/* ------------------------- */

.sb-contact-hero{
    padding:140px 0 60px;
    background:#fafafa;
    text-align:center;
}

.sb-contact-hero h1{
    font-size:38px;
    font-weight:800;
    margin-bottom:12px;
}

.sb-contact-hero p{
    font-size:17px;
    color:#444;
}

/* WRAPPER */
.sb-contact-wrapper{
    display:flex;
    gap:40px;
    padding:60px 0;
}

/* COLUNA INFO */
.sb-contact-info{
    width:38%;
    background:white;
    padding:30px;
    border-radius:16px;
    box-shadow:0 8px 28px rgba(0,0,0,.08);
}

.sb-contact-info h2{
    font-size:22px;
    font-weight:700;
    margin-bottom:18px;
}

.sb-contact-info p{
    font-size:15px;
    margin:8px 0;
    color:#222;
}

.sb-contact-info i{
    margin-right:6px;
    color:var(--primary);
}

/* FORM */
.sb-contact-form{
    width:62%;
    background:white;
    padding:34px;
    border-radius:16px;
    box-shadow:0 8px 28px rgba(0,0,0,.08);
}

.sb-contact-form h3{
    font-size:20px;
    font-weight:700;
    margin-bottom:20px;
}

#sbFormContato{
    display:flex;
    flex-direction:column;
    gap:14px;
}

#sbFormContato input,
#sbFormContato textarea{
    padding:11px 14px;
    font-size:15px;
    border-radius:8px;
    border:1px solid rgba(0,0,0,.15);
    resize:none;
}

.sb-whats-btn{
    display:flex;
    justify-content:center;
    align-items:center;
    gap:8px;
    padding:12px;
    background:#25d366;
    color:white;
    border:none;
    border-radius:50px;
    font-size:16px;
    font-weight:600;
    cursor:pointer;
    transition:.3s;
}

.sb-whats-btn:hover{
    background:#1db954;
}

/* RESPONSIVO */
@media(max-width:992px){
    .sb-contact-wrapper{
        flex-direction:column;
    }
    .sb-contact-info, .sb-contact-form{
        width:100%;
    }
}