/*----------------------------
Secao dos formularios
----------------------------*/
.fale-conosco-formularios {
    margin-top: 5rem;
}

.fale-conosco-formularios .container-principal {
    display: flex;
    justify-content: space-between;
}

.fale-conosco-form .input,
.cotacao-form .input {
    width: calc(100% / 2 - 1rem);
    padding: 2.8rem 4rem;
    font-family: 'Titillium Web', sans-serif;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
}

.input--assunto,
.input--segmento {
    display: inline;
    position: relative;
}

.input--assunto select, .input--segmento select{
    cursor: pointer;
} 

.input--assunto-indicador {
    position: absolute;
    top: 50%;
    right: 30px;
    transform: translateY(-50%);
    pointer-events: none;
    cursor: pointer;
}

/* Corrige bug das fontes nos selects */
.input::placeholder,
select {
    color: var(--cinza-paragrafo);
    font-family: 'Titillium Web', sans-serif;
    font-weight: 300;
}

.fale-conosco-form,
.cotacao-form {
    width: calc(50% - 3rem);
}

.fale-conosco-form input:nth-child(1),
.fale-conosco-form input:nth-child(3) {
    margin-right: 1.6rem;
}

.fale-conosco-form .botao,
.cotacao-form .botao {
    width: 33%;
    text-align: center;
}

.cotacao-form .botao {
    background-color: var(--laranja);
    margin-top: 1rem;
    text-align: center;
}

.cotacao-form .botao:hover{
    background-color: var(--laranja-hover);
}

/* Secao entre em contato */
.contato-boxes {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.contato-boxes h3 {
    color: var(--laranja);
    padding-bottom: 0;
}

.contato-boxes p,
.contato-boxes a {
    color: var(--azul);
}

.contato-boxe-endereco {
    width: calc(100% / 3);
}

/*----------------------------
Secao do mapa
----------------------------*/
.mapa {
    border: none;
    margin-bottom: -8px;
    height: 378px;
    margin-top: 5rem;
}

/*----------------------------
Footer
----------------------------*/
footer {
    border: none;
}

/*----------------------------
Responsivo
----------------------------*/
@media screen and (max-width: 800px) {
    .contato-boxes {
        justify-content: space-evenly;
    }

    .fale-conosco-formularios .container-principal {
        flex-direction: column;
        align-items: center;
    }

    .fale-conosco-form,
    .cotacao-form {
        width: calc(100% - 3rem);
        margin-bottom: 5rem;
    } 

    .fale-conosco-form .input,
    .cotacao-form .input {
        width: calc(100% / 2 - 1rem);
        padding: 1.8rem 4rem;
    }

    .fale-conosco-form .botao, .cotacao-form .botao {
        width: 20rem;
        height: 6rem;
    }
}

@media screen and (max-width: 500px) {
    .fale-conosco-form input:nth-child(1), .fale-conosco-form input:nth-child(3) {
        margin-right: 0;
    }

    .fale-conosco-form .input, .cotacao-form .input {
        width: calc(100% / 1);
    }

    .contato-boxes {
        flex-direction: column;
        align-items: center;
    }

    .contato-boxe-endereco,
    .contato-boxe-atendimento,
    .contato-boxe-email {
        width: 90%;
        text-align: center;
    }
}