Liderança Eficaz

Pacote completo e perfeito para você que deseja ser um bom líder e liderar uma equipe com confiança

curso de lideranca, certificado de lider, curso de lideres, curso de formação de lideres, curso de desenvolvimento pessoal e profissional para lider, curso de desenvolvedor de equipes, curso em são francisco do sul, escola em são francisco, araquari, joinville, atende net , saofranciscodosul , sou mais são chico, sou+saochico,
@saofranciscodosul, santa catarina, Suíte de apps, pacote android, material de curso grátis, android Análise, Games Dinâmicas, Automação de criativos, Dashboards Gerenciais.
criação de jogos do zero, Formatação de folders, Elaboração de motivação de equipes e grupos, Atalhos de Produtividade, Segurança de setor. criar banco de dados android, jaraguá do sul, jaragua do sul, schroeder, enseada, rocio, centro, praia, ubatuba, ervino, são chico online, lider, coach, coaching, liderar, liderar grupos, coordenador de lider

<!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>Curso de Liderança Eficaz | Inova Educacional</title>
    
    
    <link rel="preconnect" href="https://fonts.googleapis.com">
    <link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap" rel="stylesheet">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/swiper@10/swiper-bundle.min.css" />

<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'],
                    },
                    animation: {
                        'blob': 'blob 7s infinite',
                        'shimmer': 'shimmer 1.5s infinite',
                    },
                    keyframes: {
                        blob: {
                            '0%': { transform: 'translate(0px, 0px) scale(1)' },
                            '33%': { transform: 'translate(30px, -50px) scale(1.1)' },
                            '66%': { transform: 'translate(-20px, 20px) scale(0.9)' },
                            '100%': { transform: 'translate(0px, 0px) scale(1)' },
                        },
                        shimmer: {
                            '100%': { transform: 'translateX(100%)' }
                        }
                    }
                }
            }
        }
    </script>

* { box-sizing: border-box; }

body {
            font-family: 'Inter', sans-serif;
            background: var(--light);
            color: var(--text);
            margin: 0;
            line-height: 1.6;
            overflow-x: hidden;
            padding-bottom: 60px;
        }

/* --- Utilities --- */
        .container-custom { max-width: 1200px; margin: 0 auto; padding: 0 20px; }
        .text-center { text-align: center; }
        .text-orange { color: var(--orange); }
        .text-blue { color: var(--blue); }
        
        /* Animação de Pulso Urgente */
        .btn-pulse { animation: pulse 2s infinite; }
        @keyframes pulse {
            0% { box-shadow: 0 0 0 0 rgba(249, 115, 22, 0.7); }
            70% { box-shadow: 0 0 0 10px rgba(249, 115, 22, 0); }
            100% { box-shadow: 0 0 0 0 rgba(249, 115, 22, 0); }
        }

/* --- Scarcity Banner --- */
        .scarcity-banner {
            background: #ef4444; 
            color: white;
            text-align: center;
            padding: 10px;
            font-weight: 700;
            font-size: 0.9rem;
            position: sticky;
            top: 0;
            z-index: 1100;
        }
        .scarcity-banner i { margin-right: 5px; }

/* --- Hero Section --- */
        .hero {
            background: linear-gradient(135deg, var(--blue) 0%, var(--blue-dark) 100%);
            color: white;
            padding: 60px 0 80px;
            position: relative;
            overflow: hidden;
        }
        
        .hero::before {
            content: '';
            position: absolute;
            top: -50px; right: -50px;
            width: 300px; height: 300px;
            background: var(--orange);
            opacity: 0.1;
            border-radius: 50%;
            filter: blur(80px);
        }

.hero-content {
            display: grid;
            grid-template-columns: 1fr 1fr;
            gap: 40px;
            align-items: center;
        }

.hero-text h1 {
            font-size: 2.5rem;
            font-weight: 800;
            margin-bottom: 15px;
            line-height: 1.2;
        }

.badge-carga {
            background: var(--orange);
            color: white;
            padding: 6px 16px;
            border-radius: 50px;
            font-weight: 700;
            font-size: 0.9rem;
            display: inline-block;
            margin-bottom: 15px;
            text-transform: uppercase;
            letter-spacing: 0.5px;
        }

.hero-list {
            list-style: none;
            padding: 0;
            margin: 20px 0;
        }
        .hero-list li { margin-bottom: 10px; display: flex; align-items: center; gap: 10px; font-size: 1.1rem; }
        .hero-list i { color: var(--orange); }

.hero-media {
            display: flex;
            flex-direction: column;
            gap: 20px;
        }
        
        .main-hero-img {
            width: 100%;
            border-radius: 16px;
            box-shadow: 0 20px 25px -5px rgba(0,0,0,0.3);
            border: 4px solid rgba(255,255,255,0.1);
            object-fit: cover;
            max-height: 300px;
        }

.video-wrapper {
            position: relative;
            background: #000;
            border-radius: 16px;
            overflow: hidden;
            box-shadow: 0 20px 25px -5px rgba(0,0,0,0.3);
            border: 4px solid rgba(255,255,255,0.1);
            aspect-ratio: 16/9;
        }

.video-wrapper iframe {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            border: 0;
        }

/* --- Modules Section --- */
        .modules-section { padding: 60px 0; background: white; }
        .section-title {
            font-size: 2rem;
            color: var(--blue);
            font-weight: 800;
            text-align: center;
            margin-bottom: 40px;
        }
        
        .modules-grid {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
            gap: 25px;
        }

.module-card {
            background: var(--light);
            padding: 25px;
            border-radius: 12px;
            border-left: 4px solid var(--orange);
            transition: transform 0.3s ease;
        }
        .module-card:hover { transform: translateY(-5px); box-shadow: var(--shadow); }
        .module-icon { font-size: 2rem; color: var(--blue); margin-bottom: 15px; }
        .module-card h3 { margin: 0 0 10px 0; color: var(--text); }
        .module-card p { font-size: 0.9rem; color: var(--gray); margin: 0; }

/* --- Inscrição --- */
        .enroll-section { padding: 60px 0; background: white; }
        
        .online-box {
            background: linear-gradient(to right, var(--blue), var(--blue-dark));
            color: white;
            padding: 30px;
            border-radius: 16px;
            margin-bottom: 50px;
            display: flex;
            flex-wrap: wrap;
            align-items: center;
            justify-content: space-between;
            gap: 20px;
            box-shadow: var(--shadow);
        }
        .online-content h3 { margin: 0; font-size: 1.5rem; }
        
        .address-box {
            background: #fff7ed;
            border: 1px solid var(--orange);
            color: var(--blue-dark);
            padding: 20px;
            border-radius: 12px;
            text-align: center;
            margin: 0 auto 40px auto;
            max-width: 800px;
            display: flex;
            align-items: center;
            justify-content: center;
            gap: 15px;
            flex-wrap: wrap;
        }
        .address-box i { font-size: 1.5rem; color: var(--orange); }
        .address-text strong { display: block; font-size: 1.1rem; }

.vagas-header { text-align: center; margin-bottom: 30px; }
        .urgent-alert {
            color: #ef4444; font-weight: 800; text-transform: uppercase; font-size: 0.9rem; margin-top: 5px; display: block;
        }

.grid-vagas {
            display: grid;
            grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
            gap: 20px;
        }
        
        .vaga-card {
            background: white;
            border: 1px solid #e2e8f0;
            border-radius: 12px;
            padding: 20px;
            position: relative;
            transition: all 0.3s;
            cursor: pointer;
        }
        .vaga-card:hover {
            border-color: var(--orange);
            box-shadow: 0 10px 20px rgba(249, 115, 22, 0.15);
            transform: translateY(-2px);
        }
        .vaga-card.full { opacity: 0.6; cursor: not-allowed; background: #f1f5f9; }
        
        .vaga-title { font-weight: 700; color: var(--blue); font-size: 1.1rem; margin-bottom: 5px; }
        .vaga-status { font-size: 0.85rem; color: var(--gray); margin-bottom: 15px; display: flex; justify-content: space-between; }
        
        .progress-track { height: 8px; background: #e2e8f0; border-radius: 4px; overflow: hidden; }
        .progress-fill { height: 100%; background: var(--orange); border-radius: 4px; transition: width 1s ease-in-out; }

#loader {
            display: flex; justify-content: center; padding: 40px; color: var(--blue); font-weight: 600; gap: 10px; align-items: center;
        }
        .spinner {
            width: 20px; height: 20px; border: 3px solid var(--blue); border-top-color: transparent; border-radius: 50%; animation: spin 1s linear infinite;
        }

/* --- Floating WhatsApp Esquerda --- */
        .floating-wa {
            position: fixed;
            bottom: 20px;
            left: 20px; 
            background: var(--whatsapp);
            color: white;
            width: 60px;
            height: 60px;
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 30px;
            box-shadow: 0 4px 10px rgba(0,0,0,0.3);
            z-index: 1000;
            transition: transform 0.3s;
            text-decoration: none;
        }
        .floating-wa:hover { transform: scale(1.1); }
        .wa-tooltip {
            position: absolute;
            left: 70px; 
            background: white;
            color: #333;
            padding: 5px 10px;
            border-radius: 5px;
            font-size: 0.8rem;
            font-weight: bold;
            box-shadow: 0 2px 5px rgba(0,0,0,0.1);
            white-space: nowrap;
            display: none;
        }
        .floating-wa:hover .wa-tooltip { display: block; }

/* --- Sobre / Intro --- */
        .about-section { padding: 60px 0 0 0; background: white; text-align: center; }
        .about-box { max-width: 900px; margin: 0 auto; background: var(--light); padding: 40px; border-radius: 16px; box-shadow: var(--shadow); border-top: 4px solid var(--orange); }
        .about-box p { font-size: 1.1rem; color: var(--text); line-height: 1.8; margin: 0; }
        .about-box strong { color: var(--blue); }

/* --- Depoimentos --- */
        .testimonials-section { padding: 60px 0; background: white; }
        .testimonials-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 40px; max-width: 1000px; margin: 0 auto; margin-top: 20px; }
        .testimonial-card { background: var(--light); padding: 30px; border-radius: 16px; position: relative; box-shadow: var(--shadow); border: 1px solid #e2e8f0; }
        .quote-icon { position: absolute; top: -20px; left: 30px; background: var(--orange); color: white; width: 40px; height: 40px; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 1.2rem; box-shadow: 0 4px 6px rgba(249, 115, 22, 0.3); }
        .testimonial-text { font-style: italic; color: var(--text); margin-bottom: 20px; margin-top: 10px; line-height: 1.7; }
        .testimonial-author { font-weight: 800; color: var(--blue); display: flex; align-items: center; gap: 10px; }
        .testimonial-author i { color: #facc15; }

/* --- Galeria --- */
        .gallery-section { padding: 60px 0; background: var(--light); }
        .gallery-grid {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
            gap: 15px;
        }
        .gallery-item {
            position: relative;
            border-radius: 12px;
            overflow: hidden;
            aspect-ratio: 4/3;
            box-shadow: var(--shadow);
        }
        .gallery-item img {
            width: 100%; height: 100%; object-fit: cover;
            transition: transform 0.5s ease, filter 0.3s;
        }
        .gallery-item:hover img { transform: scale(1.1); }

/* --- Info Section (New) --- */
        .info-section {
            padding: 60px 0;
            background: white;
        }
        .info-grid {
            display: grid;
            grid-template-columns: 1fr 1fr;
            gap: 40px;
        }
        .info-card {
            background: var(--light);
            padding: 30px;
            border-radius: 12px;
            border-top: 4px solid var(--blue);
            box-shadow: var(--shadow);
        }
        .info-card h3 {
            color: var(--blue);
            margin-top: 0;
            margin-bottom: 15px;
            font-size: 1.5rem;
            display: flex;
            align-items: center;
            gap: 10px;
        }
		
        /* --- Preço e Footer Original --- */
        .price-sticky {
            background: var(--blue-dark);
            color: white;
            padding: 40px 20px;
            text-align: center;
            border-top: 5px solid var(--orange);
        }
        .price-tag {
            background: rgba(255,255,255,0.1);
            display: inline-block;
            padding: 10px 20px;
            border-radius: 8px;
            margin-bottom: 20px;
        }
        .old-price { text-decoration: line-through; color: #94a3b8; font-size: 1.1rem; margin-right: 10px; }
        .cta-price-text { font-size: 1.8rem; font-weight: 800; color: white; }
        
        .btn-main {
            background: var(--orange);
            color: white;
            text-decoration: none;
            padding: 16px 40px;
            border-radius: 50px;
            font-weight: 700;
            font-size: 1.1rem;
            display: inline-block;
            transition: background 0.3s;
            border: none;
            cursor: pointer;
            box-shadow: 0 4px 14px 0 rgba(249, 115, 22, 0.39);
        }
        .btn-main:hover { background: var(--orange-hover); transform: translateY(-2px); }
        .btn-outline {
            background: white;
            color: var(--blue);
            padding: 12px 30px;
            border-radius: 50px;
            text-decoration: none;
            font-weight: 700;
            display: inline-block;
            transition: 0.3s;
        }
        .btn-outline:hover { background: #f1f5f9; }

@media (max-width: 768px) {
            .hero-content { grid-template-columns: 1fr; text-align: center; }
            .hero-list { display: inline-block; text-align: left; }
            .hero h1 { font-size: 2rem; }
            .online-box { text-align: center; justify-content: center; }
            .info-grid { grid-template-columns: 1fr; gap: 20px; }
        }
    </style>
</head>
<body class="bg-gray-50 text-gray-800 overflow-x-hidden antialiased flex flex-col min-h-screen">

<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" target="_blank" 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/" 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 Profissionalizantes" 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="text-primary border-b-2 border-primary pb-1">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-[1200] 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 de qualificação profissional" 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 class="border-t border-gray-100 pt-6">
                <div class="flex justify-center space-x-6 text-xl text-gray-500">
                    <a href="https://pt-br.facebook.com/inovasaofranciscodosul/" target="_blank" class="hover:text-primary transition"><i class="fa-brands fa-facebook-f"></i></a>
                    <a href="https://wa.me/5547991140592" target="_blank" class="hover:text-primary transition"><i class="fa-brands fa-whatsapp"></i></a>
                    <a href="https://www.instagram.com/inovasaofranciscodosul/" target="_blank" class="hover:text-primary transition"><i class="fa-brands fa-instagram"></i></a>
                </div>
            </div>
        </div>
    </div>

<div class="scarcity-banner">
        <i class="fas fa-exclamation-triangle"></i> PREVISÃO DE INÍCIO: PRÓXIMA SEMANA! POUCAS VAGAS RESTANTES.
    </div>

<header class="hero">
        <div class="container-custom hero-content">
            <div class="hero-text">
                <span class="badge-carga"><i class="far fa-clock"></i> Carga Horária: 16 Horas</span>
                <h1>Curso Profissionalizante de<br><span style="color: var(--orange);">Liderança Eficaz</span></h1>
                <p>O curso profissionalizante de Liderança Eficaz tem como objetivo mostrar que através da liderança as empresas realizam seus projetos, expandem seus negócios e conquistam clientes. Por meio de nosso método interativo de ensino, você aprende do seu jeito, no seu tempo.</p>
                
                <ul class="hero-list">
                    <li><i class="fas fa-check-circle"></i> Desenvolvimento de Competências</li>
                    <li><i class="fas fa-check-circle"></i> Aumento da Produtividade</li>
                    <li><i class="fas fa-check-circle"></i> Relacionamento Interpessoal</li>
                </ul>

<a href="#inscricao" class="btn-main btn-pulse">Quero a Minha Vaga Agora</a>
            </div>
            
            <div class="hero-media">
                <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjkEIFeFZ_BZmNnSiGVNnrqK3WzgkR1gGpwhS02W6egh_JvNpdbznyX9rlVX4tyJwcx4-Z958prI59uWd3bYXOnhQHLNTWxIgGc6gNKoT3QafR83aTZY5HwU483YnL0Sb7lumpig5qa42xSy4QwIdKgmW7kOuk9J5FnbFVtltYpw4CyWGyzuqhyphenhyphenQrQviMnC/s16000/pexels-rdne-5756575.jpg" alt="Curso de Liderança Eficaz" class="main-hero-img">
                
                <div class="video-wrapper">
                    <iframe src="https://www.youtube.com/embed/f_dtlmEYCtQ?si=DlB2_jIsNKHJgdvT" title="YouTube video player" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen></iframe>
                </div>
            </div>
        </div>
    </header>

<section class="about-section">
        <div class="container-custom">
            <div class="about-box">
                <h2 class="section-title" style="margin-bottom: 20px; font-size: 1.8rem;">O Impacto de um Bom Líder</h2>
                <p>Esse tipo de treinamento melhora os relacionamentos interpessoais, desenvolve competências, aumenta a produtividade e a eficiência, além de melhorar a qualidade de vida destes colaboradores e líderes.</p>
                <br>
                <h3 class="text-xl font-bold text-blue-800 mb-2 mt-4 text-center">Transforme o Ambiente de Trabalho</h3>
                <p class="text-center text-gray-600">Com equipes bem gerenciadas e líderes capacitados, <strong>as empresas tornam-se mais competitivas e a lucratividade também aumenta</strong>. Desenvolver essas habilidades é o diferencial para quem busca promoções, cargos de chefia ou quer empreender com sucesso gerindo sua própria equipe.</p>
            </div>
        </div>
    </section>

<section class="modules-section">
        <div class="container-custom">
            <h2 class="section-title">O que vai aprender?</h2>
            <div class="modules-grid" style="grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));">
                <div class="module-card">
                    <i class="fas fa-book-reader module-icon" style="color: #0ea5e9;"></i>
                    <h3>Leitura Dinâmica</h3>
                    <p>Aprenda técnicas para otimizar sua absorção de conhecimento, lendo mais rápido e retendo mais informações essenciais para uma melhor tomada de decisão.</p>
                </div>
                <div class="module-card">
                    <i class="fas fa-users-cog module-icon" style="color: #ef4444;"></i>
                    <h3>Liderança</h3>
                    <p>Desenvolva o perfil de um líder inspirador. Aprenda técnicas de gestão de equipes, resolução de conflitos, delegação de tarefas e motivação profissional.</p>
                </div>
                <div class="module-card">
                    <i class="fas fa-user-tie module-icon" style="color: #10b981;"></i>
                    <h3>Marketing Pessoal</h3>
                    <p>Saiba como construir e gerenciar sua imagem profissional, comunicar-se de forma eficaz e se destacar de forma positiva no mercado de trabalho e dentro da sua empresa.</p>
                </div>
            </div>
            
            
            <div class="mt-16 max-w-5xl mx-auto bg-gray-50 border-2 border-gray-100 rounded-2xl p-8 shadow-sm">
                <h3 class="text-2xl font-bold text-blue-900 mb-4 text-center"><i class="fas fa-briefcase text-orange-500 mr-2"></i> Onde a Liderança faz a diferença?</h3>
                <p class="text-gray-700 text-center mb-8 max-w-3xl mx-auto">Profissionais com habilidades de liderança e gestão de pessoas são altamente valorizados e disputados por empresas de todos os portes. Este curso prepara você para assumir posições de destaque em diversos setores.</p>
                
                <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-4">
                    <div class="flex items-center gap-3 bg-white p-4 rounded-xl shadow-sm border border-gray-100 transition hover:border-orange-300">
                        <i class="fas fa-sitemap text-orange-500 text-xl w-6"></i>
                        <span class="text-sm font-semibold text-gray-800">Cargos de Gerência e Direção</span>
                    </div>
                    <div class="flex items-center gap-3 bg-white p-4 rounded-xl shadow-sm border border-gray-100 transition hover:border-orange-300">
                        <i class="fas fa-handshake text-blue-500 text-xl w-6"></i>
                        <span class="text-sm font-semibold text-gray-800">Recursos Humanos (RH)</span>
                    </div>
                    <div class="flex items-center gap-3 bg-white p-4 rounded-xl shadow-sm border border-gray-100 transition hover:border-orange-300">
                        <i class="fas fa-store text-green-500 text-xl w-6"></i>
                        <span class="text-sm font-semibold text-gray-800">Gestão de Lojas e Varejo</span>
                    </div>
                    <div class="flex items-center gap-3 bg-white p-4 rounded-xl shadow-sm border border-gray-100 transition hover:border-orange-300">
                        <i class="fas fa-lightbulb text-purple-500 text-xl w-6"></i>
                        <span class="text-sm font-semibold text-gray-800">Empreendedorismo Próprio</span>
                    </div>
                    <div class="flex items-center gap-3 bg-white p-4 rounded-xl shadow-sm border border-gray-100 transition hover:border-orange-300">
                        <i class="fas fa-bullhorn text-red-500 text-xl w-6"></i>
                        <span class="text-sm font-semibold text-gray-800">Coordenação de Projetos</span>
                    </div>
                    <div class="flex items-center gap-3 bg-white p-4 rounded-xl shadow-sm border border-gray-100 transition hover:border-orange-300">
                        <i class="fas fa-chalkboard-teacher text-teal-500 text-xl w-6"></i>
                        <span class="text-sm font-semibold text-gray-800">Treinamento e Capacitação</span>
                    </div>
                </div>
            </div>
        </div>
    </section>

<section class="testimonials-section">
        <div class="container-custom">
            <h2 class="section-title">O que dizem nossos alunos</h2>
            <div class="testimonials-grid">
                <div class="testimonial-card">
                    <div class="quote-icon"><i class="fas fa-quote-left"></i></div>
                    <p class="testimonial-text">"Sempre tive dificuldade em me expressar e delegar tarefas no trabalho. Com os módulos de Liderança e Marketing Pessoal, aprendi a me posicionar. O resultado foi uma promoção para coordenador de equipe!"</p>
                    <div class="testimonial-author">
                        - Carlos M.
                        <span style="margin-left:auto"><i class="fas fa-star"></i><i class="fas fa-star"></i><i class="fas fa-star"></i><i class="fas fa-star"></i><i class="fas fa-star"></i></span>
                    </div>
                </div>
                <div class="testimonial-card">
                    <div class="quote-icon"><i class="fas fa-quote-left"></i></div>
                    <p class="testimonial-text">"O curso me ajudou muito a entender como lidar com pessoas e como melhorar a produtividade da minha própria empresa. A parte de leitura dinâmica também foi um diferencial enorme para agilizar meus estudos."</p>
                    <div class="testimonial-author">
                        - Juliana Freitas
                        <span style="margin-left:auto"><i class="fas fa-star"></i><i class="fas fa-star"></i><i class="fas fa-star"></i><i class="fas fa-star"></i><i class="fas fa-star"></i></span>
                    </div>
                </div>
            </div>
        </div>
    </section>

<section id="inscricao" class="enroll-section">
        <div class="container-custom">
            
            
            <div class="online-box">
                <div class="online-content">
                    <h3><i class="fas fa-laptop-house"></i> Prefere estudar em casa?</h3>
                    <p>Acesse à plataforma (via computador, celular, tablet, etc.) 100% Online (em qualquer dia e horário) e comece agora mesmo.</p>
                </div>
                <a href="https://www.inovaeducacional.com.br/p/inscricao-rapida.html#lideranca-eficaz" target="_blank" class="btn-outline">Matrícula Online</a>
            </div>

<div class="vagas-header">
                <h2 class="section-title" style="margin-bottom: 5px;">Turmas para estudos Presenciais</h2>
                <span class="urgent-alert"><i class="fas fa-fire"></i> Início Previsto: Próxima Semana!</span>
                <p class="text-gray" style="margin-top: 10px;">Selecione um horário abaixo para garantir a sua vaga. (Atualizado há 14s.)</p>
            </div>

<div class="address-box">
                <i class="fas fa-map-marker-alt"></i>
                <div class="address-text">
                    <strong>Unidade São Francisco do Sul</strong>
                    Rua Marcílio Dias 607, Centro (Em frente à Ortobom)
                </div>
                <a href="https://www.google.com/maps/place/Inova+Educa%C3%A7%C3%A3o+Profissional+-+S%C3%A3o+Francisco+do+Sul+-+Escola+de+Cursos+Profissionalizantes+-+Cursos+em+S%C3%A3o+Francisco+do+Sul/@-26.2472591,-48.6364326,17z/data=!3m1!4b1!4m6!3m5!1s0x94d94fc9088ac7ef:0xc523e726aca92bfd!8m2!3d-26.2472591!4d-48.6364326!16s%2Fg%2F11fsx5sbbx?entry=ttu&g_ep=EgoyMDI2MDEyOC4wIKXMDSoASAFQAw%3D%3D" target="_blank" class="btn-outline" style="background: var(--orange); color: white; padding: 8px 20px; font-size: 0.9rem;">Ver no Mapa</a>
            </div>

<div id="loader">
                <div class="spinner"></div> A verificar disponibilidade...
            </div>

</div>
    </section>

<section class="price-sticky">
        <div class="container-custom">
            <div class="price-tag">
                <span class="old-price">De R$ 239,90/mês</span>
                <span class="cta-price-text">CONSULTAR DESCONTO</span>
            </div>
            <br>
            <p style="font-size: 0.8rem; margin-bottom: 15px; color: rgba(255,255,255,0.7);">*Valores referentes a parcela mensal. Entre em contato para mais informações</p>
            <a href="https://www.inovaeducacional.com.br/p/inscricao-rapida.html#lideranca-eficaz" target="_blank" class="btn-main btn-pulse">
                GARANTIR MINHA VAGA AGORA <i class="fas fa-arrow-right" style="margin-left: 10px;"></i>
            </a>
        </div>
    </section>

<a href="https://api.whatsapp.com/send?phone=5547991140592&text=Ol%C3%A1%2C%20tenho%20uma%20d%C3%BAvida%20sobre%20o%20curso%20de%20Lideran%C3%A7a%20Eficaz!" class="floating-wa" target="_blank" title="Falar no WhatsApp">
        <i class="fab fa-whatsapp"></i>
        <div class="wa-tooltip">Dúvidas? Chame aqui!</div>
    </a>

<footer class="bg-gray-900 pt-20 pb-10 border-t-4 border-secondary text-gray-300">
        <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="unova Cursos" 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>© Inova Cursos. Todos os direitos reservados.</p>
            <p class="mt-2 md:mt-0">AWC TREINAMENTOS @ GRUPO INOVA CURSOS.</p>
        </div>
    </footer>

<script>
        const SHEET_ID = '1oNRkdN8vJ15hzTJErJxzCLIkfdrdbkpdQ3HDhR3Cllo';
        const RANGE = 'B1:Z13'; 
        const WHATSAPP_NUMBER = '5547991140592';
        const BASE_URL = `https://docs.google.com/spreadsheets/d/${SHEET_ID}/gviz/tq?tqx=out:json&range=${RANGE}`;

async function fetchAvailability() {
            const loader = document.getElementById('loader');
            try {
                const response = await fetch(BASE_URL);
                const text = await response.text();
                const jsonData = JSON.parse(text.substring(text.indexOf('{'), text.lastIndexOf('}') + 1));
                loader.style.display = 'none'; 
                processData(jsonData.table);
            } catch (error) {
                console.error("Erro ao carregar vagas:", error);
                loader.innerHTML = '<span style="color:red">Erro ao carregar horários. Tente recarregar a página.</span>';
            }
        }

function processData(table) {
            const rows = table.rows;
            const headerRow = rows[0].c;

headerRow.forEach((titleCell, colIndex) => {
                if (!titleCell || !titleCell.v) return;

let occupied = 0;
                for (let i = 1; i < rows.length; i++) {
                    if (rows[i].c[colIndex] && rows[i].c[colIndex].v) {
                        occupied++;
                    }
                }

const totalSpots = 12;
                const free = Math.max(0, totalSpots - occupied);
                const percent = (occupied / totalSpots) * 100;
                
                renderCard(titleCell.v, free, percent, totalSpots);
            });
        }

function renderCard(title, free, percent, totalSpots) {
            const container = document.getElementById('gridContainer');
            const isFull = free === 0;
            const isNearFull = free <= 3 && free > 0;
            
            const card = document.createElement('div');
            card.className = `vaga-card ${isFull ? 'full' : ''}`;
            
            let barColor = 'var(--orange)';
            let statusText = `Restam <strong>${free}</strong> vagas`;
            let textColor = 'var(--blue)';

if (isFull) {
                barColor = '#ef4444'; 
                statusText = '<span style="color:#ef4444; font-weight:bold;">TURMA LOTADA</span>';
                textColor = '#94a3b8';
            } else if (isNearFull) {
                barColor = '#ef4444'; 
                statusText = `Últimas <strong>${free}</strong> vagas!`;
            }

card.innerHTML = `
                <div class="vaga-title" style="color: ${textColor}">
                    <i class="far fa-calendar-alt"></i> ${title}
                </div>
                <div class="vaga-status">
                    <span>${statusText}</span>
                    <span style="font-size:0.8rem">${Math.round(percent)}% ocupado</span>
                </div>
                <div class="progress-track">
                    <div class="progress-fill" style="width: ${percent}%; background: ${barColor}"></div>
                </div>
                ${!isFull ? `
                    <div style="margin-top:15px; text-align:right; font-size:0.85rem; font-weight:600; color:var(--orange);">
                        Clique para inscrever <i class="fas fa-chevron-right"></i>
                    </div>
                ` : ''}
            `;

if (!isFull) {
                // Mensagem atualizada para Curso de Liderança Eficaz
                const msg = encodeURIComponent(`Ol%C3%A1%20Inova!%20Vi%20no%20site%20que%20tem%20vaga%20para%20o%20curso%20de%20*Liderança%20Eficaz*%20no%20hor%C3%A1rio%3A%20*${title}*.%20Gostaria%20de%20garantir%20a%20minha%20vaga%20para%20o%20in%C3%ADcio%20na%20pr%C3%B3xima%20semana.`);
                card.onclick = () => window.open(`https://api.whatsapp.com/send?phone=${WHATSAPP_NUMBER}&text=${msg}`, '_blank');
            }

container.appendChild(card);
        }

// Inicializa Scripts
        window.onload = () => {
            fetchAvailability();
            
            // Script do Menu Mobile do Novo Header
            const btnOpen = document.getElementById('btn-mobile-menu');
            const btnClose = document.getElementById('btn-close-menu');
            const menu = document.getElementById('mobile-menu');
            const menuContent = document.getElementById('mobile-menu-content');

if (btnOpen && btnClose && menu && menuContent) {
                btnOpen.addEventListener('click', () => {
                    menu.classList.remove('opacity-0', 'pointer-events-none');
                    menuContent.classList.remove('translate-x-full');
                });
                
                btnClose.addEventListener('click', () => {
                    menu.classList.add('opacity-0', 'pointer-events-none');
                    menuContent.classList.add('translate-x-full');
                });
            }
        };
    </script>
</body>
</html>

Liderança Eficaz

Siga a escola:

Pesquise aqui o que você precisa

Sobre a INOVA

Siga-nos

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

Contact form