/* Estilos Específicos para Mobile (max-width: 768px) */
@media (max-width: 768px) {
    /* Menu */
    .menu ul {
        flex-direction: column;
        align-items: center;
    }
    .menu ul li {
        width: 100%;
        text-align: center;
    }
    .menu ul li a {
        padding: 10px;
    }

    /* Carrossel de empresas */
    .carousel-item {
        min-width: 50%; /* Exibe 2 itens em tablets */
    }
}

/* Estilos Específicos para Celular (max-width: 480px) */
@media (max-width: 480px) {
    /* Top */
    .top h1 {
        font-size: 1.5em;
    }
    .top h2 {
        font-size: 1em;
    }

    /* Ofertas */
    .ofertas-container {
        flex-direction: column;
        align-items: center;
    }

    /* Rodapé */
    .preRodape {
        flex-direction: column;
        align-items: center;
        text-align: center;
    }
    .imgAcei, .acesseAcei, .redesSociaisAcei {
        margin-bottom: 20px;
    }
    .imgSociais {
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    .imgSociais h2 {
        margin-bottom: 10px;
    }
    .imgSociais i {
        margin: 5px;
    }
    .acesseAcei a {
        display: block;
        margin-bottom: 5px;
    }

    /* Carrossel de empresas */
    .carousel-item {
        min-width: 100%; /* Exibe 1 item por vez no celular */
    }
}


/* Estilos Específicos para Celular (max-width: 480px) */
@media (max-width: 480px) {
    
    /* Formulário de Filtro */
    #formPgOfertas {
        flex-direction: column;
        align-items: stretch;
    }
    
    #formPgOfertas .form-group {
        width: 100%;
        display: flex;
        flex-direction: column;
    }

    /* Paginação */
    .paginacao {
        flex-wrap: wrap;
    }
    .paginacao a {
        padding: 6px 10px;
        font-size: 1em;
    }
}