@media (max-width: 992px){
    .nav-links {
        display: none;
    }
    .lang-menu ul#lang-options{
        left: 0;
        right: auto;
    }
    .lang-menu{
        order: 1;
    }
    .logo{
        order: 2;
    }  
    .menu-toggle{
        order: 3;
    }
    .menu-toggle {
        display: block;
    }
    .menu-overlay.active {
        display: flex;
    }
    main .image_side.first h1{
        font-size: 50px;
    }
    main .image_side.second h2{
        font-size: 80px;
    }
    main .image_side.second p{
        max-width: 700px;
    }
    main .advantage{
        width: 50%;
    }
    
    /*Parceiros*/
    main .image_side.second h2#how_work_title{
        font-size: 40px;
    }
}
@media (max-width: 768px){
    section{
        padding: 20px;
    }
    main .image_side.first h1{
        font-size: 40px;
        font-weight: bold;
    }
    main .image_side.second h2{
        font-size: 55px;
    }
    main .image_side.second p{
        max-width: 500px;
    }
    main .advantage, main .app_image{
        width: 100%;
    }

    /*Parceiros*/
    main .image_side.second {
        height: 400px;
    }
    .how_work_desc {
        flex-wrap: nowrap;               /* rolagem em linha */
        overflow-x: auto;                /* scroll horizontal */
        justify-content: flex-start;     /* <<< evita começar no meio */
        gap: 10px;

        /* snap card a card */
        scroll-snap-type: x mandatory;
        -webkit-overflow-scrolling: touch;

        /* garante que o 1º card não fique “cortado” */
        padding-inline: 16px;            /* espaço nas bordas do track */
        scroll-padding-left: 16px;       /* snap considera o padding inicial */
    }

    .how_work_step {
        flex: 0 0 80%;
        min-width: 280px;
        scroll-snap-align: start;
        margin: 0;                       /* use apenas o gap do contêiner */
    }

    .how_work_desc::-webkit-scrollbar {
        height: 8px;
    }

    .how_work_desc::-webkit-scrollbar-thumb {
        background-color: rgba(255, 255, 255, 0.3);
        border-radius: 4px;
    }

}
@media (max-width: 576px){
    main .app_side h2, main .advantages_side h2, main .form_side h2{
        font-size: 25px;
    }
    main .image_side.first h1{
        font-size: 35px;
        font-weight: bold;
    }
    main .image_side.second h2{
        font-size: 50px;
        text-align: center;
    }
    main .image_side.second p{
        text-align: center;
        max-width: 450px;
    }
    main .advantages_side h2{
        padding: 0 15px;
    }

    /* Parceiros */
    .advantages_partner_side,
    .commisions_and_benefits_side,
    .type_partner_side{
        text-align: center;
    }
}