@media (max-width: 757px) {

    /* HERO */
    body {
        margin: 0;
        padding: 0;
        width: 100%;
        overflow-x: hidden;
        /* Evita barra de rolagem horizontal indesejada */
    }

    .container {
        width: 100%;
        padding-right: 15px;
        padding-left: 15px;
        box-sizing: border-box;
    }

    /* HERO LAYOUT (Alinhamento Vertical no Mobile) */
    .hero-junino {
        min-height: auto;
        padding: 30px 10px 40px 10px;
    }

    .hero-layout {
        display: flex;
        flex-direction: column;
        /* Coloca uma coisa abaixo da outra */
        align-items: center !important;
        text-align: center !important;
        width: 100% !important;
        max-width: 100% !important;
        box-sizing: border-box;
        gap: 20px;
    }

    /* AJUSTE DA LOGO PRINCIPAL (Corrigido) */
    .hero-logo {
        text-align: center !important;
        width: 100% !important;
        /* Ocupa a largura total para centralizar */
    }

    .hero-logo img {
        width: 100% !important;
        max-width: 480px !important;
        /* Limita o tamanho máximo no celular */
        height: auto !important;
        margin: 0 auto !important;
        display: block;
    }


    /* LOGO PRINCIPAL */
    /* Garante que os cards de benefícios ocupem 100% da largura no celular */
    .col-sm-6 {
        width: 100% !important;
        flex: 0 0 100% !important;
        max-width: 100% !important;
    }

    .hero-content {
        text-align: center !important;
    }

    /* TÍTULO */

    .hero-content h1 {
        font-size: 2rem;
        line-height: 1.2;
    }

    .hero-content h2 {
        font-size: 1.3rem;
    }

    .hero-content p {
        font-size: 1rem;
        max-width: 100%;
        padding: 0 10px;
    }

    /* MENU */

    .menu-acoes {

        flex-direction: column;

        gap: 10px;

        width: 50%;
    }

    .btn-menu {

        width: 50%;
        height: 30%;
        text-align: center;
        justify-content: center;
    }

    /* LOGOS DOS PARCEIROS */

    .hero-parceiros {

        position: static !important;

        display: flex !important;

        justify-content: center !important;

        align-items: center !important;

        gap: 15px !important;

        margin-top: 25px !important;

        transform: none !important;

        left: auto !important;
        right: auto !important;
        bottom: auto !important;
    }

    .hero-parceiros img {

        height: 80px !important;

        width: auto !important;

        max-width: 100% !important;

        padding: 4px !important;
    }

    /* BOTÕES GERAIS */

    .btn {

        width: 50%;

        margin-bottom: 10px;
    }

    .acessibilidade {

        right: 5px;

        top: auto;

        bottom: 10px;

        display: flex;

        flex-direction: column;

        gap: 5px;
    }

    .acessibilidade button {

        width: 45px;

        height: 45px;

        font-size: 16px;

        margin-bottom: 0;
    }


    .titulo-secao {

        font-size: 1.5rem;
    }

    .card-junino {

        min-height: auto;

        padding: 15px;
    }

    .card-junino h3 {

        font-size: 1.2rem;
    }

    .card-junino p {

        font-size: 0.95rem;
    }

    .beneficios .row {
        margin: 2%;

        flex-direction: column !important;

        flex-wrap: wrap !important;

        align-items: center !important;
    }

    .beneficios .col-md-4 {

        width: 100% !important;

        max-width: 350px !important;
    }

    .propagandas img {
        width: 100%;
        margin: 5%;
        border-radius: 10%;
    }
}

@media (min-width: 1077px) {

    body {
        zoom: 0.8;
    }


}