O que é Metodologia Interativa e benefícios

Método de ensino interativo sobre o método interativo de ensino

<!DOCTYPE html>
<html lang="pt-BR" class="scroll-smooth">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Cursos Interativos - Inova Cursos</title>
    
    <script src="https://cdn.tailwindcss.com"></script>
    <script>
        tailwind.config = {
            theme: {
                extend: {
                    colors: {
                        primary: {
                            DEFAULT: '#254e8c', // Azul da Inova
                            dark: '#1e3f70',
                            light: '#366bc2'
                        },
                        secondary: {
                            DEFAULT: '#f37021', // Laranja da Inova
                            dark: '#d65b14',
                            light: '#f79354'
                        }
                    },
                    fontFamily: {
                        sans: ['Inter', 'sans-serif'],
                    }
                }
            }
        }
    </script>

/* Classe Oculta Solicitada */
        .oculta {
            display: none !important; /* Remove o elemento do fluxo do documento */
        }

/* * ---------------------------------------------------
         * ESTILOS DO CONTEÚDO INTERATIVO (ADAPTADO PARA IDENTIDADE INOVA)
         * ---------------------------------------------------
         */
        #inova-interativo-wrapper {
            font-family: 'Inter', sans-serif;
            color: #374151;
            line-height: 1.7;
            max-width: 900px;
            margin: -40px auto 40px auto; /* Sobe um pouco para cima do banner azul */
            padding: 40px;
            background: #ffffff;
            border-radius: 16px;
            box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
            position: relative;
            z-index: 20;
        }

#inova-interativo-wrapper h2 {
            font-size: 2.2em;
            color: #254e8c; /* Azul Inova */
            text-align: center;
            border-bottom: 4px solid #f37021; /* Laranja Inova */
            padding-bottom: 15px;
            margin-bottom: 35px;
            font-weight: 800;
        }

#inova-interativo-wrapper p {
            margin-bottom: 20px;
            font-size: 1.1em;
            line-height: 1.8;
        }

#inova-interativo-wrapper p b, #inova-interativo-wrapper p strong {
            color: #f37021; /* Destaques em Laranja Inova */
        }

/* Imagens Responsivas e Animadas */
        #inova-interativo-wrapper .main-image-container {
            text-align: center;
            margin: 35px 0;
        }
        #inova-interativo-wrapper .main-image-container img {
            max-width: 100%;
           text-align: center;
            height: auto;
            border-radius: 16px;
            box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);
            transition: transform 0.4s ease-in-out, box-shadow 0.4s;
        }
        #inova-interativo-wrapper .main-image-container img:hover {
            transform: translateY(-5px);
            box-shadow: 0 15px 35px rgba(0, 0, 0, 0.15);
        }

#inova-interativo-wrapper .benefits-title {
            font-size: 1.8em;
            color: #254e8c;
            margin-top: 50px;
            margin-bottom: 30px;
            text-align: center;
            font-weight: 800;
            position: relative;
        }
        #inova-interativo-wrapper .benefits-title::after {
            content: '';
            display: block;
            width: 80px;
            height: 4px;
            background: #f37021;
            margin: 15px auto 0;
            border-radius: 5px;
        }

/* -----------------------------------
         * Accordion Aprimorado (Foco em UI/UX)
         * -----------------------------------
         */
        #inova-interativo-wrapper .accordion-item {
            border: 2px solid #f3f4f6;
            margin-bottom: 16px;
            border-radius: 12px;
            overflow: hidden;
            transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
            background: #fff;
        }
        #inova-interativo-wrapper .accordion-item:hover {
            border-color: #bfdbfe;
            box-shadow: 0 4px 12px rgba(37, 78, 140, 0.08);
        }

#inova-interativo-wrapper .accordion-header {
            background-color: #f8fafc;
            color: #254e8c;
            padding: 20px 24px;
            cursor: pointer;
            display: flex;
            justify-content: space-between;
            align-items: center;
            font-weight: 700;
            font-size: 1.15em;
            user-select: none;
            transition: all 0.3s ease;
        }
        #inova-interativo-wrapper .accordion-header:hover {
            background-color: #f1f5f9;
        }
        #inova-interativo-wrapper .accordion-icon {
            font-size: 1.2em;
            transition: transform 0.4s ease;
            color: #f37021;
            background: #fff0e6;
            width: 32px;
            height: 32px;
            display: flex;
            align-items: center;
            justify-content: center;
            border-radius: 50%;
        }

#inova-interativo-wrapper .accordion-content {
            max-height: 0;
            overflow: hidden;
            padding: 0 24px;
            background-color: #ffffff;
            transition: max-height 0.5s ease-in-out, padding 0.5s ease-in-out;
            color: #4b5563;
        }
        #inova-interativo-wrapper .accordion-content p {
            padding-top: 5px;
            padding-bottom: 15px;
            margin-bottom: 0;
            font-size: 1.05em;
        }

/* Estado Ativo do Accordion */
        #inova-interativo-wrapper .accordion-item.active {
            border-color: #254e8c;
            box-shadow: 0 4px 15px rgba(37, 78, 140, 0.15);
        }
        #inova-interativo-wrapper .accordion-item.active .accordion-header {
            background-color: #254e8c;
            color: white;
        }
        #inova-interativo-wrapper .accordion-item.active .accordion-icon {
            transform: rotate(180deg);
            background: rgba(255,255,255,0.2);
            color: white;
        }
        #inova-interativo-wrapper .accordion-item.active .accordion-content {
            max-height: 600px;
            padding: 20px 24px;
        }

#inova-interativo-wrapper .support-footer {
            margin-top: 50px;
            padding-top: 30px;
            border-top: 2px dashed #e5e7eb;
            text-align: center;
            font-size: 1em;
            color: #6b7280;
        }

@media (max-width: 600px) {
            #inova-interativo-wrapper {
                padding: 20px;
                margin: -20px 15px 30px 15px;
            }
            #inova-interativo-wrapper h2 { font-size: 1.8em; }
            #inova-interativo-wrapper .benefits-title { font-size: 1.5em; }
            #inova-interativo-wrapper .accordion-header {
                font-size: 1em;
                padding: 16px 15px;
            }
        }
    </style>
</head>
<body class="bg-gray-50 text-gray-800 overflow-x-hidden antialiased flex flex-col min-h-screen">

<img alt="Imagem a ser carregada" class="oculta" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiyu2N3LUP3LzDsz6N2SHtz5A2GzBHtUfRzMYNLvjpKkLEyPh2VL79unCT1pHcjyzL3BqM56cYgfDy-wg7CmmhUWtidoRmMyK-Pty6HEA3-DBVXEBLy_ckcHXiqVS17_uzqawDb6Ih3EmJ4vhazgYIMQLKgBVUiN_gjfaizOHlRDU_xG87DUXl41KvD5sw2/s16000/Untitled-1.png" />

<div class="bg-primary-dark text-blue-100 text-xs py-2 px-4 border-b border-primary-dark/80">
        <div class="max-w-7xl mx-auto flex flex-col sm:flex-row justify-between items-center text-center sm:text-left gap-2 sm:gap-0">
            <div>
                <i href="https://g.page/inovasaofrancisco" target="_blank" class="fa-solid fa-location-dot mr-1"></i> <a href="https://g.page/inovasaofrancisco" class="hover:text-white transition ml-1">Rua Marcílio Dias 607 Centro (Mapa) |</a>
                <a href="https://www.inovaeducacional.com.br/p/area-do-aluno.html" class="hover:text-white transition ml-1 font-semibold">Login Alunos</a> | 
                <a href="https://www.inovaeducacional.com.br/p/area-administrativa.html" class="hover:text-white transition ml-1">Portal Colaborador</a>
            </div>
            <div class="flex space-x-4">
                <a href="https://pt-br.facebook.com/inovasaofranciscodosul/" target="_blank" class="hover:text-white transition"><i class="fa-brands fa-facebook-f"></i></a>
                <a href="https://wa.me/5547991140592" target="_blank" class="hover:text-white transition"><i class="fa-brands fa-whatsapp"></i></a>
                <a href="https://www.instagram.com/inovasaofranciscodosul/" target="_blank" class="hover:text-white transition"><i class="fa-brands fa-instagram"></i></a>
                <a href="https://x.com/Inova_Cursos_" target="_blank" class="hover:text-white transition"><i class="fa-brands fa-twitter"></i></a>
            </div>
        </div>
    </div>

<header class="bg-white shadow-sm sticky top-0 z-40 backdrop-blur-md bg-white/95">
        <div class="max-w-7xl mx-auto px-4 py-3 flex justify-between items-center">
            <a href="https://www.inovaeducacional.com.br/p/home.html" class="flex-shrink-0">
                <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgB35ieBnv0eUVY8bF3MCwVIsC2takx9nddWuY_UWCT1u_OE3F-vbVi6PSWFlt-R_1Ul_-EbxWJreusoEbeCMTrs3c9Vb0SM9OGCAKbc2Vkc_p4acMkErEihBTuVonNAVZIH2nc4KqIHVoOK7WBdbsKTRPaNqNzH4ZDwRRcO1yy7u-5hAf7Os5JqiaNqm4S/s1600/LOGOTIPO%20INOVA%20VETORIZADO%20COREL.png" alt="Inova Cursos" class="h-10 md:h-12 object-contain">
            </a>
            
            <nav class="hidden lg:flex space-x-8 font-medium text-gray-700 items-center">
                <a href="https://www.inovaeducacional.com.br/" class="hover:text-secondary transition">Início</a>
                <a href="https://www.inovaeducacional.com.br/p/nossos-cursos.html" class="hover:text-secondary transition">Nossos Cursos</a>
                <a href="https://www.inovaeducacional.com.br/p/quem-somos_26.html" class="hover:text-secondary transition">Sobre</a>
                <a href="https://www.inovaeducacional.com.br/p/area-do-aluno.html" class="hover:text-secondary transition font-semibold text-primary"><i class="fa-solid fa-user mr-1"></i> Área Do Aluno</a>
            </nav>

<div id="mobile-menu" class="fixed inset-0 bg-black/50 z-50 transition-opacity duration-300 opacity-0 pointer-events-none lg:hidden">
        <div id="mobile-menu-content" class="fixed top-0 right-0 w-4/5 max-w-sm h-full bg-white shadow-xl p-6 transform translate-x-full transition-transform duration-300 flex flex-col justify-between">
            <div>
                <div class="flex justify-between items-center mb-8">
                    <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgB35ieBnv0eUVY8bF3MCwVIsC2takx9nddWuY_UWCT1u_OE3F-vbVi6PSWFlt-R_1Ul_-EbxWJreusoEbeCMTrs3c9Vb0SM9OGCAKbc2Vkc_p4acMkErEihBTuVonNAVZIH2nc4KqIHVoOK7WBdbsKTRPaNqNzH4ZDwRRcO1yy7u-5hAf7Os5JqiaNqm4S/s1600/LOGOTIPO%20INOVA%20VETORIZADO%20COREL.png" alt="Inova Cursos Acesso" class="h-8 object-contain">
                    <button id="btn-close-menu" class="text-2xl text-gray-500 hover:text-primary p-2">
                        <i class="fa-solid fa-xmark"></i>
                    </button>
                </div>
                <nav class="flex flex-col space-y-4 font-medium text-gray-700 text-lg">
                    <a href="https://www.inovaeducacional.com.br/" class="text-primary border-l-4 border-primary pl-3 py-1 bg-blue-50/50">Início</a>
                    <a href="https://www.inovaeducacional.com.br/p/nossos-cursos.html" class="hover:text-secondary hover:border-l-4 hover:border-secondary pl-3 py-1 transition">Nossos Cursos</a>
                    <a href="https://www.inovaeducacional.com.br/p/quem-somos_26.html" class="hover:text-secondary hover:border-l-4 hover:border-secondary pl-3 py-1 transition">Sobre</a>
                    <a href="https://www.inovaeducacional.com.br/p/area-do-aluno.html" class="hover:text-secondary hover:border-l-4 hover:border-secondary pl-3 py-1 transition font-semibold text-primary"><i class="fa-solid fa-user mr-1"></i> Área Do Aluno</a>
                </nav>
            </div>
        </div>
    </div>

<section class="hero-bg text-white pt-16 pb-24 px-4 md:px-6 text-center relative overflow-hidden">
        <div class="absolute top-0 left-0 w-full h-full opacity-10 pointer-events-none">
            <svg class="absolute w-96 h-96 -top-20 -left-20 text-blue-500" fill="currentColor" viewBox="0 0 100 100"><circle cx="50" cy="50" r="50"/></svg>
            <svg class="absolute w-96 h-96 -bottom-20 -right-20 text-orange-500" fill="currentColor" viewBox="0 0 100 100"><circle cx="50" cy="50" r="50"/></svg>
        </div>

<div class="relative z-10 max-w-3xl mx-auto">
            <span class="inline-block py-1 px-3 rounded-full bg-secondary text-white text-sm font-bold tracking-wider mb-4 uppercase">🚀 Aprendizado 2.0</span>
            <h1 class="text-4xl md:text-5xl font-extrabold mb-4 leading-tight">O Futuro da Educação Profissional Chegou!</h1>
            <p class="text-lg md:text-xl text-gray-200 mb-8">Descubra um método imersivo, prático e focado no mercado de trabalho que vai transformar sua carreira.</p>
        </div>
    </section>

<main class="flex-grow w-full">
        
        <div id="inova-interativo-wrapper">
            
            
            <img alt="Imagem a ser carregada" class="oculta" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiyu2N3LUP3LzDsz6N2SHtz5A2GzBHtUfRzMYNLvjpKkLEyPh2VL79unCT1pHcjyzL3BqM56cYgfDy-wg7CmmhUWtidoRmMyK-Pty6HEA3-DBVXEBLy_ckcHXiqVS17_uzqawDb6Ih3EmJ4vhazgYIMQLKgBVUiN_gjfaizOHlRDU_xG87DUXl41KvD5sw2/s16000/Untitled-1.png" />
            
            <h2>Revolucione Seu Aprendizado Hoje Mesmo! 🎯</h2>

<p>Bem-vindo à Inova Cursos, onde nós literalmente transformamos a maneira como você aprende. Esqueça aquelas aulas monótonas e cansativas! Nossos cursos foram criados para a <strong>era digital</strong>, combinando tecnologia imersiva de ponta com métodos rápidos para garantir que o seu desenvolvimento profissional seja incrível e, o mais importante: <strong>que traga retorno financeiro para você</strong>.</p>

<p>Os <strong>Cursos Interativos</strong> da Inova representam a maior revolução no ensino local. É você no comando: no seu computador, com fones de ouvido, imerso em simuladores práticos de softwares que o mercado de trabalho utiliza todos os dias. Ao invés de apenas "ouvir", você <strong>faz, testa, erra e aprende na prática</strong> em cenários realistas. É a forma mais rápida de dominar uma nova profissão e se qualificar para as melhores vagas!</p>

<h3 class="benefits-title">Por Que os Alunos Inova São Mais Contratados? 🏆</h3>

<div class="accordion-item">
                    <div class="accordion-header">
                        <span>1. Estude no Seu Ritmo (Adeus, Tédio e Pressão!) 🕰️</span>
                        <span class="accordion-icon"><i class="fa-solid fa-chevron-down"></i></span>
                    </div>
                    <div class="accordion-content">
                        <p>Sua rotina é corrida? Não tem problema! O ensino interativo permite que você progrida de acordo com <strong>o seu tempo</strong>. Você não precisa esperar a turma toda para avançar, nem corre o risco de ficar para trás. Encaixe as aulas na sua vida e estude quando seu cérebro estiver mais disposto!</p>
                    </div>
                </div>

<div class="accordion-item">
                    <div class="accordion-header">
                        <span>2. Experiência Gamer: Aprender Ficou Divertido 🎮</span>
                        <span class="accordion-icon"><i class="fa-solid fa-chevron-down"></i></span>
                    </div>
                    <div class="accordion-content">
                        <p>Chega de olhar para o quadro torcendo para a aula acabar. Com conteúdos imersivos, práticas guiadas e simulações digitais, nosso método prende a sua atenção como um bom jogo. O aprendizado flui de forma leve, dinâmica e 100% eficaz.</p>
                    </div>
                </div>

<div class="accordion-item">
                    <div class="accordion-header">
                        <span>3. Mão na Massa Desde o Primeiro Dia 🛠️</span>
                        <span class="accordion-icon"><i class="fa-solid fa-chevron-down"></i></span>
                    </div>
                    <div class="accordion-content">
                        <p>No mercado de trabalho, ninguém te pergunta se você decorou a teoria; perguntam se você <strong>sabe fazer</strong>. Nossas aulas são focadas na resolução de problemas reais de empresas. Você sai do curso pronto para sentar numa mesa de escritório e gerar resultados imediatos.</p>
                    </div>
                </div>

<div class="accordion-item">
                    <div class="accordion-header">
                        <span>4. Motivação e Foco nas Alturas 🚀</span>
                        <span class="accordion-icon"><i class="fa-solid fa-chevron-down"></i></span>
                    </div>
                    <div class="accordion-content">
                        <p>Ver o seu conhecimento se transformando em habilidades reais gera uma injeção de ânimo! Nossos alunos terminam o curso rapidamente porque o método é engajador. Você percebe a evolução a cada aula concluída.</p>
                    </div>
                </div>

<div class="accordion-item">
                    <div class="accordion-header">
                        <span>5. Seja o Candidato Disputado Pelas Empresas 💼</span>
                        <span class="accordion-icon"><i class="fa-solid fa-chevron-down"></i></span>
                    </div>
                    <div class="accordion-content">
                        <p>Quem tem domínio prático é rapidamente promovido ou lidera os processos seletivos. O investimento que você faz hoje em nossos cursos interativos volta para o seu bolso na forma de salários melhores, promoções e novas oportunidades valiosas.</p>
                    </div>
                </div>
                
                <div class="accordion-item">
                    <div class="accordion-header">
                        <span>6. O Controle é Seu: Presencial ou 100% Digital 📱</span>
                        <span class="accordion-icon"><i class="fa-solid fa-chevron-down"></i></span>
                    </div>
                    <div class="accordion-content">
                        <p>Quer focar ao máximo usando nossos modernos <strong>laboratórios físicos</strong> e ar-condicionado? Venha para a Inova! Prefere estudar no conforto do seu sofá através dos nossos canais digitais? A escolha é toda sua. Entregamos excelência nas duas modalidades.</p>
                    </div>
                </div>

<div class="accordion-item">
                    <div class="accordion-header">
                        <span>7. Apoio VIP: Você Nunca Estará Sozinho! 🤝</span>
                        <span class="accordion-icon"><i class="fa-solid fa-chevron-down"></i></span>
                    </div>
                    <div class="accordion-content">
                        <p>Mesmo com toda essa independência, nós seguramos na sua mão. Você conta com instrutores físicos no nosso laboratório ou suporte digital dedicado. Travou em alguma ferramenta? Não entendeu um passo? Nossa equipe resolve na hora para garantir o seu sucesso.</p>
                    </div>
                </div>
            </div>

<div class="main-image-container">
                <a href="https://www.inovaeducacional.com.br/p/inscricao-rapida.html" imageanchor="1">
                    <img border="0" alt="Alunos colaborando em um ambiente moderno" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj8DL_aLL2L_1mzzBiWP2m7Rce8l0mgLZ_V6-m1qdBKA2pxW0Mow5Fs4j_YbHrUSDKQMHvF-WQmJ4pdxQs2PxsQwp__SCdDvGaPon4IIh56QVNvuOIb4tUbpGqhkC94fgBvbVIZ6Wsz-D0IKJeO1lVeMgfjccUOz6FlxdibfeClFtYN3HVR8-C3f4DfCIA/s320/4yw9cpiofau.png" />
                </a>
            </div>
            
            <p class="support-footer">
                Não deixe para amanhã a promoção que você pode conquistar hoje. Ao se matricular na Inova Cursos, você garante acesso ao nosso <strong>portal do aluno exclusivo</strong>, laboratórios climatizados, materiais didáticos e acompanhamento pedagógico de ponta. <br><br>
                <strong>Está pronto para dar o próximo passo na sua carreira?</strong>
            </p>

<div class="text-center mt-8 mb-4">
                <a href="https://wa.me/5547991140592?text=Ol%C3%A1%21%20Gostaria%20de%20saber%20mais%20sobre%20os%20Cursos%20Interativos." target="_blank" class="inline-flex items-center justify-center gap-2 bg-[#25D366] hover:bg-[#1ebd5a] text-white font-bold py-4 px-8 rounded-full shadow-lg hover:shadow-xl transition-all transform hover:-translate-y-1 text-lg">
                    <i class="fa-brands fa-whatsapp text-2xl"></i>
                    Falar com um Consultor Agora
                </a>
            </div>

</div>

</main>

<footer class="bg-gray-900 pt-20 pb-10 border-t-4 border-secondary text-gray-300 mt-auto">
        <div class="max-w-7xl mx-auto px-4 grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-12 mb-16">
            
            <div class="space-y-6">
                <div class="bg-white inline-block p-3 rounded-xl">
                    <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgB35ieBnv0eUVY8bF3MCwVIsC2takx9nddWuY_UWCT1u_OE3F-vbVi6PSWFlt-R_1Ul_-EbxWJreusoEbeCMTrs3c9Vb0SM9OGCAKbc2Vkc_p4acMkErEihBTuVonNAVZIH2nc4KqIHVoOK7WBdbsKTRPaNqNzH4ZDwRRcO1yy7u-5hAf7Os5JqiaNqm4S/s1600/LOGOTIPO%20INOVA%20VETORIZADO%20COREL.png" alt="Inova Cursos Método" class="h-8 object-contain">
                </div>
                <p class="text-sm leading-relaxed text-gray-400">
                    Transformando vidas através da educação desde 2014. Cursos profissionalizantes, graduação e técnicos com foco no mercado de trabalho.
                </p>
                <div class="text-xs text-gray-500 font-medium">AWC TREINAMENTOS E IDIOMAS LTDA</div>
            </div>

<div>
                <h4 class="font-bold text-white text-lg mb-6 flex items-center gap-2"><i class="fa-solid fa-link text-secondary"></i> Links Úteis</h4>
                <ul class="space-y-3">
                    <li><a href="https://www.inovaeducacional.com.br/" class="hover:text-secondary transition flex items-center gap-2"><i class="fa-solid fa-angle-right text-xs"></i> Página Inicial</a></li>
                    <li><a href="https://www.inovaeducacional.com.br/p/quem-somos_26.html" class="hover:text-secondary transition flex items-center gap-2"><i class="fa-solid fa-angle-right text-xs"></i> Sobre Nós</a></li>
                    <li><a href="https://www.inovaeducacional.com.br/p/area-do-aluno.html" class="hover:text-secondary transition flex items-center gap-2"><i class="fa-solid fa-angle-right text-xs"></i> Área do Aluno</a></li>
                    <li><a href="https://www.inovaeducacional.com.br/p/nossos-cursos.html" class="hover:text-secondary transition flex items-center gap-2"><i class="fa-solid fa-angle-right text-xs"></i> Lista de Cursos</a></li>
                </ul>
            </div>

<div>
                <h4 class="font-bold text-white text-lg mb-6 flex items-center gap-2"><i class="fa-solid fa-headset text-secondary"></i> Contato</h4>
                <ul class="space-y-4">
                    <li class="flex items-start gap-3">
                        <i class="fa-solid fa-location-dot mt-1 text-gray-500"></i>
                        <span class="text-sm">Rua Marcílio Dias, 607 - Centro<br>São Francisco do Sul - SC</span>
                    </li>
                    <li class="flex items-center gap-3">
                        <i class="fa-brands fa-whatsapp text-green-500"></i>
                        <a href="https://wa.me/5547991140592" target="_blank" class="text-sm hover:text-white transition">(47) 99114-0592</a>
                    </li>
                    <li class="flex items-center gap-3">
                        <i class="fa-regular fa-envelope text-gray-500"></i>
                        <a href="mailto:atendimento@grupoinova.net.br" class="text-sm hover:text-white transition">atendimento@grupoinova.net.br</a>
                    </li>
                </ul>
            </div>

</div>

<div class="max-w-7xl mx-auto px-4 pt-8 border-t border-gray-800 flex flex-col md:flex-row justify-between items-center text-xs text-gray-500">
            <p>© 2026 Inova Cursos. Todos os direitos reservados.</p>
            <p class="mt-2 md:mt-0">AWC TREINAMENTOS @ GRUPO INOVA CURSOS.</p>
        </div>
    </footer>

<script>
        // Função do Menu Mobile
        document.addEventListener('DOMContentLoaded', () => {
            const btnMobileMenu = document.getElementById('btn-mobile-menu');
            const btnCloseMenu = document.getElementById('btn-close-menu');
            const mobileMenu = document.getElementById('mobile-menu');
            const mobileMenuContent = document.getElementById('mobile-menu-content');

if (btnMobileMenu && btnCloseMenu && mobileMenu) {
                btnMobileMenu.addEventListener('click', () => {
                    mobileMenu.classList.remove('opacity-0', 'pointer-events-none');
                    mobileMenuContent.classList.remove('translate-x-full');
                });
                btnCloseMenu.addEventListener('click', () => {
                    mobileMenu.classList.add('opacity-0', 'pointer-events-none');
                    mobileMenuContent.classList.add('translate-x-full');
                });
            }
        });

// Função do Accordion Interativo
        (function() {
            const wrapper = document.getElementById('inova-interativo-wrapper');
            if (!wrapper) return;

const headers = wrapper.querySelectorAll('.accordion-header');

headers.forEach(header => {
                header.addEventListener('click', function() {
                    const item = this.closest('.accordion-item');
                    const isActive = item.classList.contains('active');
                    
                    // Fecha todos os outros itens para forçar o foco de leitura no benefício aberto (Melhora a UX)
                    wrapper.querySelectorAll('.accordion-item').forEach(i => {
                         if (i !== item) {
                             i.classList.remove('active');
                             let icon = i.querySelector('.accordion-icon i');
                             if(icon) {
                                icon.classList.remove('fa-chevron-up');
                                icon.classList.add('fa-chevron-down');
                             }
                         }
                    });

// Alterna o estado do item clicado
                    item.classList.toggle('active', !isActive);
                    
                    // Troca o ícone direcional
                    const icon = this.querySelector('.accordion-icon i');
                    if(icon) {
                        if(!isActive) {
                            icon.classList.remove('fa-chevron-down');
                            icon.classList.add('fa-chevron-up');
                        } else {
                            icon.classList.remove('fa-chevron-up');
                            icon.classList.add('fa-chevron-down');
                        }
                    }
                });
            });
        })();
    </script>
</body>
</html>

O que é Metodologia Interativa e benefícios

Siga a escola:

Pesquise aqui o que você precisa

Sobre a INOVA

Siga-nos

buttons=(Tá bom !) days=(10)

Contact form