/* 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) {
    .img-responsivo {
        width: 100%;
        height: auto;
        max-width: 100%;
        object-fit: cover;
    }



    .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;
    }
}






/* 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É */