footer {
    display: grid;
    grid-template-columns: 60% 40%;
    background: var(--cor-amarelo);
    margin-top: 20px;
    font-family: 'm-regular';
}

footer .right {
    background-color: var(--cor-verde);
}

footer .left {
    display: grid;
    grid-template-columns: 30% 30% 30%;
    justify-content: center;
    padding: 100px 0px;
    row-gap: 30px;
}

footer .left .title {
    color: var(--cor-cinza2);
    margin-bottom: 10px;

}

footer a {
    font-family: 'm-regular';
    text-decoration: none;
    color: var(--cor-preta);
}

footer .link_page p {
    margin-bottom: 10px;
}

footer .logo_footer img {
    width: 60%;
}

footer .fique_por_dentro {
    grid-column: 1 / span 2;
}

footer .text_fique_dentro {
    font-size: 'mon-normal';
    font-size: 2rem;
    margin-bottom: 10px;
}

footer .fique_por_dentro input {
    padding: 5px;
    background: transparent;
    border: 0;
    border-bottom: 1px solid var(--cor-cinza);

}

footer .fique_por_dentro button {
    padding: 5px;
    border: 1px solid var(--cor-cinza);
    text-transform: uppercase;
    background: transparent;

}

footer .contato_footer .horario {
    margin-top: 10px;
}


footer .telefone_footer p {
    margin-bottom: 10px;
}

footer .logo_affinity_1 {
    display: flex;
    column-gap: 4px;
}

footer .right{
    display: grid;
    grid-template-columns: 60%;
    align-items: center;
    justify-content: center;
}

footer .right .title{
    color: white;
    font-size: 1.5rem;
}

footer .right form{
    display: flex;
    flex-direction: column;
    margin-top: 20px;
}

footer .right form input{
    padding: 10px;
    padding-left: 0;
    border: 0;
    border-bottom: 1px solid white;
    background-color: transparent;

}
footer .right form select{
    padding: 10px;
    padding-left: 0;
    border: 0;
    border-bottom: 1px solid white;
    background-color: transparent;
    color: black;

}

footer .right textarea{
    border: 0;
    border-bottom: 1px solid white;
    background-color: transparent;
    margin-bottom: 10px;

}

footer .right button{

    background: white;
    color: black;
    font-family: 'm-regular';
    border: 0;
    padding: 10px 30px;

}

footer .right form select:focus {
    color: black;  /* Cor do texto muda para preto quando o select está focado */
}

footer .right form select:active {
    color: black;  /* Manter o texto preto enquanto o select está ativo */
}

footer .right form input::placeholder{

    color: white;
}


@media only screen and (max-width: 813px) {

    footer {
        display: grid;
        grid-template-columns: 100%;
        background: var(--cor-amarelo);
        margin-top: 20px;
        font-family: 'm-regular';
    }

    footer .fique_por_dentro {
        grid-column: 1 / span 1;
    }

    footer .left {
        display: grid;
        grid-template-columns: 80%;
        justify-content: center;
        padding: 30px 0px;
        row-gap: 30px;
    }

    footer .right {
        padding-top: 30px;
        padding-bottom: 30px;
    }


    footer .logo_footer img {
        width: 150px;
    }

    footer .logo_footer {
       display: flex;
       justify-content: center;
    }

    /* .logo_footer{
        order: 1;
    }

    .link_page{
        order: 2;
    }

    .fique_por_dentro{
        order: 3;
    }

    .telefone_footer{
        order: 4;
    } */
    
    footer .right {
        order: 1;
    }

    footer .left {
        order: 2;
    }
}