/* ==========================================
                BANNER
========================================== */

.banner-contato{

    position:relative;

    height:430px;

    display:flex;

    align-items:center;

    overflow:hidden;

    background-image:url("../assets/Fotos/Contato/Contato.webp");

    background-size:cover;

    background-repeat:no-repeat;

    background-position:center 30%;

}

.banner-contato::before{

    content:"";

    position:absolute;

    inset:0;

    background:linear-gradient(
        90deg,
        rgba(0,0,0,.88) 0%,
        rgba(0,0,0,.65) 45%,
        rgba(90,58,28,.35) 100%
    );

}

.banner-texto{

    position:relative;

    z-index:2;

}

.banner-texto span{

    display:block;

    margin-bottom:18px;

    color:#B89661;

    font-size:14px;

    letter-spacing:5px;

}

.banner-texto h1{

    font-family:"Parode",serif;

    font-size:82px;

    font-weight:300;

    color:#fff;

}
/* ==================================================
                    CONTATO
================================================== */

.contato{

    padding:100px 0;

    background:#fff;

}

.contato .container{

    max-width:1300px;

    margin:auto;

}

.contato-grid{

    display:grid;

    grid-template-columns:1fr 1fr;

    gap:120px;

    align-items:start;

}


/* ==================================================
                LADO ESQUERDO
================================================== */

.titulo-contato{

    display:flex;

    align-items:center;

    gap:12px;

    margin-bottom:28px;

}

.titulo-contato span{

    font-family:"Montserrat",sans-serif;

    font-size:13px;

    font-weight:600;

    letter-spacing:3px;

    color:#55504B;

}

.titulo-contato .linha{

    width:190px;

    height:1px;

    background:#55504B;

}

.contato-info h2{

    font-family:"Parode",serif;

    font-size:64px;

    font-weight:400;

    color:#55504B;

    margin-bottom:45px;

}

.item-contato{

    display:flex;

    align-items:flex-start;

    gap:18px;

    margin-bottom:28px;

}

.item-contato i{

    font-size:28px;

    color:#C49D61;

    width:22px;

    margin-top:3px;

}

.item-contato h3{

    font-family:"Montserrat",sans-serif;

    font-size:16px;

    font-weight:600;

    color:#55504B;

    margin-bottom:3px;

}

.item-contato p{

    font-family:"Montserrat",sans-serif;

    font-size:15px;

    color:#7A7A7A;

    line-height:1.5;

}


/* ==================================================
                FORMULÁRIO
================================================== */

.contato-formulario h2{

    font-family:"Parode",serif;

    font-size:64px;

    font-weight:400;

    color:#55504B;

    margin-bottom:22px;

}

.contato-formulario p{

    font-family:"Montserrat",sans-serif;

    font-size:16px;

    color:#666;

    line-height:1.7;

    margin-bottom:35px;

}

.contato-formulario form{

    display:flex;

    flex-direction:column;

    gap:14px;

}

.contato-formulario input,

.contato-formulario textarea{

    width:100%;

    padding:18px 20px;

    border:1px solid #DDD;

    background:#fff;

    font-family:"Montserrat",sans-serif;

    font-size:15px;

    outline:none;

    transition:.3s;

}

.contato-formulario textarea{

    resize:none;

    height:150px;

}

.contato-formulario input:focus,

.contato-formulario textarea:focus{

    border-color:#C49D61;

}

.contato-formulario button{

    height:52px;

    border:none;

    background:#B89661;

    color:#fff;

    font-family:"Montserrat",sans-serif;

    font-size:15px;

    font-weight:600;

    letter-spacing:1px;

    cursor:pointer;

    transition:.3s;

}

.contato-formulario button:hover{

    background:#A88753;

}


/* ==================================================
                RESPONSIVO
================================================== */

@media(max-width:992px){

    .contato-grid{

        grid-template-columns:1fr;

        gap:70px;

    }

}

@media(max-width:768px){

    .contato{

        padding:70px 0;

    }

    .contato-info h2,

    .contato-formulario h2{

        font-size:46px;

    }

    .titulo-contato .linha{

        width:100px;

    }

}