Atendente de Farmácia - Formação Completa

Formação completa e reconhecida INOVA em Atendente de Farmácia

curso de farmácia, certificado de atendente de farmácia, curso de farmácia de manipulação, curso de balconista de drogaria, curso de atendente de drogaria, curso de enfermagem profissionalizante, 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 Gestão em saúde, pacote office, material de curso grátis, Excel Análise, Tabelas Dinâmicas, Automação de Planilhas, Dashboards Gerenciais.
Word, Formatação de Propostas, Elaboração de Relatórios, vendas, fluxo de caixa, Organização de Fluxo de Trabalho, farmácias, jaraguá do sul, jaragua do sul, schroeder, enseada, rocio, centro, praia, ubatuba, ervino, 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>Inova Saúde | Atendente de Farmácia</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>

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

/* --- ESTILOS ORIGINAIS DO CURSO INOVA SAÚDE --- */
        :root {
            --blue: #0284c7; 
            --blue-dark: #0c4a6e;
            --orange: #f97316;
            --orange-hover: #ea580c;
            --light: #f8fafc;
            --gray: #64748b;
            --text: #1e293b;
            --shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
            --whatsapp: #25D366;
            --health-green: #10b981;
        }

* { 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 { max-width: 1200px; margin: 0 auto; padding: 0 20px; }
        .text-center { text-align: center; }
        
        .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;
        }

/* --- 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-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(--health-green);
            color: white;
            padding: 6px 16px;
            border-radius: 50px;
            font-weight: 700;
            font-size: 0.9rem;
            display: inline-block;
            margin-bottom: 15px;
            text-transform: uppercase;
        }

.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;
            text-align: center;
        }
        
        .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: 350px;
        }

.btn-demo {
            background: rgba(255, 255, 255, 0.1);
            backdrop-filter: blur(10px);
            border: 2px dashed rgba(255, 255, 255, 0.4);
            color: white;
            padding: 20px;
            border-radius: 12px;
            cursor: pointer;
            transition: all 0.3s;
            display: flex;
            align-items: center;
            justify-content: center;
            gap: 15px;
            font-weight: 600;
        }
        .btn-demo:hover { background: rgba(255, 255, 255, 0.2); border-color: white; }
        .btn-demo i { font-size: 1.5rem; color: var(--orange); }

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

.module-card {
            background: var(--light);
            padding: 25px;
            border-radius: 12px;
            border-top: 4px solid var(--blue);
            transition: transform 0.3s ease;
            box-shadow: 0 4px 6px -1px rgba(0,0,0,0.05);
        }
        .module-card:hover { transform: translateY(-5px); }
        .module-icon { font-size: 2rem; color: var(--blue); margin-bottom: 15px; }

/* --- Galeria de Alunos --- */
        .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: 1/1;
            box-shadow: var(--shadow);
            border: 4px solid white;
        }
        .gallery-item img {
            width: 100%; height: 100%; object-fit: cover;
            transition: transform 0.5s;
        }
        .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.8));
            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;
        }
        
        .address-box {
            background: #f0f9ff;
            border: 1px solid var(--blue);
            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;
        }

.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;
            cursor: pointer;
            transition: 0.3s;
        }
        .vaga-card:hover { border-color: var(--blue); box-shadow: var(--shadow); }
        
        .progress-track { height: 8px; background: #e2e8f0; border-radius: 4px; overflow: hidden; }
        .progress-fill { height: 100%; background: var(--blue); border-radius: 4px; }

/* --- Modal Pop-up --- */
        .modal {
            display: none;
            position: fixed;
            top: 0; left: 0; width: 100%; height: 100%;
            background: rgba(0,0,0,0.8);
            z-index: 2000;
            align-items: center;
            justify-content: center;
            padding: 20px;
        }
        .modal-content {
            background: white;
            width: 100%;
            max-width: 900px;
            height: 80vh;
            border-radius: 16px;
            position: relative;
            overflow: hidden;
        }
        .close-modal {
            position: absolute;
            top: 15px; right: 20px;
            font-size: 2rem;
            color: var(--text);
            cursor: pointer;
            z-index: 2100;
        }
        iframe.demo-frame { width: 100%; height: 100%; border: none; }

/* --- 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; z-index: 1000;
            text-decoration: none;
            box-shadow: 0 4px 10px rgba(0,0,0,0.3);
        }

/* --- Price Sticky --- */
        .price-sticky {
            background: var(--blue-dark);
            color: white;
            padding: 40px 20px;
            text-align: center;
            border-top: 5px solid var(--health-green);
        }
        .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: 0.3s;
            border: none;
            cursor: pointer;
        }
        .btn-main:hover { background: var(--orange-hover); transform: scale(1.05); }

@media (max-width: 768px) {
            .hero-content { grid-template-columns: 1fr; text-align: center; }
            .hero-list { display: inline-block; text-align: left; }
        }
    </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" 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/a/AVvXsEjEZ93jis5JPQM2pfRFoH7env7M65x00NbJmzU31UdFEJz4YlCVQi-iFbmtyCv9vaENb1k752XOxMDWe6V6QrlwxTjR2dOgVsqlkKBHiko_jQg1UjdVzwGxpexLNCOSuD-Re4FocQJDLPY5KoqWbK7FWAh7qlCJTAuAdaVxTseKtGSVr9V4kMOGIPvs8hZe=s1600" 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/a/AVvXsEjEZ93jis5JPQM2pfRFoH7env7M65x00NbJmzU31UdFEJz4YlCVQi-iFbmtyCv9vaENb1k752XOxMDWe6V6QrlwxTjR2dOgVsqlkKBHiko_jQg1UjdVzwGxpexLNCOSuD-Re4FocQJDLPY5KoqWbK7FWAh7qlCJTAuAdaVxTseKtGSVr9V4kMOGIPvs8hZe=s1600" 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-clock"></i> ÚLTIMAS VAGAS COM DESCONTO PARA A TURMA DE INOVA SAÚDE!
    </div>

<header class="hero">
        <div class="container hero-content">
            <div class="hero-text">
                <span class="badge-carga"><i class="far fa-clock"></i> Carga Horária: 96 Horas</span>
                <h1>Inova Saúde:<br><span style="color: var(--orange);">Atendente de Farmácia</span></h1>
                <p>Torne-se um profissional qualificado para o mercado farmacêutico. Aprenda desde o atendimento ao cliente até rotinas administrativas e técnicas.</p>
                
                <ul class="hero-list">
                    <li><i class="fas fa-check-circle"></i> Telemarketing e Vendas</li>
                    <li><i class="fas fa-check-circle"></i> Biossegurança e Secretariado</li>
                    <li><i class="fas fa-check-circle"></i> Certificado Profissionalizante</li>
                </ul>

<a href="#inscricao" class="btn-main btn-pulse">Quero Garantir minha Vaga</a>
            </div>
            
            <div class="hero-media">
                <img src="https://images.unsplash.com/photo-1576602976047-174e57a47881?auto=format&fit=crop&w=800&q=80" alt="Atendente de Farmácia trabalhando" class="main-hero-img">
                
                <div class="btn-demo" onclick="openModal()">
                    <i class="fas fa-play-circle"></i>
                    <div style="text-align: left;">
                        <span style="display:block; font-size: 0.8rem; opacity: 0.8;">ASSISTIR AGORA</span>
                        <span style="font-size: 1.1rem;">Demonstrativo do Curso</span>
                    </div>
                </div>
            </div>
        </div>
    </header>

<div id="demoModal" class="modal">
        <div class="modal-content">
            <span class="close-modal" onclick="closeModal()">×</span>
            <iframe id="demoIframe" class="demo-frame" src=""></iframe>
        </div>
    </div>

<section class="modules-section">
        <div class="container">
            <h2 class="section-title">O que você vai aprender</h2>
            <div class="modules-grid">
                <div class="module-card">
                    <i class="fas fa-headset module-icon"></i>
                    <h3>Telemarketing e Vendas</h3>
                    <p>Técnicas de abordagem, vendas por telefone e fidelização de clientes no balcão da farmácia.</p>
                </div>
                <div class="module-card">
                    <i class="fas fa-user-tie module-icon"></i>
                    <h3>Marketing Pessoal</h3>
                    <p>Como se portar em um ambiente de saúde, ética profissional e comunicação assertiva.</p>
                </div>
                <div class="module-card">
                    <i class="fas fa-microscope module-icon"></i>
                    <h3>Biossegurança</h3>
                    <p>Normas de higiene, controle de contaminação e segurança no manuseio de medicamentos.</p>
                </div>
                <div class="module-card">
                    <i class="fas fa-file-invoice-dollar module-icon"></i>
                    <h3>Controle de Caixa</h3>
                    <p>(Opcional) Gestão financeira básica, fechamento de caixa e rotinas administrativas.</p>
                </div>
                <div class="module-card">
                    <i class="fas fa-users-cog module-icon"></i>
                    <h3>Secretariado</h3>
                    <p>Organização de arquivos, agendamentos e suporte administrativo especializado.</p>
                </div>
                <div class="module-card">
                    <i class="fas fa-capsules module-icon"></i>
                    <h3>Atendimento em Farmácia</h3>
                    <p>Conhecimento prático sobre medicamentos, receitas e as funções do atendente.</p>
                </div>
            </div>
        </div>
    </section>

<section class="gallery-section">
        <div class="container">
            <h2 class="section-title">Alguns de Nossos Alunos Formados</h2>
            <p class="text-center" style="margin-top: -30px; margin-bottom: 40px; color: var(--gray);">Veja quem já conquistou sua certificação e está pronto para o mercado!</p>
            
            <div class="gallery-grid">
                <div class="gallery-item">
                    <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj7vMDzTF7DbCwuHRLzYmWJvs9lbm8q7nz8XLSf7Rp-48qUbLEdABwdgOwfP29fpxm3UpzqFp6HRW-ObacWZpt7-ZmyDnyITg9Rx9G9MlV33H-QpgetGMhvWjfMe7vwGLOA9zoeCjhqOL3q8BGD6ai_a2VtsQPabD9lOBS15jqLosd99J6DsI0sbFSKAv3T/s320/297028959_2037303449805579_6557635471264391450_n.jpg" alt="Aluna formada em saúde">
                    <div class="gallery-overlay">Roseli</div>
                </div>
                <div class="gallery-item">
                    <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj68umKkOwKYrTXIjMsEuBtY4WAu6kJiiYJ3-LhPu7FkxGl82R16E2loPVN-ZDfor5wfDfWuahrlqlsA2h2lasT1-Co2sEvu9iGzLVOH9sL62LNbLzSmrtnnB9zniepB4oCFMc_LWrXjUjCkYHQbsef_QIUYR2SrDyrj7XAt2OtuebQbhx6BLH6WAuJih8m/s320/334934658_891993081870179_8203524346978669702_n.jpg" alt="Profissional de farmácia">
                    <div class="gallery-overlay">Tamires</div>
                </div>
                <div class="gallery-item">
                    <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgobDFhOj4oxruI9_BMhh3rDGlGBs1YFkQO_gvZhJ3tp-aazc2LN9YRd1nT3azVpFh5uQPPbBT1qIGKkOvLQoY7SQO47B9mkx7jakiGujW4VnWOtv5TBfrS0KD88b_-ZmwTALfQancl3XHIt4jCmfirzpcaTGvsijcfEB-Jc_G8imGGPAIHSjQJ4xrLC0e9/s16000/639026264220834158.jpeg" alt="Aluno em treinamento">
                    <div class="gallery-overlay">Jaqueline</div>
                </div>
                <div class="gallery-item">
                    <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjkpfxnndHzcstmsOeYMZpNsp-4kCfWcF0nAlnFYqllMsoieF64scrZj6G0kQgpcW8gh5tSdo2w70YQCHFPmsUlPCI5pw9oEjn2oMwRcaBOq7PHq-wpDKcQDg3Cl7k4D-yIFmHZ7M2u0PqVXiY_XJtwculWna7PKpv6ICN9u2aPQijNI1oo-Wer8cSPilhX/s320/345600382_237872055589407_3111507490793414569_n.jpg" alt="Formatura Inova">
                    <div class="gallery-overlay">Vitória</div>
                </div>
            </div>
        </div>
    </section>

<section id="inscricao" class="enroll-section">
        <div class="container">
            
            
            <div class="online-box">
                <div class="online-content">
                    <h3><i class="fas fa-laptop-medical"></i> Matrícula 100% Online</h3>
                    <p>Não pode vir até a escola? 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#atendente-de-farmacia" class="btn-main" style="background: white; color: var(--blue);">Começar Online</a>
            </div>

<div class="text-center" style="margin-bottom: 30px;">
                <h2 class="section-title" style="margin-bottom: 10px;">Vagas para Estudos Presenciais (Atualizado há 11s.)</h2>
                <div class="address-box">
                    <i class="fas fa-map-marker-alt"></i>
                    <div>
                        <strong>Unidade São Francisco do Sul</strong><br>
                        Rua Marcílio Dias 607, Centro (Em frente à Ortobom)
                    </div>
                </div>
            </div>

<div id="loader" class="text-center" style="padding: 40px;">
                <i class="fas fa-sync fa-spin"></i> Sincronizando horários disponíveis...
            </div>

</div>
    </section>

<footer class="price-sticky">
        <div class="container">
            <div class="price-tag">
                <span class="old-price">De R$ 239,90/mês</span>
                <span class="cta-price-text">POR: CONSULTAR DESCONTO</span>
            </div>
            <br>
            <a href="https://www.inovaeducacional.com.br/p/inscricao-rapida.html#farmacia-c-secretariado" class="btn-main btn-pulse">
                RESERVAR VAGA COM DESCONTO <i class="fas fa-tags" style="margin-left: 10px;"></i>
            </a>
            <p style="font-size: 0.8rem; opacity: 0.7; margin-top: 20px;">
                Inova Saúde - Formação Profissional de Elite © 
            </p>
        </div>
    </footer>

<a href="https://api.whatsapp.com/send?phone=5547991140592&text=Olá! Gostaria de informações sobre o curso de Atendente de Farmácia." class="floating-wa" target="_blank">
        <i class="fab fa-whatsapp"></i>
    </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/a/AVvXsEjEZ93jis5JPQM2pfRFoH7env7M65x00NbJmzU31UdFEJz4YlCVQi-iFbmtyCv9vaENb1k752XOxMDWe6V6QrlwxTjR2dOgVsqlkKBHiko_jQg1UjdVzwGxpexLNCOSuD-Re4FocQJDLPY5KoqWbK7FWAh7qlCJTAuAdaVxTseKtGSVr9V4kMOGIPvs8hZe=s1600" 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" target="_blank" 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>

function openModal() {
            const modal = document.getElementById('demoModal');
            const iframe = document.getElementById('demoIframe');
            iframe.src = "https://crm.ouromoderno.com.br/4passos/index.php?c=MTU1";
            modal.style.display = 'flex';
        }

function closeModal() {
            const modal = document.getElementById('demoModal');
            const iframe = document.getElementById('demoIframe');
            iframe.src = ""; 
            modal.style.display = 'none';
        }

window.onclick = function(event) {
            const modal = document.getElementById('demoModal');
            if (event.target == modal) closeModal();
        }

async function fetchAvailability() {
            try {
                const response = await fetch(BASE_URL);
                const text = await response.text();
                const jsonData = JSON.parse(text.substring(text.indexOf('{'), text.lastIndexOf('}') + 1));
                document.getElementById('loader').style.display = 'none';
                processData(jsonData.table);
            } catch (error) {
                console.error("Erro:", error);
                document.getElementById('loader').innerHTML = 'Não foi possível carregar as vagas agora.';
            }
        }

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, (occupied/totalSpots)*100);
            });
        }

if (!isFull) {
                const msg = encodeURIComponent(`Olá! Quero consultar o desconto para o curso de Atendente de Farmácia no horário: *${title}*.`);
                card.onclick = () => window.open(`https://api.whatsapp.com/send?phone=5547991140592&text=${msg}`, '_blank');
            }

container.appendChild(card);
        }

// Script integrado (Carregamento original + Menu Mobile)
        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>

Atendente de Farmácia - Formação Completa

Siga a escola:

Pesquise aqui o que você precisa

Sobre a INOVA

Siga-nos

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

Contact form