/* Desktop */

@media (max-width: 1532px) {
    .modal_default .modal_content_avaliacao_sistema {
        width: 85%;
    }
}

@media (max-width: 1400px) {
    #footer .footer_principal {
        grid-template-areas: 'logo um_produto links_footer' 
                            'newsletter newsletter newsletter';
    }
}

@media (max-width: 1100px) {
    #footer .ainda_duvidas {
        flex-wrap: wrap;
    }
}

@media (max-width: 1200px) {
    #footer .ainda_duvidas {
        padding: 58px 31px 63px 60px;
    }
}

/* tablet, ipad */
@media (max-width: 1024px){
    #footer .ainda_duvidas {
        padding: 58px 0px 63px 60px;
    }

    #footer .footer_principal {
        grid-template-areas: 'logo um_produto'
                            'links_footer newsletter';
    }

    .modal_default .modal_content_avaliacao_sistema {
        width: 95%;
    }
}


@media (max-width: 900px){
    #footer .footer_principal {
        grid-template-areas: 'logo um_produto'
                            'links_footer links_footer' 
                            'newsletter newsletter';
    }

    .container_avaliacao_estrelas_da_modal {
        display: flex;
        flex-direction: column;
    }

    .container_avaliacao_estrelas_da_modal > p {
        margin: 0;
        padding: 0;
    }

    .container_foto_usuario_avaliador {
        align-items: normal !important;
        flex-direction: column;
        gap: 8px;
    }

    .container_checkbox_e_button {
        display: flex;
        flex-direction: column;
        margin-top: 4px;
    }

}

@media (max-width: 800px){
    #footer .footer_principal {
        grid-template-areas: 'logo um_produto'
                            'links_footer links_footer' 
                            'newsletter newsletter';
        justify-content: space-around;                    
    }
}

/* mobile */
@media (max-width: 740px){
    #footer .ainda_duvidas .tem_duvidas {
        flex: unset;
        text-align: center;
    }

    #footer .ainda_duvidas {
        display: flex;
        flex-direction: column;
    }
}

@media (max-width: 700px) {
    #modal_msg.modal_msg .modal_content_default .container_mensagem .containerDados {
        grid-template-areas: 
        "nome"
        "email"
        "telefone"
        "mensagem"
        ;
    }

    #modal_msg.modal_msg .modal_content_default {
        width: 90%;
    }

    #modal_msg.modal_msg .modal_content_default .container_mensagem .declaro {
        flex-direction: column;
        gap: 20px;
    }

    #footer .footer_principal {
        grid-template-areas: 'logo'
                            'um_produto'
                            'links_footer' 
                            'newsletter';  
    }

    .container_foto_e_avaliacao_estrelas_da_modal {
        display: flex;
        flex-direction: column;
        gap: 20px !important;
        overflow: hidden;
    }
}

@media (max-width: 600px){
    #footer .ainda_duvidas {
        padding: 58px 11px 63px;
    }

    .container_avaliacao_estrelas_fixo {
        right: 28px;
        bottom: 157px;
    }

    .content_modal_sistema_avaliacao {
        padding: 21px 34px;
    }

    .modal_default .modal_content_avaliacao_sistema {
        width: 90%;
    }
    
}

@media (max-width: 530px){
    #footer .footer_principal {
        grid-template-areas: 'logo'
                            'um_produto'
                            'links_footer' 
                            'newsletter';                 
    }

    /* #footer .ainda_duvidas a.ligue_ {
        width: 260px;
        height: 63px;
        flex: 0 1 260px;
    } */

    #footer .footer_principal .newsletter { 
        width: 337px;
    }
}

@media (max-width: 450px) {
    .container_avaliacao_estrelas_fixo {
        right: 28px;
        bottom: 157px;
    }

    .content_modal_sistema_avaliacao .container_checkbox_e_button > button {
        margin-top: 20px;
    }

}

@media (max-width: 400px) {
    .container_avaliacao_estrelas_fixo {
        right: 12px;
    }
}

@media (max-width: 360px){
    #footer .footer_principal .newsletter { 
        width: 300px;
    }

    #footer .footer_principal .links_footer {
        gap: 57px;
        flex-direction: column;
    }

    .container_avaliacao_estrelas_fixo {
        right: 8px;
    }

    .container_avaliacao_estrelas_fixo .content_avaliacao_estrelas {
        padding: 32px 13px 14px 12px;
    }
}