{"id":51012,"date":"2026-02-24T22:54:31","date_gmt":"2026-02-25T01:54:31","guid":{"rendered":"https:\/\/educater.com.br\/?page_id=51012"},"modified":"2026-02-24T23:58:36","modified_gmt":"2026-02-25T02:58:36","slug":"b2b","status":"publish","type":"page","link":"https:\/\/educater.com.br\/en\/b2b\/","title":{"rendered":"b2b"},"content":{"rendered":"\n\n\n\n<!DOCTYPE html>\n<html lang=\"pt-BR\">\n<head>\n    <meta charset=\"UTF-8\">\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n    <title>Capacita\u00e7\u00e3o Docente para Institui\u00e7\u00f5es de Ensino | Instituto Educater<\/title>\n    <meta name=\"description\" content=\"Solu\u00e7\u00f5es customizadas para escolas m\u00e9dicas: capacita\u00e7\u00e3o de corpo docente em escala, adequa\u00e7\u00e3o \u00e0s DCNs, programas para NDEs. Fale com um consultor.\">\n    <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n    <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@300;400;500;600;700;800;900&#038;display=swap\" rel=\"stylesheet\">\n    <style>\n        :root {\n            --prussian-blue: #003566;\n            --prussian-blue-dark: #002149;\n            --prussian-blue-light: #004080;\n            --golden-poppy: #FFC300;\n            --golden-poppy-dark: #E8A200;\n            --golden-poppy-light: #FFD54F;\n            --claret: #6E0D25;\n            --claret-dark: #5A0B1F;\n            --claret-light: #8B1030;\n            --papaya-whip: #FFF1D0;\n            --papaya-whip-light: #FFF7E5;\n            --white: #FFFFFF;\n            --gray-50: #F9FAFB;\n            --gray-100: #F3F4F6;\n            --gray-200: #E5E7EB;\n            --gray-300: #D1D5DB;\n            --gray-400: #9CA3AF;\n            --gray-500: #6B7280;\n            --gray-600: #4B5563;\n            --gray-700: #374151;\n            --gray-800: #1F2937;\n            --emerald: #059669;\n            --emerald-light: #10B981;\n            --font-family: 'Montserrat', sans-serif;\n            --transition: all 0.3s ease;\n            --shadow-sm: 0 1px 3px rgba(0,53,102,0.08);\n            --shadow-md: 0 4px 15px rgba(0,53,102,0.1);\n            --shadow-lg: 0 10px 40px rgba(0,53,102,0.15);\n            --shadow-xl: 0 20px 60px rgba(0,53,102,0.2);\n            --radius-sm: 8px;\n            --radius-md: 12px;\n            --radius-lg: 16px;\n            --radius-xl: 24px;\n        }\n\n        * { margin: 0; padding: 0; box-sizing: border-box; }\n        html { scroll-behavior: smooth; }\n        body { font-family: var(--font-family); font-size: 16px; line-height: 1.6; color: var(--prussian-blue); background: var(--white); }\n\n        a { text-decoration: none; color: inherit; transition: var(--transition); }\n        img { max-width: 100%; height: auto; }\n\n        .container { max-width: 1200px; margin: 0 auto; padding: 0 1.5rem; }\n        .section { padding: 5rem 0; }\n\n        \/* Buttons *\/\n        .btn { display: inline-flex; align-items: center; justify-content: center; gap: 0.5rem; padding: 0.875rem 1.75rem; font-family: var(--font-family); font-size: 0.95rem; font-weight: 600; border-radius: 50px; cursor: pointer; transition: var(--transition); border: none; }\n        .btn-lg { padding: 1rem 2rem; font-size: 1rem; }\n        .btn-primary { background: var(--golden-poppy); color: var(--prussian-blue); }\n        .btn-primary:hover { background: var(--golden-poppy-dark); transform: translateY(-2px); box-shadow: 0 8px 25px rgba(255,195,0,0.35); }\n        .btn-secondary { background: var(--prussian-blue); color: var(--white); }\n        .btn-secondary:hover { background: var(--prussian-blue-dark); transform: translateY(-2px); }\n        .btn-outline { background: transparent; color: var(--white); border: 2px solid var(--white); }\n        .btn-outline:hover { background: var(--white); color: var(--prussian-blue); }\n        .btn-outline-dark { background: transparent; color: var(--prussian-blue); border: 2px solid var(--prussian-blue); }\n        .btn-outline-dark:hover { background: var(--prussian-blue); color: var(--white); }\n        .btn-white { background: var(--white); color: var(--prussian-blue); }\n        .btn-white:hover { background: var(--gray-100); }\n\n        \/* Section Headers *\/\n        .section-header { margin-bottom: 3rem; }\n        .section-header.center { text-align: center; }\n        .section-eyebrow { font-size: 0.8rem; font-weight: 700; text-transform: uppercase; letter-spacing: 2px; color: var(--claret); margin-bottom: 0.75rem; }\n        .section-title { font-size: clamp(1.75rem, 4vw, 2.5rem); font-weight: 800; line-height: 1.2; margin-bottom: 1rem; }\n        .section-subtitle { font-size: 1.1rem; color: var(--gray-600); max-width: 700px; line-height: 1.7; }\n        .section-header.center .section-subtitle { margin: 0 auto; }\n\n    \/* Section Nav *\/\n        .section-nav { background: var(--white); border-bottom: 1px solid var(--gray-200); position: sticky; top: 0; z-index: 100; }\n        .section-nav-inner { max-width: 1200px; margin: 0 auto; padding: 0 1.5rem; display: flex; gap: 0.5rem; overflow-x: auto; }\n        .section-nav-link { display: flex; align-items: center; gap: 0.5rem; padding: 1rem 1.25rem; font-size: 0.9rem; font-weight: 600; color: var(--gray-600); white-space: nowrap; border-bottom: 3px solid transparent; }\n        .section-nav-link:hover { color: var(--prussian-blue); }\n        .section-nav-link.active { color: var(--prussian-blue); border-bottom-color: var(--golden-poppy); }\n        .section-nav-link svg { width: 18px; height: 18px; fill: currentColor; }\n\n        \/* ========== HERO ========== *\/\n        .hero {\n            background: linear-gradient(135deg, var(--prussian-blue-dark) 0%, var(--prussian-blue) 50%, var(--prussian-blue-light) 100%);\n            color: var(--white);\n            padding: 4rem 0 5rem;\n            position: relative;\n            overflow: hidden;\n        }\n        .hero::before {\n            content: '';\n            position: absolute;\n            top: 0; left: 0; right: 0; bottom: 0;\n            background-image: url(\"data:image\/svg+xml,%3Csvg width='80' height='80' viewBox='0 0 80 80' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.03'%3E%3Cpath d='M50 50c0-5.523 4.477-10 10-10s10 4.477 10 10-4.477 10-10 10c0 5.523-4.477 10-10 10s-10-4.477-10-10 4.477-10 10-10zM10 10c0-5.523 4.477-10 10-10s10 4.477 10 10-4.477 10-10 10c0 5.523-4.477 10-10 10S0 25.523 0 20s4.477-10 10-10zm10 8c4.418 0 8-3.582 8-8s-3.582-8-8-8-8 3.582-8 8 3.582 8 8 8zm40 40c4.418 0 8-3.582 8-8s-3.582-8-8-8-8 3.582-8 8 3.582 8 8 8z'\/%3E%3C\/g%3E%3C\/g%3E%3C\/svg%3E\");\n            pointer-events: none;\n        }\n        .hero::after {\n            content: '';\n            position: absolute;\n            top: -20%; right: -10%;\n            width: 50%; height: 140%;\n            background: radial-gradient(ellipse, rgba(255,195,0,0.08) 0%, transparent 60%);\n            pointer-events: none;\n        }\n\n        .hero-content {\n            position: relative;\n            z-index: 1;\n            max-width: 750px;\n        }\n\n        .breadcrumb {\n            display: flex;\n            align-items: center;\n            gap: 0.5rem;\n            font-size: 0.85rem;\n            opacity: 0.7;\n            margin-bottom: 2rem;\n        }\n        .breadcrumb a:hover { opacity: 1; text-decoration: underline; }\n        .breadcrumb svg { width: 16px; height: 16px; }\n\n        .hero-badge {\n            display: inline-flex;\n            align-items: center;\n            gap: 0.5rem;\n            background: rgba(255,255,255,0.1);\n            border: 1px solid rgba(255,255,255,0.2);\n            padding: 0.5rem 1rem;\n            border-radius: 50px;\n            font-size: 0.8rem;\n            font-weight: 600;\n            margin-bottom: 1.5rem;\n        }\n\n        .hero-title {\n            font-size: clamp(2rem, 5vw, 3rem);\n            font-weight: 900;\n            line-height: 1.15;\n            margin-bottom: 1.5rem;\n        }\n        .hero-title span {\n            color: var(--golden-poppy);\n        }\n\n        .hero-subtitle {\n            font-size: 1.2rem;\n            opacity: 0.9;\n            line-height: 1.7;\n            margin-bottom: 2.5rem;\n        }\n\n        .hero-ctas {\n            display: flex;\n            flex-wrap: wrap;\n            gap: 1rem;\n        }\n\n        .hero-logos {\n            margin-top: 3rem;\n            padding-top: 2rem;\n            border-top: 1px solid rgba(255,255,255,0.1);\n        }\n        .hero-logos-label {\n            font-size: 0.8rem;\n            text-transform: uppercase;\n            letter-spacing: 1px;\n            opacity: 0.6;\n            margin-bottom: 1rem;\n        }\n        .hero-logos-grid {\n            display: flex;\n            align-items: center;\n            gap: 2.5rem;\n            flex-wrap: wrap;\n        }\n        .hero-logo {\n            background: rgba(255,255,255,0.1);\n            padding: 0.75rem 1.5rem;\n            border-radius: var(--radius-sm);\n            font-weight: 700;\n            font-size: 0.9rem;\n            opacity: 0.8;\n        }\n\n        \/* ========== CHALLENGES ========== *\/\n        .challenges-section {\n            background: var(--white);\n            padding: 5rem 0;\n        }\n        .challenges-grid {\n            display: grid;\n            grid-template-columns: repeat(2, 1fr);\n            gap: 1.5rem;\n        }\n        .challenge-card {\n            display: grid;\n            grid-template-columns: 1fr 1fr;\n            background: var(--gray-50);\n            border-radius: var(--radius-lg);\n            overflow: hidden;\n            border: 1px solid var(--gray-200);\n            transition: var(--transition);\n        }\n        .challenge-card:hover {\n            box-shadow: var(--shadow-md);\n            border-color: var(--gray-300);\n        }\n        .challenge-problem {\n            padding: 1.75rem;\n            background: var(--gray-100);\n            border-right: 1px solid var(--gray-200);\n        }\n        .challenge-problem-label {\n            display: flex;\n            align-items: center;\n            gap: 0.5rem;\n            font-size: 0.7rem;\n            font-weight: 700;\n            text-transform: uppercase;\n            letter-spacing: 0.5px;\n            color: var(--claret);\n            margin-bottom: 0.75rem;\n        }\n        .challenge-problem-text {\n            font-size: 0.95rem;\n            color: var(--gray-700);\n            line-height: 1.5;\n        }\n        .challenge-solution {\n            padding: 1.75rem;\n        }\n        .challenge-solution-label {\n            display: flex;\n            align-items: center;\n            gap: 0.5rem;\n            font-size: 0.7rem;\n            font-weight: 700;\n            text-transform: uppercase;\n            letter-spacing: 0.5px;\n            color: var(--emerald);\n            margin-bottom: 0.75rem;\n        }\n        .challenge-solution-text {\n            font-size: 0.95rem;\n            color: var(--gray-700);\n            line-height: 1.5;\n            font-weight: 500;\n        }\n\n        \/* ========== SERVICES ========== *\/\n        .services-section {\n            background: var(--gray-50);\n            padding: 5rem 0;\n        }\n        .services-grid {\n            display: grid;\n            grid-template-columns: repeat(4, 1fr);\n            gap: 1.5rem;\n        }\n        .service-card {\n            background: var(--white);\n            border-radius: var(--radius-lg);\n            padding: 2rem 1.5rem;\n            text-align: center;\n            border: 2px solid var(--gray-200);\n            transition: var(--transition);\n            position: relative;\n        }\n        .service-card::before {\n            content: '';\n            position: absolute;\n            top: 0; left: 0; right: 0;\n            height: 4px;\n            background: var(--prussian-blue);\n            border-radius: var(--radius-lg) var(--radius-lg) 0 0;\n            opacity: 0;\n            transition: var(--transition);\n        }\n        .service-card:hover {\n            border-color: var(--prussian-blue);\n            box-shadow: var(--shadow-lg);\n            transform: translateY(-6px);\n        }\n        .service-card:hover::before {\n            opacity: 1;\n        }\n        .service-icon {\n            width: 72px;\n            height: 72px;\n            background: linear-gradient(135deg, var(--prussian-blue) 0%, var(--prussian-blue-dark) 100%);\n            border-radius: 50%;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            margin: 0 auto 1.25rem;\n            font-size: 2rem;\n        }\n        .service-title {\n            font-size: 1.1rem;\n            font-weight: 700;\n            margin-bottom: 0.5rem;\n            text-transform: uppercase;\n            letter-spacing: 0.5px;\n        }\n        .service-subtitle {\n            font-size: 0.8rem;\n            color: var(--gray-500);\n            margin-bottom: 1rem;\n        }\n        .service-description {\n            font-size: 0.9rem;\n            color: var(--gray-600);\n            line-height: 1.6;\n        }\n\n        \/* ========== DIFFERENTIALS ========== *\/\n        .differentials-section {\n            background: var(--papaya-whip-light);\n            padding: 5rem 0;\n        }\n        .differentials-grid {\n            display: grid;\n            grid-template-columns: repeat(2, 1fr);\n            gap: 1.25rem;\n        }\n        .differential-item {\n            display: flex;\n            gap: 1rem;\n            background: var(--white);\n            padding: 1.5rem;\n            border-radius: var(--radius-md);\n            border-left: 4px solid var(--golden-poppy);\n            transition: var(--transition);\n        }\n        .differential-item:hover {\n            box-shadow: var(--shadow-md);\n            transform: translateX(4px);\n        }\n        .differential-number {\n            width: 40px;\n            height: 40px;\n            min-width: 40px;\n            background: var(--prussian-blue);\n            color: var(--golden-poppy);\n            border-radius: 50%;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            font-weight: 800;\n            font-size: 1rem;\n        }\n        .differential-content h3 {\n            font-size: 1rem;\n            font-weight: 700;\n            margin-bottom: 0.35rem;\n        }\n        .differential-content p {\n            font-size: 0.9rem;\n            color: var(--gray-600);\n            line-height: 1.5;\n        }\n\n        \/* ========== CASES ========== *\/\n        .cases-section {\n            background: var(--white);\n            padding: 5rem 0;\n        }\n        .cases-grid {\n            display: grid;\n            grid-template-columns: repeat(2, 1fr);\n            gap: 2rem;\n        }\n        .case-card {\n            background: var(--gray-50);\n            border-radius: var(--radius-xl);\n            overflow: hidden;\n            border: 2px solid var(--gray-200);\n            transition: var(--transition);\n        }\n        .case-card:hover {\n            border-color: var(--golden-poppy);\n            box-shadow: var(--shadow-lg);\n        }\n        .case-header {\n            background: linear-gradient(135deg, var(--prussian-blue) 0%, var(--prussian-blue-dark) 100%);\n            color: var(--white);\n            padding: 1.5rem 2rem;\n        }\n        .case-location {\n            display: flex;\n            align-items: center;\n            gap: 0.5rem;\n            font-size: 0.8rem;\n            opacity: 0.8;\n            margin-bottom: 0.5rem;\n        }\n        .case-title {\n            font-size: 1.25rem;\n            font-weight: 700;\n        }\n        .case-body {\n            padding: 2rem;\n        }\n        .case-section {\n            margin-bottom: 1.5rem;\n        }\n        .case-section:last-child {\n            margin-bottom: 0;\n        }\n        .case-section-label {\n            font-size: 0.75rem;\n            font-weight: 700;\n            text-transform: uppercase;\n            letter-spacing: 0.5px;\n            color: var(--gray-500);\n            margin-bottom: 0.5rem;\n        }\n        .case-section-text {\n            font-size: 0.95rem;\n            color: var(--gray-700);\n            line-height: 1.6;\n        }\n        .case-results {\n            display: flex;\n            flex-direction: column;\n            gap: 0.5rem;\n        }\n        .case-result {\n            display: flex;\n            align-items: center;\n            gap: 0.5rem;\n            font-size: 0.95rem;\n            color: var(--gray-700);\n        }\n        .case-result::before {\n            content: '\u2713';\n            color: var(--emerald);\n            font-weight: 700;\n        }\n        .case-result strong {\n            color: var(--prussian-blue);\n        }\n        .case-footer {\n            padding: 0 2rem 2rem;\n        }\n        .case-cta {\n            color: var(--claret);\n            font-weight: 600;\n            font-size: 0.95rem;\n        }\n        .case-cta:hover {\n            text-decoration: underline;\n        }\n\n        \/* ========== PROCESS ========== *\/\n        .process-section {\n            background: var(--prussian-blue);\n            color: var(--white);\n            padding: 5rem 0;\n            position: relative;\n            overflow: hidden;\n        }\n        .process-section::before {\n            content: '';\n            position: absolute;\n            top: 0; left: 0; right: 0; bottom: 0;\n            background-image: url(\"data:image\/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.03'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'\/%3E%3C\/g%3E%3C\/g%3E%3C\/svg%3E\");\n            pointer-events: none;\n        }\n        .process-content {\n            position: relative;\n            z-index: 1;\n        }\n        .process-section .section-subtitle {\n            color: rgba(255,255,255,0.8);\n        }\n\n        .process-timeline {\n            display: flex;\n            justify-content: space-between;\n            position: relative;\n            max-width: 1000px;\n            margin: 0 auto;\n        }\n        .process-timeline::before {\n            content: '';\n            position: absolute;\n            top: 40px;\n            left: 60px;\n            right: 60px;\n            height: 3px;\n            background: rgba(255,255,255,0.2);\n        }\n        .process-step {\n            flex: 1;\n            text-align: center;\n            position: relative;\n            z-index: 1;\n        }\n        .process-step-number {\n            width: 80px;\n            height: 80px;\n            background: var(--golden-poppy);\n            color: var(--prussian-blue);\n            border-radius: 50%;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            font-size: 1.75rem;\n            font-weight: 800;\n            margin: 0 auto 1.25rem;\n            border: 4px solid var(--prussian-blue);\n            box-shadow: 0 4px 20px rgba(255,195,0,0.3);\n        }\n        .process-step-title {\n            font-size: 1rem;\n            font-weight: 700;\n            text-transform: uppercase;\n            letter-spacing: 0.5px;\n            margin-bottom: 0.5rem;\n        }\n        .process-step-desc {\n            font-size: 0.85rem;\n            opacity: 0.8;\n            max-width: 140px;\n            margin: 0 auto;\n            line-height: 1.5;\n        }\n\n        \/* ========== CONTACT FORM ========== *\/\n        .contact-section {\n            background: var(--gray-50);\n            padding: 5rem 0;\n        }\n        .contact-grid {\n            display: grid;\n            grid-template-columns: 1.2fr 1fr;\n            gap: 3rem;\n            align-items: start;\n        }\n        .contact-form-card {\n            background: var(--white);\n            border-radius: var(--radius-xl);\n            padding: 2.5rem;\n            box-shadow: var(--shadow-lg);\n            border: 1px solid var(--gray-200);\n        }\n        .contact-form-title {\n            font-size: 1.5rem;\n            font-weight: 800;\n            margin-bottom: 0.5rem;\n        }\n        .contact-form-subtitle {\n            font-size: 0.95rem;\n            color: var(--gray-600);\n            margin-bottom: 2rem;\n        }\n        .form-row {\n            display: grid;\n            grid-template-columns: repeat(2, 1fr);\n            gap: 1rem;\n        }\n        .form-group {\n            margin-bottom: 1.25rem;\n        }\n        .form-group.full {\n            grid-column: span 2;\n        }\n        .form-label {\n            display: block;\n            font-size: 0.85rem;\n            font-weight: 600;\n            margin-bottom: 0.5rem;\n            color: var(--gray-700);\n        }\n        .form-input,\n        .form-select,\n        .form-textarea {\n            width: 100%;\n            padding: 0.875rem 1rem;\n            border: 2px solid var(--gray-200);\n            border-radius: var(--radius-md);\n            font-family: var(--font-family);\n            font-size: 0.95rem;\n            outline: none;\n            transition: var(--transition);\n        }\n        .form-input:focus,\n        .form-select:focus,\n        .form-textarea:focus {\n            border-color: var(--prussian-blue);\n        }\n        .form-textarea {\n            resize: vertical;\n            min-height: 120px;\n        }\n        .form-select {\n            appearance: none;\n            background-image: url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' width='24' height='24' viewBox='0 0 24 24' fill='%236B7280'%3E%3Cpath d='M7 10l5 5 5-5z'\/%3E%3C\/svg%3E\");\n            background-repeat: no-repeat;\n            background-position: right 1rem center;\n            padding-right: 2.5rem;\n        }\n        .form-submit {\n            width: 100%;\n            margin-top: 0.5rem;\n        }\n\n        .contact-info {\n            padding: 1rem;\n        }\n        .contact-info-title {\n            font-size: 1.25rem;\n            font-weight: 700;\n            margin-bottom: 1.5rem;\n        }\n        .contact-methods {\n            display: flex;\n            flex-direction: column;\n            gap: 1.5rem;\n            margin-bottom: 2.5rem;\n        }\n        .contact-method {\n            display: flex;\n            align-items: flex-start;\n            gap: 1rem;\n        }\n        .contact-method-icon {\n            width: 50px;\n            height: 50px;\n            min-width: 50px;\n            background: var(--prussian-blue);\n            border-radius: var(--radius-md);\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            font-size: 1.5rem;\n        }\n        .contact-method-content h4 {\n            font-size: 0.95rem;\n            font-weight: 700;\n            margin-bottom: 0.25rem;\n        }\n        .contact-method-content p {\n            font-size: 0.9rem;\n            color: var(--gray-600);\n        }\n        .contact-method-content a {\n            color: var(--claret);\n            font-weight: 600;\n        }\n        .contact-method-content a:hover {\n            text-decoration: underline;\n        }\n\n        .contact-calendly {\n            background: var(--papaya-whip);\n            border-radius: var(--radius-lg);\n            padding: 1.5rem;\n            text-align: center;\n        }\n        .contact-calendly-icon {\n            font-size: 2.5rem;\n            margin-bottom: 0.75rem;\n        }\n        .contact-calendly h4 {\n            font-size: 1rem;\n            font-weight: 700;\n            margin-bottom: 0.5rem;\n        }\n        .contact-calendly p {\n            font-size: 0.9rem;\n            color: var(--gray-600);\n            margin-bottom: 1rem;\n        }\n\n        \/* ========== FAQ ========== *\/\n        .faq-section {\n            background: var(--white);\n            padding: 5rem 0;\n        }\n        .faq-list {\n            max-width: 800px;\n            margin: 0 auto;\n        }\n        .faq-item {\n            border-bottom: 1px solid var(--gray-200);\n        }\n        .faq-question {\n            display: flex;\n            justify-content: space-between;\n            align-items: center;\n            padding: 1.25rem 0;\n            cursor: pointer;\n            transition: var(--transition);\n        }\n        .faq-question:hover {\n            color: var(--claret);\n        }\n        .faq-question h3 {\n            font-size: 1rem;\n            font-weight: 600;\n            padding-right: 1rem;\n        }\n        .faq-toggle {\n            width: 28px;\n            height: 28px;\n            min-width: 28px;\n            background: var(--gray-100);\n            border-radius: 50%;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            transition: var(--transition);\n        }\n        .faq-item.active .faq-toggle {\n            background: var(--prussian-blue);\n            transform: rotate(180deg);\n        }\n        .faq-toggle svg {\n            width: 16px;\n            height: 16px;\n            fill: var(--gray-600);\n        }\n        .faq-item.active .faq-toggle svg {\n            fill: var(--white);\n        }\n        .faq-answer {\n            max-height: 0;\n            overflow: hidden;\n            transition: max-height 0.4s ease;\n        }\n        .faq-item.active .faq-answer {\n            max-height: 300px;\n        }\n        .faq-answer-inner {\n            padding-bottom: 1.25rem;\n            font-size: 0.95rem;\n            color: var(--gray-600);\n            line-height: 1.7;\n        }\n\n        \/* ========== CTA FINAL ========== *\/\n        .cta-section {\n            background: linear-gradient(135deg, var(--claret) 0%, var(--claret-dark) 100%);\n            color: var(--white);\n            padding: 4rem 0;\n            text-align: center;\n            position: relative;\n            overflow: hidden;\n        }\n        .cta-section::before {\n            content: '';\n            position: absolute;\n            top: 0; left: 0; right: 0; bottom: 0;\n            background-image: url(\"data:image\/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.05'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4z'\/%3E%3C\/g%3E%3C\/g%3E%3C\/svg%3E\");\n            pointer-events: none;\n        }\n        .cta-content {\n            position: relative;\n            z-index: 1;\n        }\n        .cta-title {\n            font-size: clamp(1.5rem, 3.5vw, 2rem);\n            font-weight: 800;\n            margin-bottom: 1rem;\n        }\n        .cta-subtitle {\n            font-size: 1.1rem;\n            opacity: 0.9;\n            margin-bottom: 2rem;\n            max-width: 600px;\n            margin-left: auto;\n            margin-right: auto;\n        }\n        .cta-buttons {\n            display: flex;\n            justify-content: center;\n            gap: 1rem;\n            flex-wrap: wrap;\n        }\n        .btn-claret-outline {\n            background: transparent;\n            color: var(--white);\n            border: 2px solid var(--white);\n        }\n        .btn-claret-outline:hover {\n            background: var(--white);\n            color: var(--claret);\n        }\n\n        \/* ========== RESPONSIVE ========== *\/\n        @media (max-width: 1024px) {\n            .services-grid { grid-template-columns: repeat(2, 1fr); }\n            .challenges-grid { grid-template-columns: 1fr; }\n            .challenge-card { grid-template-columns: 1fr; }\n            .challenge-problem { border-right: none; border-bottom: 1px solid var(--gray-200); }\n            .differentials-grid { grid-template-columns: 1fr; }\n            .cases-grid { grid-template-columns: 1fr; }\n            .contact-grid { grid-template-columns: 1fr; }\n            .contact-info { order: -1; }\n            .process-timeline { flex-wrap: wrap; gap: 2rem; justify-content: center; }\n            .process-timeline::before { display: none; }\n            .process-step { flex: 0 0 calc(33.33% - 1rem); }\n        }\n\n        @media (max-width: 768px) {\n            .section { padding: 3.5rem 0; }\n            .hero { padding: 3rem 0 4rem; }\n            .hero-ctas { flex-direction: column; }\n            .hero-ctas .btn { width: 100%; justify-content: center; }\n            .hero-logos-grid { justify-content: center; }\n            .services-grid { grid-template-columns: 1fr; }\n            .form-row { grid-template-columns: 1fr; }\n            .form-group.full { grid-column: auto; }\n            .process-step { flex: 0 0 100%; }\n            .cta-buttons { flex-direction: column; }\n            .cta-buttons .btn { width: 100%; }\n        }\n\n        @media (max-width: 480px) {\n            .service-card { padding: 1.5rem 1rem; }\n            .case-body { padding: 1.5rem; }\n            .contact-form-card { padding: 1.5rem; }\n        }\n    <\/style>\n\n    <script type=\"application\/ld+json\">\n    {\n        \"@context\": \"https:\/\/schema.org\",\n        \"@type\": \"Service\",\n        \"name\": \"Solu\u00e7\u00f5es Institucionais - Instituto Educater\",\n        \"description\": \"Capacita\u00e7\u00e3o docente customizada para escolas m\u00e9dicas e institui\u00e7\u00f5es de ensino superior\",\n        \"provider\": {\n            \"@type\": \"Organization\",\n            \"name\": \"Instituto Educater\"\n        },\n        \"serviceType\": \"Capacita\u00e7\u00e3o Docente Institucional\",\n        \"areaServed\": \"Brasil\"\n    }\n    <\/script>\n<\/head>\n<body>\n<\/body>\n<\/html>\n\n\n\n\n\n<!-- ========== HERO ========== -->\n    <section class=\"hero\">\n        <div class=\"container\">\n            <div class=\"hero-content\">\n                <nav class=\"breadcrumb\">\n                    <a href=\"\/\">Home<\/a>\n                    <svg viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M8.59 16.59L13.17 12 8.59 7.41 10 6l6 6-6 6-1.41-1.41z\"\/><\/svg>\n                    <a href=\"\/programas\">Programas<\/a>\n                    <svg viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M8.59 16.59L13.17 12 8.59 7.41 10 6l6 6-6 6-1.41-1.41z\"\/><\/svg>\n                    <span>Institucional<\/span>\n                <\/nav>\n\n                    <nav class=\"section-nav\">\n        <div class=\"section-nav-inner\">\n            <a href=\"\/formacao\" class=\"section-nav-link\">\n                <svg viewBox=\"0 0 24 24\"><path d=\"M4 6h16v2H4zm0 5h16v2H4zm0 5h16v2H4z\"\/><\/svg>\n                <span>Vis\u00e3o Geral<\/span>\n            <\/a>\n            <a href=\"\/especializacao\" class=\"section-nav-link\">\n                <svg viewBox=\"0 0 24 24\"><path d=\"M5 13.18v4L12 21l7-3.82v-4L12 17l-7-3.82zM12 3L1 9l11 6 9-4.91V17h2V9L12 3z\"\/><\/svg>\n                <span>Especializa\u00e7\u00e3o<\/span>\n            <\/a>\n            <a href=\"\/cursos\" class=\"section-nav-link\">\n                <svg viewBox=\"0 0 24 24\"><path d=\"M4 6H2v14c0 1.1.9 2 2 2h14v-2H4V6zm16-4H8c-1.1 0-2 .9-2 2v12c0 1.1.9 2 2 2h12c1.1 0 2-.9 2-2V4c0-1.1-.9-2-2-2zm-1 9H9V9h10v2zm-4 4H9v-2h6v2zm4-8H9V5h10v2z\"\/><\/svg>\n                <span>Cursos<\/span>\n            <\/a>\n            <a href=\"#\" class=\"section-nav-link active\">\n                <svg viewBox=\"0 0 24 24\"><path d=\"M12 7V3H2v18h20V7H12zM6 19H4v-2h2v2zm0-4H4v-2h2v2zm0-4H4V9h2v2zm0-4H4V5h2v2zm4 12H8v-2h2v2zm0-4H8v-2h2v2zm0-4H8V9h2v2zm0-4H8V5h2v2zm10 12h-8v-2h2v-2h-2v-2h2v-2h-2V9h8v10zm-2-8h-2v2h2v-2zm0 4h-2v2h2v-2z\"\/><\/svg>\n                <span>Institucional<\/span>\n            <\/a>\n        <\/div>\n    <\/nav>\n<p>&nbsp;<\/p>\n                <span class=\"hero-badge\" style=\"color:white;\">\ud83c\udfdb\ufe0f Para Institui\u00e7\u00f5es de Ensino<\/span>\n\n                <h1 class=\"hero-title\" style=\"color:white;\">\n                    Transforme a <span>cultura pedag\u00f3gica<\/span> da sua escola m\u00e9dica em escala\n                <\/h1>\n\n                <p class=\"hero-subtitle\" style=\"color:white;\">\n                    Capacita\u00e7\u00e3o customizada para corpo docente, adequa\u00e7\u00e3o \u00e0s DCNs e suporte para avalia\u00e7\u00e3o do MEC. Solu\u00e7\u00f5es desenhadas para a realidade da sua institui\u00e7\u00e3o.\n                <\/p>\n\n                <div class=\"hero-ctas\">\n                    <a href=\"#contato\" class=\"btn btn-primary btn-lg\" style=\"color:#003566;\">Solicitar proposta<\/a>\n                    <a href=\"#contato\" class=\"btn btn-outline btn-lg\" style=\"color:white;\">Agendar conversa<\/a>\n                <\/div>\n\n                <div class=\"hero-logos\">\n                    <p class=\"hero-logos-label\" style=\"color:white;\">Institui\u00e7\u00f5es que confiam no Instituto Educater<\/p>\n                    <div class=\"hero-logos-grid\">\n                        <span class=\"hero-logo\">Grupo SEB<\/span>\n                        <span class=\"hero-logo\">Unirp<\/span>\n                        <span class=\"hero-logo\">Federal do Amap\u00e1<\/span>\n                        <span class=\"hero-logo\">UNIFEV<\/span>\n                        <span class=\"hero-logo\">+15 IES<\/span>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/section>\n\n\n\n\n<!-- ========== CHALLENGES ========== -->\n    <section class=\"challenges-section section\">\n        <div class=\"container\">\n            <div class=\"section-header center\">\n                <p class=\"section-eyebrow\" style=\"color:#6E0D25;\">Entendemos sua realidade<\/p>\n                <h2 class=\"section-title\" style=\"color:#003566;\">Desafios que resolvemos<\/h2>\n                <p class=\"section-subtitle\" style=\"color:#003566;\">Conhecemos de perto os problemas que coordenadores e gestores enfrentam na capacita\u00e7\u00e3o docente.<\/p>\n            <\/div>\n\n            <div class=\"challenges-grid\">\n                <div class=\"challenge-card\">\n                    <div class=\"challenge-problem\">\n                        <p class=\"challenge-problem-label\" style=\"color:#6E0D25;\">\ud83d\ude30 O Desafio<\/p>\n                        <p class=\"challenge-problem-text\">Corpo docente resistente a metodologias ativas e mudan\u00e7as pedag\u00f3gicas<\/p>\n                    <\/div>\n                    <div class=\"challenge-solution\">\n                        <p class=\"challenge-solution-label\">\u2705 Nossa Solu\u00e7\u00e3o<\/p>\n                        <p class=\"challenge-solution-text\">Programa de sensibiliza\u00e7\u00e3o + capacita\u00e7\u00e3o gradual que respeita o tempo de cada docente<\/p>\n                    <\/div>\n                <\/div>\n\n                <div class=\"challenge-card\">\n                    <div class=\"challenge-problem\">\n                        <p class=\"challenge-problem-label\" style=\"color:#6E0D25;\">\ud83d\ude30 O Desafio<\/p>\n                        <p class=\"challenge-problem-text\">Avalia\u00e7\u00e3o do MEC se aproximando e lacunas no cumprimento das DCNs<\/p>\n                    <\/div>\n                    <div class=\"challenge-solution\">\n                        <p class=\"challenge-solution-label\">\u2705 Nossa Solu\u00e7\u00e3o<\/p>\n                        <p class=\"challenge-solution-text\">Diagn\u00f3stico completo + plano de adequa\u00e7\u00e3o \u00e0s DCNs com cronograma realista<\/p>\n                    <\/div>\n                <\/div>\n\n                <div class=\"challenge-card\">\n                    <div class=\"challenge-problem\">\n                        <p class=\"challenge-problem-label\" style=\"color:#6E0D25;\">\ud83d\ude30 O Desafio<\/p>\n                        <p class=\"challenge-problem-text\">NDE sem expertise em educa\u00e7\u00e3o m\u00e9dica para liderar mudan\u00e7as<\/p>\n                    <\/div>\n                    <div class=\"challenge-solution\">\n                        <p class=\"challenge-solution-label\">\u2705 Nossa Solu\u00e7\u00e3o<\/p>\n                        <p class=\"challenge-solution-text\">Mentoria especializada para NDE + forma\u00e7\u00e3o de multiplicadores internos<\/p>\n                    <\/div>\n                <\/div>\n\n                <div class=\"challenge-card\">\n                    <div class=\"challenge-problem\">\n                        <p class=\"challenge-problem-label\" style=\"color:#6E0D25;\">\ud83d\ude30 O Desafio<\/p>\n                        <p class=\"challenge-problem-text\">Alta rotatividade docente + falta de padroniza\u00e7\u00e3o pedag\u00f3gica<\/p>\n                    <\/div>\n                    <div class=\"challenge-solution\">\n                        <p class=\"challenge-solution-label\">\u2705 Nossa Solu\u00e7\u00e3o<\/p>\n                        <p class=\"challenge-solution-text\">Programa de onboarding estruturado + trilha de capacita\u00e7\u00e3o cont\u00ednua<\/p>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/section>\n\n\n\n\n<!-- ========== SERVICES ========== -->\n    <section class=\"services-section section\">\n        <div class=\"container\">\n            <div class=\"section-header center\">\n                <p class=\"section-eyebrow\" style=\"color:#6E0D25;\">Modalidades<\/p>\n                <h2 class=\"section-title\" style=\"color:#003566;\">Formatos de Entrega<\/h2>\n                <p class=\"section-subtitle\">Solu\u00e7\u00f5es flex\u00edveis que se adaptam \u00e0s necessidades e or\u00e7amento da sua institui\u00e7\u00e3o.<\/p>\n            <\/div>\n\n            <div class=\"services-grid\">\n                <div class=\"service-card\">\n                    <div class=\"service-icon\">\ud83c\udfeb<\/div>\n                    <h3 class=\"service-title\" style=\"color:#003566;\">In Company<\/h3>\n                    <p class=\"service-subtitle\">Presencial na sua sede<\/p>\n                    <p class=\"service-description\">Workshops e imers\u00f5es presenciais na sua institui\u00e7\u00e3o. Ideal para capacita\u00e7\u00e3o intensiva de grupos de 15-50 docentes. Formatos de 8h (workshop) a 16h (imers\u00e3o).<\/p>\n                <\/div>\n\n                <div class=\"service-card\">\n                    <div class=\"service-icon\">\ud83d\udcbb<\/div>\n                    <h3 class=\"service-title\" style=\"color:#003566;\">Online Customizado<\/h3>\n                    <p class=\"service-subtitle\">Trilhas adaptadas<\/p>\n                    <p class=\"service-description\">Trilhas de cursos adaptadas ao PPC e \u00e0s necessidades espec\u00edficas. Cada docente estuda no seu ritmo, com relat\u00f3rios de acompanhamento para a coordena\u00e7\u00e3o.<\/p>\n                <\/div>\n\n                <div class=\"service-card\">\n                    <div class=\"service-icon\">\ud83c\udfaf<\/div>\n                    <h3 class=\"service-title\" style=\"color:#003566;\">Parceria Estrat\u00e9gica<\/h3>\n                    <p class=\"service-subtitle\">Rela\u00e7\u00e3o de longo prazo<\/p>\n                    <p class=\"service-description\">Diagn\u00f3stico da situa\u00e7\u00e3o atual, planejamento de adequa\u00e7\u00e3o \u00e0s DCNs e acompanhamento de implementa\u00e7\u00e3o. Para quem precisa de um parceiro estrat\u00e9gico.<\/p>\n                <\/div>\n\n                <div class=\"service-card\">\n                    <div class=\"service-icon\">\ud83d\udcda<\/div>\n                    <h3 class=\"service-title\" style=\"color:#003566;\">Licenciamento<\/h3>\n                    <p class=\"service-subtitle\">Conte\u00fado para uso interno<\/p>\n                    <p class=\"service-description\">Acesso \u00e0 plataforma e conte\u00fados do Instituto Educater para uso interno da institui\u00e7\u00e3o. Ideal para programas de desenvolvimento docente continuado.<\/p>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/section>\n\n\n\n\n<!-- ========== DIFFERENTIALS ========== -->\n    <section class=\"differentials-section section\">\n        <div class=\"container\">\n            <div class=\"section-header center\">\n                <p class=\"section-eyebrow\" style=\"color:#6E0D25;\">Por que escolher o Instituto Educater<\/p>\n                <h2 class=\"section-title\" style=\"color:#003566;\">Nossos Diferenciais<\/h2>\n            <\/div>\n\n            <div class=\"differentials-grid\">\n                <div class=\"differential-item\">\n                    <span class=\"differential-number\">1<\/span>\n                    <div class=\"differential-content\">\n                        <h3 style=\"color:#003566;\">Experi\u00eancia comprovada<\/h3>\n                        <p>+500 docentes formados em parceria com institui\u00e7\u00f5es como Grupo SEB, Unirp, Faminas, PUC-SP e outras 15 IES pelo Brasil.<\/p>\n                    <\/div>\n                <\/div>\n\n                <div class=\"differential-item\">\n                    <span class=\"differential-number\">2<\/span>\n                    <div class=\"differential-content\">\n                        <h3 style=\"color:#003566;\">Expertise regulat\u00f3ria<\/h3>\n                        <p>Nosso coordenador tem experi\u00eancia na cria\u00e7\u00e3o de cursos, de acordo com os padr\u00f5es do INEP\/MEC. Com nossa participa\u00e7\u00e3o obtivemos 2 m\u00e9dias 5,0 em processos de autoriza\u00e7\u00e3o.<\/p>\n                    <\/div>\n                <\/div>\n\n                <div class=\"differential-item\">\n                    <span class=\"differential-number\">3<\/span>\n                    <div class=\"differential-content\">\n                        <h3 style=\"color:#003566;\">Customiza\u00e7\u00e3o real<\/h3>\n                        <p>N\u00e3o \u00e9 curso de prateleira. Cada programa \u00e9 desenhado a partir do PPC, dos desafios e da cultura da sua institui\u00e7\u00e3o.<\/p>\n                    <\/div>\n                <\/div>\n\n                <div class=\"differential-item\">\n                    <span class=\"differential-number\">4<\/span>\n                    <div class=\"differential-content\">\n                        <h3 style=\"color:#003566;\">Economia de escala<\/h3>\n                        <p>Condi\u00e7\u00f5es especiais para capacita\u00e7\u00e3o de todo o corpo docente. Quanto maior o grupo, menor o investimento por docente.<\/p>\n                    <\/div>\n                <\/div>\n\n                <div class=\"differential-item\">\n                    <span class=\"differential-number\">5<\/span>\n                    <div class=\"differential-content\">\n                        <h3 style=\"color:#003566;\">Resultados mensur\u00e1veis<\/h3>\n                        <p>Indicadores de antes\/depois para comprovar retorno do investimento. Relat\u00f3rios detalhados para a gest\u00e3o.<\/p>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/section>\n\n\n\n\n<!-- ========== CASES ========== -->\n    <section class=\"cases-section section\">\n        <div class=\"container\">\n            <div class=\"section-header center\">\n                <p class=\"section-eyebrow\" style=\"color:#6E0D25;\">Resultados<\/p>\n                <h2 class=\"section-title\" style=\"color:#003566;\">Cases de Implementa\u00e7\u00e3o<\/h2>\n                <p class=\"section-subtitle\" style=\"color:#003566;\">Hist\u00f3rias reais de institui\u00e7\u00f5es que transformaram sua cultura pedag\u00f3gica.<\/p>\n            <\/div>\n\n            <div class=\"cases-grid\">\n                <article class=\"case-card\">\n                    <div class=\"case-header\">\n                        <p class=\"case-location\" style=\"color: white;\">\ud83d\udccd Faculdade de Medicina<\/p>\n                        <h3 class=\"case-title\" style=\"color: white;\">Interior de S\u00e3o Paulo<\/h3>\n                    <\/div>\n                    <div class=\"case-body\">\n                        <div class=\"case-section\">\n                            <p class=\"case-section-label\">O Desafio<\/p>\n                            <p class=\"case-section-text\">Corpo docente tradicional resistente \u00e0s DCNs, com avalia\u00e7\u00e3o do MEC marcada.<\/p>\n                        <\/div>\n                        <div class=\"case-section\">\n                            <p class=\"case-section-label\">A Solu\u00e7\u00e3o<\/p>\n                            <p class=\"case-section-text\">Programa de 12 meses com docentes: sensibiliza\u00e7\u00e3o + capacita\u00e7\u00e3o em metodologias + prepara\u00e7\u00e3o para avalia\u00e7\u00e3o.<\/p>\n                        <\/div>\n                        <div class=\"case-section\">\n                            <p class=\"case-section-label\">Resultados<\/p>\n                            <div class=\"case-results\">\n                                <p class=\"case-result\"><strong>Conceito MEC:<\/strong> para 5<\/p>\n                                <p class=\"case-result\"><strong>10%<\/strong> dos docentes usando metodologias ativas<\/p>\n                                <p class=\"case-result\"><strong>+80%<\/strong> na satisfa\u00e7\u00e3o dos alunos<\/p>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                    <div class=\"case-footer\">\n                        <a href=\"#\" class=\"case-cta\" style=\"color:#6E0D25;\">Ler case completo \u2192<\/a>\n                    <\/div>\n                <\/article>\n\n                <article class=\"case-card\">\n                    <div class=\"case-header\">\n                        <p class=\"case-location\" style=\"color: white;\">\ud83d\udccd Grupo Educacional<\/p>\n                        <h3 class=\"case-title\" style=\"color: white;\">Unidades no Sudeste<\/h3>\n                    <\/div>\n                    <div class=\"case-body\">\n                        <div class=\"case-section\">\n                            <p class=\"case-section-label\">O Desafio<\/p>\n                            <p class=\"case-section-text\">Padroniza\u00e7\u00e3o de pr\u00e1ticas pedag\u00f3gicas entre unidades com culturas diferentes e alta rotatividade.<\/p>\n                        <\/div>\n                        <div class=\"case-section\">\n                            <p class=\"case-section-label\">A Solu\u00e7\u00e3o<\/p>\n                            <p class=\"case-section-text\">Licenciamento de conte\u00fado + forma\u00e7\u00e3o de multiplicadores internos + programa de onboarding.<\/p>\n                        <\/div>\n                        <div class=\"case-section\">\n                            <p class=\"case-section-label\">Resultados<\/p>\n                            <div class=\"case-results\">\n                                <p class=\"case-result\"><strong>120 docentes<\/strong> capacitados em 6 meses<\/p>\n                                <p class=\"case-result\"><strong>Modelo replic\u00e1vel<\/strong> para novas unidades<\/p>\n                                <p class=\"case-result\"><strong>Eleva\u00e7\u00e3o do ROI<\/strong> no primeiro ano<\/p>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                    <div class=\"case-footer\">\n                        <a href=\"#\" class=\"case-cta\" style=\"color:#6E0D25;\">Ler case completo \u2192<\/a>\n                    <\/div>\n                <\/article>\n            <\/div>\n        <\/div>\n    <\/section>\n\n\n\n\n<!-- ========== PROCESS ========== -->\n    <section class=\"process-section section\">\n        <div class=\"container\">\n            <div class=\"process-content\">\n                <div class=\"section-header center\">\n                    <p class=\"section-eyebrow\" style=\"color: var(--golden-poppy);\">Metodologia<\/p>\n                    <h2 class=\"section-title\" style=\"color: white;\">Processo de Trabalho<\/h2>\n                    <p class=\"section-subtitle\" style=\"color: white;\">Uma abordagem estruturada que garante resultados mensur\u00e1veis.<\/p>\n                <\/div>\n\n                <div class=\"process-timeline\">\n                    <div class=\"process-step\">\n                        <div class=\"process-step-number\">1<\/div>\n                        <h3 class=\"process-step-title\" style=\"color: white;\">Conversa<\/h3>\n                         <p class=\"process-step-desc\" style=\"color: white;\">Entendemos suas necessidades e contexto<\/p>\n                    <\/div>\n                    <div class=\"process-step\">\n                        <div class=\"process-step-number\">2<\/div>\n                        <h3 class=\"process-step-title\" style=\"color: white;\">Diagn\u00f3stico<\/h3>\n                        <p class=\"process-step-desc\" style=\"color: white;\">Mapeamos a situa\u00e7\u00e3o atual e gaps<\/p>\n                    <\/div>\n                    <div class=\"process-step\">\n                        <div class=\"process-step-number\">3<\/div>\n                        <h3 class=\"process-step-title\" style=\"color: white;\">Proposta<\/h3>\n                        <p class=\"process-step-desc\" style=\"color: white;\">Apresentamos programa customizado<\/p>\n                    <\/div>\n                    <div class=\"process-step\">\n                        <div class=\"process-step-number\">4<\/div>\n                        <h3 class=\"process-step-title\" style=\"color: white;\">Execu\u00e7\u00e3o<\/h3>\n                        <p class=\"process-step-desc\" style=\"color: white;\">Implementamos o programa com voc\u00eas<\/p>\n                    <\/div>\n                    <div class=\"process-step\">\n                        <div class=\"process-step-number\">5<\/div>\n                        <h3 class=\"process-step-title\" style=\"color: white;\">Avalia\u00e7\u00e3o<\/h3>\n                        <p class=\"process-step-desc\" style=\"color: white;\">Medimos resultados e ajustamos<\/p>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/section>\n\n\n\n\n<!-- ========== CONTACT FORM ========== -->\n    <section class=\"contact-section section\" id=\"contato\">\n        <div class=\"container\">\n            <div class=\"section-header center\">\n                <p class=\"section-eyebrow\" style=\"color:#6E0D25;\">Vamos conversar<\/p>\n                <h2 class=\"section-title\" style=\"color:#003566;\">Solicite uma Proposta<\/h2>\n                <p class=\"section-subtitle\" style=\"color:#003566;\">Preencha o formul\u00e1rio e nossa equipe entrar\u00e1 em contato em at\u00e9 24 horas \u00fateis.<\/p>\n            <\/div>\n\n            <div class=\"contact-grid\">\n                <div class=\"contact-form-card\">\n                    <h3 class=\"contact-form-title\" style=\"color:#003566;\">Conte sobre sua institui\u00e7\u00e3o<\/h3>\n                    <p class=\"contact-form-subtitle\">Quanto mais detalhes, melhor poderemos ajudar.<\/p>\n\n                    <form id=\"contactForm\" onsubmit=\"return false;\">\n                        <div class=\"form-row\">\n                            <div class=\"form-group\">\n                                <label class=\"form-label\" for=\"nome\">Nome completo *<\/label>\n                                <input type=\"text\" id=\"nome\" class=\"form-input\" required placeholder=\"Seu nome\">\n                            <\/div>\n                            <div class=\"form-group\">\n                                <label class=\"form-label\" for=\"email\">Email institucional *<\/label>\n                                <input type=\"email\" id=\"email\" class=\"form-input\" required placeholder=\"email@instituicao.edu.br\">\n                            <\/div>\n                        <\/div>\n\n                        <div class=\"form-row\">\n                            <div class=\"form-group\">\n                                <label class=\"form-label\" for=\"telefone\">Telefone *<\/label>\n                                <input type=\"tel\" id=\"telefone\" class=\"form-input\" required placeholder=\"(00) 00000-0000\">\n                            <\/div>\n                            <div class=\"form-group\">\n                                <label class=\"form-label\" for=\"instituicao\">Nome da Institui\u00e7\u00e3o *<\/label>\n                                <input type=\"text\" id=\"instituicao\" class=\"form-input\" required placeholder=\"Faculdade \/ Universidade\">\n                            <\/div>\n                        <\/div>\n\n                        <div class=\"form-row\">\n                            <div class=\"form-group\">\n                                <label class=\"form-label\" for=\"cargo\">Seu cargo<\/label>\n                                <select id=\"cargo\" class=\"form-select\">\n                                    <option value=\"\">Selecione<\/option>\n                                    <option value=\"coordenador\">Coordenador de Curso<\/option>\n                                    <option value=\"diretor\">Diretor Acad\u00eamico<\/option>\n                                    <option value=\"nde\">Membro do NDE<\/option>\n                                    <option value=\"rh\">RH \/ Desenvolvimento<\/option>\n                                    <option value=\"outro\">Outro<\/option>\n                                <\/select>\n                            <\/div>\n                            <div class=\"form-group\">\n                                <label class=\"form-label\" for=\"docentes\">N\u00ba aproximado de docentes<\/label>\n                                <select id=\"docentes\" class=\"form-select\">\n                                    <option value=\"\">Selecione<\/option>\n                                    <option value=\"10-30\">10 a 30 docentes<\/option>\n                                    <option value=\"31-50\">31 a 50 docentes<\/option>\n                                    <option value=\"51-100\">51 a 100 docentes<\/option>\n                                    <option value=\"100+\">Mais de 100 docentes<\/option>\n                                <\/select>\n                            <\/div>\n                        <\/div>\n\n                        <div class=\"form-group full\">\n                            <label class=\"form-label\" for=\"desafio\">Principal desafio que deseja resolver<\/label>\n                            <textarea id=\"desafio\" class=\"form-textarea\" placeholder=\"Descreva brevemente o contexto e o que espera de uma parceria...\"><\/textarea>\n                        <\/div>\n\n                        <button type=\"submit\" class=\"btn btn-primary btn-lg form-submit\">Solicitar proposta \u2192<\/button>\n                    <\/form>\n                <\/div>\n\n                <div class=\"contact-info\">\n                    <h3 class=\"contact-info-title\" style=\"color:#003566;\">Prefere uma conversa direta?<\/h3>\n\n                    <div class=\"contact-methods\">\n                        <div class=\"contact-method\">\n                            <div class=\"contact-method-icon\" style=\"color:#6E0D25;\">\ud83d\udcde<\/div>\n                            <div class=\"contact-method-content\">\n                                <h4 style=\"color:#003566;\">Telefone<\/h4>\n                                <p style=\"color:#6E0D25;\"><a href=\"tel:+5514981219935\">(14) 98121-9935<\/a><\/p>\n                            <\/div>\n                        <\/div>\n\n                        <div class=\"contact-method\">\n                            <div class=\"contact-method-icon\">\ud83d\udce7<\/div>\n                            <div class=\"contact-method-content\">\n                                <h4 style=\"color:#003566;\">Email<\/h4>\n                                <p style=\"color:#6E0D25;\"><a href=\"mailto:contato@educater.com.br\">contato@educater.com.br<\/a><\/p>\n                            <\/div>\n                        <\/div>\n\n                        <div class=\"contact-method\">\n                            <div class=\"contact-method-icon\">\ud83d\udcac<\/div>\n                            <div class=\"contact-method-content\">\n                                <h4 style=\"color:#003566;\">WhatsApp<\/h4>\n                                <p style=\"color:#6E0D25;\"><a href=\"https:\/\/wa.me\/5514981219935\" rel=\"nofollow noopener\" target=\"_blank\">Enviar mensagem<\/a><\/p>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n\n<script>\n        \/\/ Form submission\n        document.getElementById('contactForm').addEventListener('submit', function(e) {\n            e.preventDefault();\n            \n            \/\/ Validate required fields\n            const nome = document.getElementById('nome').value;\n            const email = document.getElementById('email').value;\n            const telefone = document.getElementById('telefone').value;\n            const instituicao = document.getElementById('instituicao').value;\n\n            if (nome && email && telefone && instituicao) {\n                alert('Obrigado! Sua solicita\u00e7\u00e3o foi enviada com sucesso.\\n\\nNossa equipe entrar\u00e1 em contato em at\u00e9 24 horas \u00fateis.');\n                this.reset();\n            } else {\n                alert('Por favor, preencha todos os campos obrigat\u00f3rios.');\n            }\n        });\n\n        \/\/ Phone mask\n        document.getElementById('telefone').addEventListener('input', function(e) {\n            let value = e.target.value.replace(\/\\D\/g, '');\n            if (value.length > 11) value = value.slice(0, 11);\n            \n            if (value.length > 6) {\n                value = `(${value.slice(0,2)}) ${value.slice(2,7)}-${value.slice(7)}`;\n            } else if (value.length > 2) {\n                value = `(${value.slice(0,2)}) ${value.slice(2)}`;\n            } else if (value.length > 0) {\n                value = `(${value}`;\n            }\n            \n            e.target.value = value;\n        });\n\n        \/\/ Smooth scroll\n        document.querySelectorAll('a[href^=\"#\"]').forEach(anchor => {\n            anchor.addEventListener('click', function(e) {\n                const targetId = this.getAttribute('href');\n                if (targetId !== '#') {\n                    e.preventDefault();\n                    const target = document.querySelector(targetId);\n                    if (target) {\n                        target.scrollIntoView({ behavior: 'smooth', block: 'start' });\n                    }\n                }\n            });\n        });\n    <\/script>\n\n                    <div class=\"contact-calendly\">\n                        <div class=\"contact-calendly-icon\">\ud83d\udcc5<\/div>\n                        <h4>Agende uma reuni\u00e3o<\/h4>\n                        <p style=\"color:#003566;\">Escolha o melhor hor\u00e1rio na sua agenda para conversarmos.<\/p>\n                        <a href=\"#\" class=\"btn btn-secondary\" style=\"color:white;\">Agendar pelo Calendly \u2192<\/a>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/section>\n\n\n\n\n<!-- ========== FAQ ========== -->\n    <section class=\"faq-section section\">\n        <div class=\"container\">\n            <div class=\"section-header center\">\n                <p class=\"section-eyebrow\" style=\"color:#6E0D25;\">D\u00favidas<\/p>\n                <h2 class=\"section-title\" style=\"color:#003566;\">Perguntas Frequentes<\/h2>\n            <\/div>\n\n            <div class=\"faq-list\">\n                <div class=\"faq-item\">\n                    <div class=\"faq-question\">\n                        <h3 style=\"color:#003566;\">Qual o n\u00famero m\u00ednimo de docentes para um programa in company?<\/h3>\n                        <div class=\"faq-toggle\">\n                            <svg viewBox=\"0 0 24 24\"><path d=\"M7 10l5 5 5-5z\"\/><\/svg>\n                        <\/div>\n                    <\/div>\n                    <div class=\"faq-answer\">\n                        <div class=\"faq-answer-inner\">\n                            Para workshops in company, recomendamos grupos de no m\u00ednimo 15 docentes para viabilizar o investimento. Para grupos menores, sugerimos as trilhas online customizadas ou a participa\u00e7\u00e3o em turmas abertas dos nossos cursos.\n                        <\/div>\n                    <\/div>\n                <\/div>\n\n                <div class=\"faq-item\">\n                    <div class=\"faq-question\">\n                        <h3 style=\"color:#003566;\">Voc\u00eas emitem nota fiscal para pessoa jur\u00eddica?<\/h3>\n                        <div class=\"faq-toggle\">\n                            <svg viewBox=\"0 0 24 24\"><path d=\"M7 10l5 5 5-5z\"\/><\/svg>\n                        <\/div>\n                    <\/div>\n                    <div class=\"faq-answer\">\n                        <div class=\"faq-answer-inner\">\n                            Sim. Emitimos nota fiscal de presta\u00e7\u00e3o de servi\u00e7os em nome da institui\u00e7\u00e3o contratante. Tamb\u00e9m fornecemos toda documenta\u00e7\u00e3o necess\u00e1ria para processos de licita\u00e7\u00e3o, quando aplic\u00e1vel.\n                        <\/div>\n                    <\/div>\n                <\/div>\n\n                <div class=\"faq-item\">\n                    <div class=\"faq-question\">\n                        <h3 style=\"color:#003566;\">\u00c9 poss\u00edvel incluir preceptores externos no programa?<\/h3>\n                        <div class=\"faq-toggle\">\n                            <svg viewBox=\"0 0 24 24\"><path d=\"M7 10l5 5 5-5z\"\/><\/svg>\n                        <\/div>\n                    <\/div>\n                    <div class=\"faq-answer\">\n                        <div class=\"faq-answer-inner\">\n                            Sim. Muitas institui\u00e7\u00f5es incluem preceptores de hospitais parceiros e UBS no programa de capacita\u00e7\u00e3o. O conte\u00fado pode ser adaptado para contemplar tanto docentes de sala de aula quanto preceptores de cen\u00e1rios pr\u00e1ticos.\n                        <\/div>\n                    <\/div>\n                <\/div>\n\n                <div class=\"faq-item\">\n                    <div class=\"faq-question\">\n                        <h3 style=\"color:#003566;\">Como funciona o acompanhamento p\u00f3s-capacita\u00e7\u00e3o?<\/h3>\n                        <div class=\"faq-toggle\">\n                            <svg viewBox=\"0 0 24 24\"><path d=\"M7 10l5 5 5-5z\"\/><\/svg>\n                        <\/div>\n                    <\/div>\n                    <div class=\"faq-answer\">\n                        <div class=\"faq-answer-inner\">\n                            Oferecemos relat\u00f3rios de acompanhamento com indicadores de engajamento, conclus\u00e3o e aplica\u00e7\u00e3o pr\u00e1tica. Para programas de consultoria, inclu\u00edmos sess\u00f5es de follow-up para ajustes e mentorias de acompanhamento da implementa\u00e7\u00e3o.\n                        <\/div>\n                    <\/div>\n                <\/div>\n\n               \n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/section>\n<script>\n        \/\/ FAQ Accordion\n        document.querySelectorAll('.faq-question').forEach(question => {\n            question.addEventListener('click', () => {\n                const item = question.closest('.faq-item');\n                const wasActive = item.classList.contains('active');\n                \n                document.querySelectorAll('.faq-item').forEach(i => i.classList.remove('active'));\n                \n                if (!wasActive) {\n                    item.classList.add('active');\n                }\n            });\n        });\n<\/script>\n\n\n\n\n<!-- ========== CTA FINAL ========== -->\n    <section class=\"cta-section\">\n        <div class=\"container\">\n            <div class=\"cta-content\">\n                <h2 class=\"cta-title\" style=\"color:white;\">Pronto para transformar sua institui\u00e7\u00e3o?<\/h2>\n                <p class=\"cta-subtitle\" style=\"color:white;\">Converse com nossa equipe e descubra como podemos ajudar sua escola m\u00e9dica a alcan\u00e7ar excel\u00eancia pedag\u00f3gica.<\/p>\n                <div class=\"cta-buttons\">\n                    <a href=\"#contato\" class=\"btn btn-white btn-lg\" tyle=\"color:#003566;\">Solicitar proposta \u2192<\/a>\n                    <a href=\"tel:+5514981219935\" class=\"btn btn-claret-outline btn-lg\">\ud83d\udcde Ligar agora<\/a>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/section>\n\n\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"pagelayer_contact_templates":[],"_pagelayer_content":"","cybocfi_hide_featured_image":"","footnotes":""},"class_list":["post-51012","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/educater.com.br\/en\/wp-json\/wp\/v2\/pages\/51012","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/educater.com.br\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/educater.com.br\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/educater.com.br\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/educater.com.br\/en\/wp-json\/wp\/v2\/comments?post=51012"}],"version-history":[{"count":13,"href":"https:\/\/educater.com.br\/en\/wp-json\/wp\/v2\/pages\/51012\/revisions"}],"predecessor-version":[{"id":51027,"href":"https:\/\/educater.com.br\/en\/wp-json\/wp\/v2\/pages\/51012\/revisions\/51027"}],"wp:attachment":[{"href":"https:\/\/educater.com.br\/en\/wp-json\/wp\/v2\/media?parent=51012"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}