Projetista (Auxiliar de Engenharia)

Curso Auxiliar de Projetos com AUTOCAD CURSO DE AUTOCAD ONLINE EAD

<!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 Projetista, AutoCAD e SketchUp | 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">

<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'
                        }
                    }
                }
            }
        }
    </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 a { color: white; text-decoration: none; display: flex; align-items: center; gap: 10px; }
        .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: 320px;
        }

/* --- 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; }

/* --- Video Section --- */
        .video-section {
            padding: 60px 0;
            background: #f1f5f9;
        }

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

/* --- Info Section --- */
        .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 CTA --- */
        .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; }
        }

@keyframes spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } }
    </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 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/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 AUTOCAD 2D E 3D" 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="Cursos DE CAD ONLINE" 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>

<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: 96 Horas</span>
                <h1>Curso Profissionalizante de<br><span style="color: var(--orange);">Projetista e CAD</span></h1>
                <p>Os projetistas desempenham um papel crucial criando desenhos que apoiam profissionais de engenharia e arquitetura. Desde a concepção de residências, dominar AutoCAD e softwares afins é essencial. Por meio do nosso <a href="https://www.inovaeducacional.com.br/2023/12/metodointerativo.html" target="_blank" class="underline hover:text-secondary">método interativo</a>, você aprende do seu jeito e no seu tempo!</p>
                
                <ul class="hero-list">
                    <li><i class="fas fa-drafting-compass"></i> Domine o AutoCAD e Modelagem</li>
                    <li><a href="https://www.inovaeducacional.com.br/2023/12/metodointerativo.html" target="_blank"><i class="fas fa-mouse-pointer"></i> Método Interativo e Prático de Ensino</a></li>
                    <li><i class="fas fa-cubes"></i> Renderização e Visualização de Projetos</li>
                </ul>

<a href="#inscricao" class="btn-main btn-pulse">Quero Garantir Minha Vaga</a>
            </div>
            
            <div class="hero-media">
                <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhjTud2oaq4lywXxMsOsMf95PDmcKuMj9XaIwvpgmGMEgd4cogUN-yBZW7L856D916NtQWVSaTWfARbYmH9Mp6-EMv069p6FH-A_Bu9pJFJDt8OChMVStJmXYTm2dPRi1pS18Dtf6L4ezSuEI_2K41Az2rHc0WFjEdT7rIVZXqNGRgWli1S1yN3wJ6z7iQ/s16000/arquitetura-e-urbanismo-e83d87d5930fc4846926183c36938ce57eb14ae0df4d1d053adf54c1de9fb488.jpg" alt="Projetista e Arquitetura" class="main-hero-img">
                <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj-pBQRYP91TqqEsWG0wW1F8W2_tGV6itVtbreFgElyJzHH6U41x_zprh0ZZE4AG92tKZktJWA80GhLLDt3G0UMY6e5QZ44PnryeAjKT5mtjIDwWsETXqGjGO55AsqOhPftfYKO2eldQ9gvU91L_zmw-m7gMR2TO7TlxGOfqNTG0QKYtLR91xFo0gXeGKZw/s16000/auxproj1.png" alt="Projetos e autoCAD" class="main-hero-img">
            </div>
        </div>
    </header>

<section class="info-section">
        <div class="container-custom">
            <div class="info-grid">
                <div class="info-card">
                    <h3><i class="fas fa-building text-orange"></i> O Mercado de Trabalho</h3>
                    <p>Esta é uma área profissional de altíssima demanda por construtoras, escritórios de arquitetura, empresas de engenharia e indústrias. O projetista é responsável por transformar conceitos e dados técnicos em plantas, estruturas, desenhos hidráulicos, elétricos e peças industriais, tornando-se peça indispensável em qualquer empreendimento de sucesso.</p>
                </div>
                <div class="info-card">
                    <h3><i class="fas fa-chart-line text-orange"></i> Potencial de Ganhos</h3>
                    <p>O mercado de trabalho para desenhistas projetistas e modeladores 3D oferece ótimas oportunidades. Um profissional em início de carreira tem ganhos médios entre <strong>R$ 2.000 e R$ 3.800</strong>. Projetistas experientes ou prestadores de serviços autônomos que realizam projetos completos para construtoras e escritórios costumam ultrapassar <strong>R$ 7.000 mensais</strong>.</p>
                </div>
            </div>
        </div>
    </section>

<section class="video-section">
        <div class="container-custom text-center">
            <h2 class="section-title mb-4">Veja como funciona o curso</h2>
            <p class="text-gray-600 max-w-2xl mx-auto mb-8">Assista ao vídeo e descubra como o nosso treinamento prático prepara você para o mercado de trabalho com as principais ferramentas do setor.</p>
            <div class="max-w-3xl mx-auto rounded-2xl overflow-hidden shadow-2xl border-4 border-white">
                <div class="relative w-full overflow-hidden" style="padding-top: 56.25%;">
                    <iframe class="absolute top-0 left-0 w-full h-full" src="https://www.youtube.com/embed/TscmGRlT5ZY?si=7cJBGQ7AsjXDT0nX" title="Apresentação do Curso de Projetista" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen></iframe>
                </div>
            </div>
        </div>
    </section>

<section class="modules-section">
        <div class="container-custom">
            <h2 class="section-title">Conteúdo Programático do Curso</h2>
            <div class="modules-grid">
                <div class="module-card">
                    <i class="fas fa-sliders-h module-icon"></i>
                    <h3>Instrumentação Industrial</h3>
                    <p>Conceitos fundamentais de instrumentação, simbologia técnica, leitura e interpretação de desenhos e diagramas industriais.</p>
                </div>
                <div class="module-card">
                    <i class="fas fa-pencil-ruler module-icon"></i>
                    <h3>AutoCAD 2D e Técnico</h3>
                    <p>Criação de plantas baixas, cortes, fachadas, símbolos normatizados, cotagem e projetos arquitetônicos, elétricos e hidráulicos.</p>
                </div>
                <div class="module-card">
                    <i class="fas fa-cube module-icon"></i>
                    <h3>SketchUp 3D</h3>
                    <p>Modelagem tridimensional de ambientes, maquetes virtuais residenciais e comerciais, aplicação de texturas e iluminação.</p>
                </div>
                <div class="module-card">
                    <i class="fas fa-layer-group module-icon"></i>
                    <h3>3Ds Max</h3>
                    <p>Visualização avançada e renderização realista de projetos 3D, criação de maquetes eletrônicas de alto impacto visual.</p>
                </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#projetista-profissional" 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 na turma com instrutor.</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 de turmas...
            </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 DESCONTOS</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 consultar os descontos disponíveis hoje.</p>
            <a href="https://www.inovaeducacional.com.br/p/inscricao-rapida.html#projetista-profissional" 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%20Projetista%20e%20CAD!" 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="Inova Cursos profissionalizantes" 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 customizada para o curso de Projetista e CAD
                const msg = encodeURIComponent(`Olá Inova! Vi no site que tem vaga para o curso de Projetista (AutoCAD e SketchUp) no horário: *${title}*. Gostaria de garantir a minha vaga para o início na próxima semana.`);
                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
            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>

Projetista (Auxiliar de Engenharia)

Siga a escola:

Pesquise aqui o que você precisa

Sobre a INOVA

Siga-nos

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

Contact form