Logística (Operações Logísticas)

Pacote completo de logística e perfeito para você, escola em São Francisco do Sul e atende toda regiao

curso de logística, curso de auxiliar de logística, curso de rotinas portuárias, curso de gestão de transportes, escola profissionalizante, curso técnico em logística, aulas de logística, qualificação em logística, gestão de estoque, curso de operador logístico, curso de logística em são francisco do sul, logística portuária são francisco do sul, curso de logística joinville, curso de logística araquari, porto de são francisco do sul, escola profissionalizante em são chico, logística sc, atende.net, portal, rocio, centro, enseada, ubatuba, terminal portuário, retroporto são chico, gestão portuária, comércio exterior, logística internacional, importação e exportação, rotinas aduaneiras, armazenagem e estocagem, movimentação de cargas, cadeia de suprimentos, supply chain, despachante aduaneiro, logística reversa, como trabalhar no porto de são francisco do sul, curso de logística com certificado, material grátis de logística, vagas de logística em são chico, como entrar na área portuária, rotinas de um auxiliar de logística, curso rápido de logística, capacitação para o porto, click são chico, navegantes, itajai, escritorio, escritorio terceirizado, vagas de trabalho, são chico online

<!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 Operações Logísticas | 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 1.5s infinite; }
        @keyframes pulse {
            0% { box-shadow: 0 0 0 0 rgba(249, 115, 22, 0.7); }
            70% { box-shadow: 0 0 0 15px rgba(249, 115, 22, 0); }
            100% { box-shadow: 0 0 0 0 rgba(249, 115, 22, 0); }
        }

/* --- Scarcity Banner --- */
        .scarcity-banner {
            background: var(--red-urgent); 
            color: white;
            text-align: center;
            padding: 12px;
            font-weight: 800;
            font-size: 1rem;
            position: sticky;
            top: 0;
            z-index: 1100;
            letter-spacing: 0.5px;
            box-shadow: 0 2px 10px rgba(220, 38, 38, 0.4);
        }
        .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-urgent {
            background: var(--red-urgent);
            color: white;
            padding: 8px 16px;
            border-radius: 4px;
            font-weight: 800;
            font-size: 0.9rem;
            display: inline-block;
            margin-bottom: 15px;
            text-transform: uppercase;
            border: 2px solid rgba(255,255,255,0.3);
            animation: flash 2s infinite;
        }
        
        @keyframes flash {
            0%, 100% { opacity: 1; }
            50% { opacity: 0.8; }
        }

.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;
        }
        
        .hero-image-top {
            width: 100%;
            border-radius: 16px;
            box-shadow: var(--shadow);
            border: 2px solid rgba(255,255,255,0.2);
            object-fit: cover;
            max-height: 250px;
        }

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

/* --- Galeria --- */
        .gallery-section { padding: 60px 0; background: #f1f5f9; }
        .gallery-grid {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
            gap: 20px;
        }
        .gallery-item {
            position: relative;
            border-radius: 16px;
            overflow: hidden;
            aspect-ratio: 4/3;
            box-shadow: var(--shadow);
            border: 4px solid white;
        }
        .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); }
        .gallery-overlay {
            position: absolute; bottom: 0; left: 0; right: 0;
            background: linear-gradient(transparent, rgba(0,0,0,0.9));
            color: white; padding: 15px; font-size: 0.9rem; font-weight: 600;
        }

/* --- 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: 2px solid #e2e8f0;
            border-radius: 12px;
            padding: 20px;
            position: relative;
            transition: all 0.3s;
            cursor: pointer;
        }
        .vaga-card:hover { border-color: var(--orange); box-shadow: var(--shadow); }
        .vaga-card.urgent { border-color: var(--red-urgent); }
        
        .progress-track { height: 10px; background: #e2e8f0; border-radius: 5px; overflow: hidden; margin-top: 5px; }
        .progress-fill { height: 100%; background: var(--orange); border-radius: 5px; transition: width 1s ease; }
        .progress-fill.critical { background: var(--red-urgent); }

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

/* --- Info Section (Mercado/Salário) --- */
        .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;
        }

/* --- Depoimentos Section (Nova) --- */
        .testimonials-section {
            padding: 60px 0;
            background: var(--light);
        }
        .testimonial-grid {
            display: grid;
            grid-template-columns: 1fr 1fr;
            gap: 30px;
        }
        .testimonial-card {
            background: white;
            padding: 30px;
            border-radius: 12px;
            border-top: 4px solid var(--orange);
            box-shadow: var(--shadow);
            position: relative;
        }
        .testimonial-card::before {
            content: '\f10d'; /* FontAwesome quote-left */
            font-family: 'Font Awesome 6 Free';
            font-weight: 900;
            position: absolute;
            top: 20px;
            right: 20px;
            font-size: 3rem;
            color: var(--light);
        }
        .testimonial-text {
            font-style: italic;
            color: var(--gray);
            margin-bottom: 20px;
            position: relative;
            z-index: 1;
        }
        .testimonial-author {
            font-weight: 700;
            color: var(--blue);
            display: flex;
            align-items: center;
            gap: 10px;
            font-size: 1.1rem;
        }
		
        /* --- 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, .testimonial-grid { grid-template-columns: 1fr; }
        }

/* --- ESTILOS DO NOVO HEADER E FOOTER --- */
        .hero-bg {
            background-color: #254e8c; /* Fallback */
            background-image: 
                linear-gradient(90deg, rgba(37, 78, 140, 0.95) 0%, rgba(37, 78, 140, 0.7) 50%, rgba(243, 112, 33, 0.8) 100%), 
                url('https://images.unsplash.com/photo-1523240795612-9a054b0db644?auto=format&fit=crop&w=1920&q=80');
            background-size: cover;
            background-position: center;
        }

.category-card::before {
            content: '';
            position: absolute;
            inset: 0;
            background: linear-gradient(to top, rgba(37, 78, 140, 0.9) 0%, rgba(37, 78, 140, 0.2) 50%, transparent 100%);
            transition: all 0.3s ease;
        }
        
        .category-card:hover::before {
            background: linear-gradient(to top, rgba(243, 112, 33, 0.95) 0%, rgba(243, 112, 33, 0.4) 50%, transparent 100%);
        }

.whatsapp-float {
            animation: pulse-ws 2s infinite;
        }
        
        @keyframes pulse-ws {
            0% { box-shadow: 0 0 0 0 rgba(37, 211, 102, 0.7); }
            70% { box-shadow: 0 0 0 15px rgba(37, 211, 102, 0); }
            100% { box-shadow: 0 0 0 0 rgba(37, 211, 102, 0); }
        }

.line-clamp-2 {
            display: -webkit-box;
            -webkit-line-clamp: 2;
            -webkit-box-orient: vertical;  
            overflow: hidden;
        }
        .line-clamp-3 {
            display: -webkit-box;
            -webkit-line-clamp: 3;
            -webkit-box-orient: vertical;  
            overflow: hidden;
        }
        
        .loader-spinner {
            border: 3px solid rgba(255,255,255,0.3);
            border-radius: 50%;
            border-top: 3px solid white;
            width: 20px;
            height: 20px;
            animation: spin 1s linear infinite;
        }
        @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 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/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="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" 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> URGENTE: INÍCIO NA PRÓXIMA SEMANA! RESTAM POUCAS VAGAS.
    </div>

<header class="hero">
        <div class="container-custom hero-content">
            <div class="hero-text">
                <div class="badge-urgent"><i class="fas fa-fire"></i> Poucas Vagas Disponíveis</div>
                <h1>Curso de Logística:<br><span style="color: var(--orange);">Operações Logísticas 96h</span></h1>
                <p><strong>Atenção:</strong> Prepare-se para atuar em um dos setores que mais emprega no Brasil. Garanta sua vaga agora.</p>
                
                <ul class="hero-list">
                    <li><i class="fas fa-check-circle"></i> Gestão de Estoque e Armazenagem</li>
                    <li><i class="fas fa-check-circle"></i> Excel para Controle Logístico</li>
                    <li><i class="fas fa-check-circle"></i> Sistemas Administrativos (Windows)</li>
                </ul>

<a href="#inscricao" class="btn-main btn-pulse">GARANTIR MINHA VAGA</a>
            </div>
            
            <div class="hero-media">
                <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj39ln9EwEgtcnWpkrARtLxsGW4GDzyyHM8mTUNEeTQFW8kcq6dzuHv7rNxN9CiwHw26r9S7pJmdXGI4QzeW06nIOLNOJ_d7Q2paRt_ZAMzJtZ3Jpa7kGjpK2Y09wz3OUNQdHtE6_St-yeVYV6o4aE7pgmbNz-t8Fg_x5rB4PVyJOoFmEhFghlmQiYduq0/s16000-rw/Global_business_logistics_with_container_cargo.width-880.png" alt="Curso de Logística" class="hero-image-top">
                
                <div class="video-wrapper">
                    <iframe src="https://www.youtube.com/embed/uW3r-WN1rOU?si=Ofq5XtTGeT0BKBMj" title="Vídeo do Curso" allowfullscreen></iframe>
                </div>
            </div>
        </div>
    </header>

<section class="modules-section">
        <div class="container-custom">
            <h2 class="section-title">O Que Você Vai Aprender neste pacote:</h2>
            <div class="modules-grid">
                
                
                <div class="module-card">
                    <i class="fas fa-truck-loading module-icon"></i>
                    <h3>Logística Mód 1</h3>
                    <p>Fundamentos da cadeia de suprimentos, recebimento, armazenagem e expedição de mercadorias.</p>
                </div>

<div class="module-card">
                    <i class="fab fa-windows module-icon"></i>
                    <h3>Windows</h3>
                    <p>Gerenciamento de sistema, organização de arquivos e operações essenciais no computador.</p>
                </div>

<div class="module-card">
                    <i class="fas fa-clipboard-check module-icon"></i>
                    <h3>Logística Mód 2</h3>
                    <p>Processos avançados, documentação fiscal, transportes e distribuição estratégica.</p>
                </div>

<div class="module-card">
                    <i class="fas fa-user-tie module-icon"></i>
                    <h3>Marketing Pessoal</h3>
                    <p>Postura profissional, ética no trabalho, elaboração de currículo e preparação para entrevistas.</p>
                </div>

<div class="module-card">
                    <i class="fas fa-file-excel module-icon"></i>
                    <h3>Excel</h3>
                    <p>Criação de planilhas inteligentes para controle de estoque, inventário e relatórios gerenciais.</p>
                </div>

</div>
        </div>
    </section>

<section class="gallery-section">
        <div class="container-custom">
            <h2 class="section-title">Tópicos da Inova </h2>
            <div class="gallery-grid">
                <div class="gallery-item">
                    <img src="https://images.unsplash.com/photo-1553413077-190dd305871c?q=80&w=800&auto=format&fit=crop" alt="Gestão de Estoque">
                    <div class="gallery-overlay">Gestão de Armazém</div>
                </div>
                <div class="gallery-item">
                    <img src="https://images.unsplash.com/photo-1460925895917-afdab827c52f?q=80&w=800&auto=format&fit=crop" alt="Planilhas Excel">
                    <div class="gallery-overlay">Controle via Software e Excel</div>
                </div>
                <div class="gallery-item">
                    <img src="https://images.unsplash.com/photo-1586528116311-ad8dd3c8310d?q=80&w=1000&auto=format&fit=crop" alt="Transporte e Cargas">
                    <div class="gallery-overlay">Transporte e Distribuição</div>
                </div>
                <div class="gallery-item">
                    <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjOLUS8VWYc9i_RXWz6aOdvCXD_tvgxdCWenL16qrtc0QOHFtbGsjpOsPUiPewcKz8CVnhApcJH5ps0NY0ywBsHFvfrYSFUgJLadl53KXTgDS9o8JLmrMIkimH0RPFw52NG3CwOufKaKyXHpTCB8iFcMYLR0Y7t-pYK-9pZF9_o0OstoMJyeAn0vTaiMRoV/s320-rw/358608818_693324179472089_1556089524861689363_n.jpg" alt="Entrega de Certificado">
                    <div class="gallery-overlay">Certificado Reconhecido</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-code"></i> Prefere estudar de casa?</h3>
                    <p>Temos a opção 100% online com suporte de instrutores e plataforma exclusiva. 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#logistica" class="btn-outline" style="background: white; color: var(--blue);">Acessar EAD</a>
            </div>

<div class="text-center" style="margin-bottom: 30px;">
                <h2 class="section-title" style="margin-bottom: 10px; color: var(--red-urgent);">Últimos Horários Disponíveis</h2>
                <p style="color: var(--gray); margin-bottom: 20px;">Atenção: Devido ao início das aulas na próxima semana, as vagas podem acabar a qualquer momento.</p>
                
                
                <div class="address-box">
                    <i class="fas fa-map-marker-alt"></i>
                    <div>
                        <strong>Inova Educacional</strong><br>
                        Rua Marcílio Dias 607, Centro (Em frente à Ortobom)
                    </div>
                </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; border: none; font-weight: 600;">Ver no Mapa</a>
            </div>

<div id="loader" class="text-center" style="padding: 40px; color: var(--blue); font-weight: 600;">
                <i class="fas fa-sync fa-spin"></i> Verificando 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">POR: CONSULTAR DESCONTOS</span>
            </div>
            <br>
            <a href="https://www.inovaeducacional.com.br/p/inscricao-rapida.html#logistica" class="btn-main btn-pulse">
                GARANTIR DESCONTO AGORA <i class="fas fa-tags" style="margin-left: 10px;"></i>
            </a>
            <p style="font-size: 0.75rem; opacity: 0.6; margin-top: 20px;">*Consulte condições de parcelamento e bolsas para o curso de Logística.</p>
        </div>
    </section>

<a href="https://api.whatsapp.com/send?phone=5547991140592&text=Ol%C3%A1!%20Gostaria%20de%20informa%C3%A7%C3%B5es%20sobre%20as%20%C3%9ALTIMAS%20VAGAS%20do%20curso%20de%20Log%C3%ADstica." 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" 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);
                
                renderCard(titleCell.v, free);
            });
        }

function renderCard(title, realFree) {
            const container = document.getElementById('gridContainer');
            const totalSpots = 12;
            const isFull = realFree === 0;
            const displayPercent = ((totalSpots - realFree) / totalSpots) * 100;
            const isLow = realFree > 0 && realFree <= 5;

card.innerHTML = `
                <div style="font-weight:700; color:var(--blue-dark); margin-bottom:10px; font-size: 1.1rem;"><i class="far fa-calendar-alt"></i> ${title}</div>
                <div style="font-size:0.9rem; margin-bottom:10px;">
                    ${statusText}
                </div>
                <div class="progress-track">
                    <div class="progress-fill ${isLow ? 'critical' : ''}" style="width: ${displayPercent}%;"></div>
                </div>
                ${!isFull ? '<div style="font-size:0.75rem; color:#64748b; margin-top:8px;">Início na próxima semana</div>' : ''}
            `;

if (!isFull) {
                const msg = encodeURIComponent(`Olá! Quero garantir minha vaga para o curso de LOGÍSTICA no horário: *${title}*. Vi que restam apenas ${realFree} vagas.`);
                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>

Logística (Operações Logísticas)

Siga a escola:

Pesquise aqui o que você precisa

Sobre a INOVA

Siga-nos

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

Contact form