/* MENU RESPONSIVO */
@media (max-width: 992px) {
    .menu-toggle {
        display: flex;
        flex-direction: column;
        gap: 5px;
        background: none;
        border: none;
        cursor: pointer;
    }

    .menu-toggle span {
        width: 25px;
        height: 2px;
        background: white;
    }

    /* Estilo base das linhas */
    .menu-toggle .line {
        width: 25px;
        height: 2px;
        background-color: white;
        display: block;
        margin: 1px auto;
        transition: all 0.3s ease-in-out;
    }

    /* Transformação para o X */
    #mobile-menu.active .line:nth-child(1) {
        transform: translateY(10px) rotate(45deg);
    }

    #mobile-menu.active .line:nth-child(2) {
        opacity: 0;
        /* Esconde a linha do meio */
    }

    #mobile-menu.active .line:nth-child(3) {
        transform: translateY(-7px) rotate(-45deg);
    }

    .nav-links {
        position: absolute;
        top: 100%;
        left: -100%;
        width: 100%;
        height: 100vh;
        background: #020617;
        flex-direction: column;
        align-items: center;
        padding-top: 50px;
        transition: 0.4s;
    }

    .nav-links.active {
        left: 0;
    }

    .header-cta {
        display: none;
        /* Esconde o botão no mobile para limpar o visual */
    }
}

/* FIM MENU RESPONSIVO */








@media (max-width: 768px) {

    .dropdown {
        position: static;
        transform: none;
        width: 100%;
        min-width: 100%;

        display: none;
        opacity: 1;
        visibility: visible;
    }

    .dropdown-content {
        display: flex;
        flex-direction: column;
        gap: 10px;
    }

    .has-dropdown.active .dropdown {
        display: block;
    }
}










@media (max-width: 768px) {
    /* .grade-estatisticas {
        grid-template-columns: repeat(2, 1fr);
    }
} */



    /* VALORES */

    /* Responsivo para Celular */
    @media (max-width: 768px) {

        .valores-box {
            grid-template-columns: 1fr;
        }

        .valores-item {
            width: 100%;
            /* Ocupa a tela toda no mobile */
            max-width: 350px;
            transform: scale(1) !important;
            /* Remove o zoom do destaque no mobile */
            margin: 0 auto;
        }

        .valores-box {
            gap: 20px;
        }

        summary {
            font-size: 0.9rem;
            padding: 15px;
        }
    }

    /* FIM VALORES */

    /* RODAPÉ */
    /* Responsividade */
    /* --- CONFIGURAÇÃO BASE (DESKTOP) --- */
    .footer-container {
        display: flex;
        flex-wrap: wrap;
        /* Permite que os itens pulem para a linha de baixo */
        justify-content: space-between;
        gap: 30px;
    }

    .footer-col {
        /* No desktop, cada uma ocupa 22% (4 colunas com sobra para o gap) */
        flex: 1 1 22%;
        min-width: 200px;
    }

    /* --- RESPONSIVIDADE (TABLET - 2 COLUNAS) --- */
    @media (max-width: 992px) {
        .footer-col {
            /* Ocupa aproximadamente metade da largura (2 colunas por linha) */
            flex: 1 1 45%;
        }
    }

    /* --- RESPONSIVIDADE (MOBILE - 1 COLUNA) --- */
    @media (max-width: 768px) {
        .footer-container {
            flex-direction: column;
            /* Força empilhar verticalmente */
            align-items: center;
            /* Centraliza os itens */
            text-align: center;
        }

        .footer-col {
            width: 100%;
            flex: 1 1 100%;
        }

        /* Ajuste da barra inferior (Copyright) */
        .footer-bottom .container-modelo {
            display: flex;
            flex-direction: column;
            gap: 15px;
            text-align: center;
        }

        /* Espaçamento entre os títulos no mobile */
        .footer-col h3 {
            margin-top: 25px;
        }

        .footer-logo {
            margin: 0 auto 20px;
            /* Centraliza a logo da RC Dev */
        }

        .footer-links {
            justify-content: center;
            width: 100%;
        }
    }

    /* FIM RODAPÉ */