{"id":50911,"date":"2026-02-09T15:19:45","date_gmt":"2026-02-09T18:19:45","guid":{"rendered":"https:\/\/educater.com.br\/?page_id=50911"},"modified":"2026-02-10T11:14:08","modified_gmt":"2026-02-10T14:14:08","slug":"comunidade","status":"publish","type":"page","link":"https:\/\/educater.com.br\/en\/comunidade\/","title":{"rendered":"Comunidade de Pr\u00e1tica"},"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>Comunidade Educater | Rede de Professores de Medicina | Instituto Educater<\/title>\n    <meta name=\"description\" content=\"Junte-se \u00e0 maior comunidade de professores de medicina do Brasil. F\u00f3runs tem\u00e1ticos, eventos exclusivos, biblioteca colaborativa e mentoria entre pares.\">\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            --claret: #6E0D25;\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-500: #6B7280;\n            --gray-600: #4B5563;\n            --gray-700: #374151;\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: 20px;\n            --radius-xl: 30px;\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); overflow-x: hidden; }\n        \n        a { text-decoration: none; color: inherit; transition: var(--transition); }\n        img { max-width: 100%; height: auto; }\n        \n        .section { padding: 6rem 1.5rem; }\n        .section-sm { padding: 4rem 1.5rem; }\n        .container { max-width: 1200px; margin: 0 auto; }\n        .container-narrow { max-width: 900px; margin: 0 auto; }\n        \n        .section-header { text-align: center; margin-bottom: 3.5rem; }\n        .section-title { font-size: clamp(1.75rem, 4vw, 2.75rem); font-weight: 800; line-height: 1.2; margin-bottom: 1rem; }\n        .section-subtitle { font-size: 1.1rem; color: var(--gray-600); max-width: 650px; margin: 0 auto; line-height: 1.7; }\n        \n        .btn { display: inline-flex; align-items: center; justify-content: center; gap: 0.5rem; padding: 1rem 2rem; font-family: var(--font-family); font-size: 1rem; font-weight: 600; border-radius: 50px; cursor: pointer; transition: var(--transition); border: none; text-align: center; }\n        .btn-lg { padding: 1.15rem 2.5rem; font-size: 1.05rem; }\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: var(--shadow-md); }\n        .btn-secondary { background: transparent; color: var(--white); border: 2px solid rgba(255,255,255,0.4); }\n        .btn-secondary:hover { background: var(--white); color: var(--prussian-blue); border-color: var(--white); }\n        .btn-outline { background: transparent; color: var(--prussian-blue); border: 2px solid var(--prussian-blue); }\n        .btn-outline: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); transform: translateY(-2px); }\n        \n        .badge { display: inline-flex; align-items: center; gap: 0.4rem; padding: 0.5rem 1rem; font-size: 0.8rem; font-weight: 700; border-radius: 50px; }\n        .badge-gold { background: var(--golden-poppy); color: var(--prussian-blue); }\n        .badge-white { background: rgba(255,255,255,0.15); color: var(--white); backdrop-filter: blur(10px); border: 1px solid rgba(255,255,255,0.2); }\n        .badge-claret { background: var(--claret); color: var(--white); }\n\n        \/* ========== HERO ========== *\/\n        .hero {\n            background: linear-gradient(135deg, var(--prussian-blue) 0%, var(--prussian-blue-dark) 100%);\n            color: var(--white);\n            padding: 1rem 1.5rem 5rem;\n            position: relative;\n            overflow: hidden;\n            min-height: 85vh;\n            display: flex;\n            flex-direction: column;\n        }\n        .hero::before {\n            content: '';\n            position: absolute;\n            top: 0; left: 0; right: 0; bottom: 0;\n            background-image: \n                radial-gradient(circle at 20% 80%, rgba(255,195,0,0.08) 0%, transparent 50%),\n                radial-gradient(circle at 80% 20%, rgba(110,13,37,0.1) 0%, transparent 50%);\n            pointer-events: none;\n        }\n        \/* Network pattern *\/\n        .hero::after {\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%3Ccircle cx='30' cy='30' r='2'\/%3E%3Ccircle cx='0' cy='0' r='2'\/%3E%3Ccircle cx='60' cy='0' r='2'\/%3E%3Ccircle cx='0' cy='60' r='2'\/%3E%3Ccircle cx='60' cy='60' r='2'\/%3E%3C\/g%3E%3C\/g%3E%3C\/svg%3E\");\n            opacity: 0.5;\n            pointer-events: none;\n        }\n        \n        \/* Activity Ticker *\/\n        .activity-ticker {\n            background: rgba(0,0,0,0.2);\n            padding: 0.75rem 0;\n            margin: 0 -1.5rem 2rem;\n            overflow: hidden;\n            position: relative;\n        }\n        .ticker-track {\n            display: flex;\n            gap: 3rem;\n            animation: ticker 30s linear infinite;\n            width: max-content;\n        }\n        @keyframes ticker {\n            0% { transform: translateX(0); }\n            100% { transform: translateX(-50%); }\n        }\n        .ticker-item {\n            display: flex;\n            align-items: center;\n            gap: 0.5rem;\n            font-size: 0.85rem;\n            opacity: 0.8;\n            white-space: nowrap;\n        }\n        .ticker-dot {\n            width: 6px; height: 6px;\n            background: var(--golden-poppy);\n            border-radius: 50%;\n        }\n        \n        .hero-content {\n            flex: 1;\n            display: grid;\n            grid-template-columns: 1fr 1fr;\n            gap: 4rem;\n            align-items: center;\n            max-width: 1200px;\n            margin: 0 auto;\n            width: 100%;\n            position: relative;\n            z-index: 1;\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        \n        .hero-title {\n            font-size: clamp(2.5rem, 5vw, 3.75rem);\n            font-weight: 900;\n            line-height: 1.1;\n            margin-bottom: 1.5rem;\n        }\n        .hero-title-highlight {\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: 2rem;\n        }\n        \n        .hero-badges {\n            display: flex;\n            flex-wrap: wrap;\n            gap: 0.75rem;\n            margin-bottom: 2.5rem;\n        }\n        \n        .hero-ctas {\n            display: flex;\n            flex-wrap: wrap;\n            gap: 1rem;\n        }\n        \n        \/* Avatar Grid *\/\n        .avatar-grid {\n            display: grid;\n            grid-template-columns: repeat(4, 1fr);\n            gap: 1rem;\n            padding: 2rem;\n        }\n        .avatar-item {\n            aspect-ratio: 1;\n            border-radius: 50%;\n            background: linear-gradient(135deg, rgba(255,255,255,0.1) 0%, rgba(255,255,255,0.05) 100%);\n            border: 2px solid rgba(255,255,255,0.15);\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            font-weight: 700;\n            font-size: 1.1rem;\n            color: rgba(255,255,255,0.6);\n            transition: var(--transition);\n            position: relative;\n        }\n        .avatar-item:nth-child(odd) { transform: translateY(-10px); }\n        .avatar-item:nth-child(3n) { border-color: var(--golden-poppy); color: var(--golden-poppy); }\n        .avatar-item:nth-child(5n) { border-color: var(--claret-light); }\n        .avatar-item.highlight {\n            background: var(--golden-poppy);\n            border-color: var(--golden-poppy);\n            color: var(--prussian-blue);\n        }\n        .avatar-item:hover {\n            transform: scale(1.1) translateY(-5px);\n            border-color: var(--golden-poppy);\n        }\n        .avatar-online {\n            position: absolute;\n            bottom: 5px; right: 5px;\n            width: 12px; height: 12px;\n            background: #22C55E;\n            border: 2px solid var(--prussian-blue);\n            border-radius: 50%;\n        }\n\n        \/* ========== PROBLEM SECTION ========== *\/\n        .problem-section {\n            background: var(--papaya-whip-light);\n            padding: 5rem 1.5rem;\n        }\n        .problem-grid {\n            display: grid;\n            grid-template-columns: 1fr 1fr;\n            gap: 4rem;\n            align-items: center;\n            max-width: 1100px;\n            margin: 0 auto;\n        }\n        .problem-content h2 {\n            font-size: clamp(1.5rem, 3.5vw, 2.25rem);\n            font-weight: 800;\n            line-height: 1.3;\n            margin-bottom: 1.5rem;\n        }\n        .problem-content h2 em {\n            font-style: normal;\n            color: var(--claret);\n        }\n        .problem-content p {\n            font-size: 1.05rem;\n            color: var(--gray-600);\n            line-height: 1.8;\n            margin-bottom: 1rem;\n        }\n        .problem-content .highlight-text {\n            font-size: 1.15rem;\n            font-weight: 600;\n            color: var(--prussian-blue);\n            margin-top: 1.5rem;\n            padding-left: 1.5rem;\n            border-left: 4px solid var(--golden-poppy);\n        }\n        .problem-visual {\n            display: flex;\n            align-items: center;\n            justify-content: center;\n        }\n        .problem-illustration {\n            width: 100%;\n            max-width: 400px;\n            aspect-ratio: 1;\n            background: linear-gradient(135deg, var(--white) 0%, var(--papaya-whip) 100%);\n            border-radius: var(--radius-xl);\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            position: relative;\n            box-shadow: var(--shadow-lg);\n        }\n        .problem-illustration svg {\n            width: 60%;\n            height: 60%;\n            fill: var(--prussian-blue);\n            opacity: 0.15;\n        }\n        .problem-illustration::before {\n            content: '?';\n            position: absolute;\n            font-size: 8rem;\n            font-weight: 900;\n            color: var(--claret);\n            opacity: 0.1;\n        }\n\n        \/* ========== SOLUTION SECTION ========== *\/\n        .solution-section {\n            background: var(--white);\n            padding: 6rem 1.5rem;\n        }\n        .pillars-grid {\n            display: grid;\n            grid-template-columns: repeat(4, 1fr);\n            gap: 1.5rem;\n            max-width: 1200px;\n            margin: 0 auto;\n        }\n        .pillar-card {\n            background: var(--gray-50);\n            border-radius: var(--radius-lg);\n            padding: 2rem 1.5rem;\n            text-align: center;\n            transition: var(--transition);\n            border: 2px solid transparent;\n        }\n        .pillar-card:hover {\n            background: var(--white);\n            border-color: var(--golden-poppy);\n            transform: translateY(-8px);\n            box-shadow: var(--shadow-lg);\n        }\n        .pillar-icon {\n            width: 70px; height: 70px;\n            background: linear-gradient(135deg, var(--papaya-whip) 0%, var(--white) 100%);\n            border-radius: var(--radius-md);\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            margin: 0 auto 1.5rem;\n        }\n        .pillar-icon svg {\n            width: 32px; height: 32px;\n            fill: var(--claret);\n        }\n        .pillar-title {\n            font-size: 1.1rem;\n            font-weight: 700;\n            margin-bottom: 0.75rem;\n        }\n        .pillar-description {\n            font-size: 0.9rem;\n            color: var(--gray-600);\n            line-height: 1.6;\n        }\n\n        \/* ========== FORUMS SECTION ========== *\/\n        .forums-section {\n            background: linear-gradient(180deg, var(--white) 0%, var(--papaya-whip-light) 100%);\n            padding: 6rem 1.5rem;\n        }\n        .forums-grid {\n            display: grid;\n            grid-template-columns: repeat(3, 1fr);\n            gap: 1.5rem;\n            max-width: 1200px;\n            margin: 0 auto 3rem;\n        }\n        .forum-card {\n            background: var(--white);\n            border-radius: var(--radius-lg);\n            padding: 1.75rem;\n            box-shadow: var(--shadow-sm);\n            transition: var(--transition);\n            border: 1px solid var(--gray-200);\n            position: relative;\n            overflow: hidden;\n        }\n        .forum-card:hover {\n            box-shadow: var(--shadow-lg);\n            transform: translateY(-5px);\n            border-color: var(--golden-poppy);\n        }\n        .forum-card::before {\n            content: '';\n            position: absolute;\n            top: 0; left: 0; right: 0;\n            height: 4px;\n            background: var(--golden-poppy);\n            transform: scaleX(0);\n            transition: transform 0.3s ease;\n        }\n        .forum-card:hover::before {\n            transform: scaleX(1);\n        }\n        .forum-emoji {\n            font-size: 2rem;\n            margin-bottom: 1rem;\n            display: block;\n        }\n        .forum-title {\n            font-size: 1.1rem;\n            font-weight: 700;\n            margin-bottom: 0.5rem;\n        }\n        .forum-description {\n            font-size: 0.9rem;\n            color: var(--gray-600);\n            margin-bottom: 1rem;\n            line-height: 1.5;\n        }\n        .forum-stats {\n            display: flex;\n            gap: 1rem;\n            font-size: 0.8rem;\n            color: var(--gray-500);\n            margin-bottom: 1rem;\n            padding-bottom: 1rem;\n            border-bottom: 1px solid var(--gray-200);\n        }\n        .forum-stats span {\n            display: flex;\n            align-items: center;\n            gap: 0.3rem;\n        }\n        .forum-recent {\n            font-size: 0.85rem;\n            color: var(--gray-600);\n            background: var(--gray-50);\n            padding: 0.75rem;\n            border-radius: var(--radius-sm);\n        }\n        .forum-recent-label {\n            font-size: 0.7rem;\n            font-weight: 700;\n            color: var(--gray-500);\n            text-transform: uppercase;\n            letter-spacing: 0.5px;\n            display: block;\n            margin-bottom: 0.25rem;\n        }\n        .forums-cta {\n            text-align: center;\n        }\n\n        \/* ========== EVENTS SECTION ========== *\/\n        .events-section {\n            background: var(--prussian-blue);\n            color: var(--white);\n            padding: 6rem 1.5rem;\n            position: relative;\n            overflow: hidden;\n        }\n        .events-section::before {\n            content: '';\n            position: absolute;\n            top: -50%; right: -20%;\n            width: 80%; height: 200%;\n            background: radial-gradient(ellipse, rgba(255,195,0,0.05) 0%, transparent 70%);\n        }\n        .events-section .section-header { position: relative; z-index: 1; }\n        .events-section .section-subtitle { color: rgba(255,255,255,0.7); }\n        \n        .events-timeline {\n            max-width: 800px;\n            margin: 0 auto;\n            position: relative;\n            z-index: 1;\n        }\n        .event-item {\n            display: grid;\n            grid-template-columns: 120px 1fr;\n            gap: 2rem;\n            padding: 2rem 0;\n            border-bottom: 1px solid rgba(255,255,255,0.1);\n            transition: var(--transition);\n        }\n        .event-item:last-child { border-bottom: none; }\n        .event-item:hover {\n            background: rgba(255,255,255,0.03);\n            margin: 0 -1rem;\n            padding-left: 1rem;\n            padding-right: 1rem;\n            border-radius: var(--radius-md);\n        }\n        .event-date {\n            text-align: center;\n        }\n        .event-date-day {\n            font-size: 2.5rem;\n            font-weight: 900;\n            line-height: 1;\n            color: var(--golden-poppy);\n        }\n        .event-date-month {\n            font-size: 0.9rem;\n            font-weight: 600;\n            text-transform: uppercase;\n            letter-spacing: 1px;\n            opacity: 0.7;\n        }\n        .event-content {\n            display: flex;\n            flex-direction: column;\n            gap: 0.5rem;\n        }\n        .event-type {\n            display: inline-flex;\n            align-items: center;\n            gap: 0.4rem;\n            font-size: 0.75rem;\n            font-weight: 700;\n            text-transform: uppercase;\n            letter-spacing: 1px;\n            color: var(--golden-poppy);\n        }\n        .event-type svg {\n            width: 14px; height: 14px;\n            fill: currentColor;\n        }\n        .event-title {\n            font-size: 1.25rem;\n            font-weight: 700;\n        }\n        .event-meta {\n            font-size: 0.9rem;\n            opacity: 0.7;\n        }\n        .event-badge {\n            display: inline-block;\n            background: rgba(255,255,255,0.1);\n            padding: 0.25rem 0.75rem;\n            border-radius: 20px;\n            font-size: 0.8rem;\n            margin-top: 0.5rem;\n        }\n        \n        .events-archive {\n            text-align: center;\n            margin-top: 3rem;\n            padding: 1.5rem;\n            background: rgba(255,255,255,0.05);\n            border-radius: var(--radius-lg);\n            max-width: 500px;\n            margin-left: auto;\n            margin-right: auto;\n        }\n        .events-archive-icon {\n            font-size: 2rem;\n            margin-bottom: 0.5rem;\n        }\n        .events-archive p {\n            opacity: 0.8;\n            font-size: 0.95rem;\n        }\n\n        \/* ========== TESTIMONIALS SECTION ========== *\/\n        .testimonials-section {\n            background: var(--white);\n            padding: 6rem 1.5rem;\n        }\n        .testimonials-grid {\n            display: grid;\n            grid-template-columns: repeat(2, 1fr);\n            gap: 2rem;\n            max-width: 1100px;\n            margin: 0 auto;\n        }\n        .testimonial-card {\n            background: var(--gray-50);\n            border-radius: var(--radius-lg);\n            padding: 2rem;\n            transition: var(--transition);\n            border: 1px solid var(--gray-200);\n        }\n        .testimonial-card:hover {\n            box-shadow: var(--shadow-md);\n            border-color: var(--golden-poppy);\n        }\n        .testimonial-quote {\n            font-size: 1rem;\n            line-height: 1.8;\n            color: var(--gray-700);\n            margin-bottom: 1.5rem;\n            position: relative;\n            padding-left: 1.5rem;\n        }\n        .testimonial-quote::before {\n            content: '\"';\n            position: absolute;\n            left: 0; top: -0.25rem;\n            font-size: 3rem;\n            font-weight: 900;\n            color: var(--golden-poppy);\n            line-height: 1;\n        }\n        .testimonial-quote strong {\n            color: var(--prussian-blue);\n            font-weight: 600;\n        }\n        .testimonial-author {\n            display: flex;\n            align-items: center;\n            justify-content: space-between;\n            padding-top: 1.5rem;\n            border-top: 1px solid var(--gray-200);\n        }\n        .testimonial-info {}\n        .testimonial-name {\n            font-weight: 700;\n            font-size: 0.95rem;\n            margin-bottom: 0.25rem;\n        }\n        .testimonial-role {\n            font-size: 0.8rem;\n            color: var(--gray-500);\n        }\n        .testimonial-time {\n            font-size: 0.75rem;\n            color: var(--gray-500);\n        }\n        .testimonial-badge {\n            background: var(--papaya-whip);\n            color: var(--prussian-blue);\n            font-size: 0.7rem;\n            font-weight: 700;\n            padding: 0.4rem 0.8rem;\n            border-radius: 20px;\n        }\n\n        \/* ========== HOW TO JOIN SECTION ========== *\/\n        .join-section {\n            background: linear-gradient(180deg, var(--papaya-whip-light) 0%, var(--white) 100%);\n            padding: 6rem 1.5rem;\n        }\n        .join-grid {\n            display: grid;\n            grid-template-columns: repeat(3, 1fr);\n            gap: 2rem;\n            max-width: 1100px;\n            margin: 0 auto;\n        }\n        .join-card {\n            background: var(--white);\n            border-radius: var(--radius-lg);\n            padding: 2rem;\n            box-shadow: var(--shadow-md);\n            transition: var(--transition);\n            position: relative;\n            display: flex;\n            flex-direction: column;\n        }\n        .join-card:hover {\n            transform: translateY(-8px);\n            box-shadow: var(--shadow-xl);\n        }\n        .join-card.recommended {\n            border: 3px solid var(--golden-poppy);\n        }\n        .join-card.recommended::before {\n            content: '\u2605 Recomendado';\n            position: absolute;\n            top: -14px; left: 50%;\n            transform: translateX(-50%);\n            background: var(--golden-poppy);\n            color: var(--prussian-blue);\n            font-size: 0.75rem;\n            font-weight: 800;\n            padding: 0.4rem 1.25rem;\n            border-radius: 20px;\n            white-space: nowrap;\n        }\n        .join-card-header {\n            text-align: center;\n            padding-bottom: 1.5rem;\n            margin-bottom: 1.5rem;\n            border-bottom: 1px solid var(--gray-200);\n        }\n        .join-card-title {\n            font-size: 1.25rem;\n            font-weight: 800;\n            margin-bottom: 0.5rem;\n        }\n        .join-card-subtitle {\n            font-size: 0.9rem;\n            color: var(--gray-500);\n        }\n        .join-features {\n            flex: 1;\n            margin-bottom: 1.5rem;\n        }\n        .join-feature {\n            display: flex;\n            align-items: flex-start;\n            gap: 0.75rem;\n            padding: 0.6rem 0;\n            font-size: 0.9rem;\n            color: var(--gray-600);\n        }\n        .join-feature svg {\n            width: 18px; height: 18px;\n            fill: var(--golden-poppy);\n            flex-shrink: 0;\n            margin-top: 2px;\n        }\n        .join-price {\n            text-align: center;\n            padding: 1rem;\n            background: var(--gray-50);\n            border-radius: var(--radius-md);\n            margin-bottom: 1.5rem;\n        }\n        .join-price-label {\n            font-size: 0.8rem;\n            color: var(--gray-500);\n            margin-bottom: 0.25rem;\n        }\n        .join-price-value {\n            font-size: 1.1rem;\n            font-weight: 700;\n            color: var(--prussian-blue);\n        }\n        .join-card .btn { width: 100%; }\n\n        \/* ========== NUMBERS SECTION ========== *\/\n        .numbers-section {\n            background: var(--prussian-blue);\n            color: var(--white);\n            padding: 5rem 1.5rem;\n        }\n        .numbers-grid {\n            display: grid;\n            grid-template-columns: repeat(6, 1fr);\n            gap: 2rem;\n            max-width: 1200px;\n            margin: 0 auto;\n            text-align: center;\n        }\n        .number-item {}\n        .number-value {\n            font-size: clamp(2rem, 4vw, 3rem);\n            font-weight: 900;\n            color: var(--golden-poppy);\n            line-height: 1;\n            margin-bottom: 0.5rem;\n        }\n        .number-label {\n            font-size: 0.85rem;\n            opacity: 0.8;\n            line-height: 1.4;\n        }\n\n        \/* ========== FAQ SECTION ========== *\/\n        .faq-section {\n            background: var(--white);\n            padding: 6rem 1.5rem;\n        }\n        .faq-grid {\n            max-width: 800px;\n            margin: 0 auto;\n        }\n        .faq-item {\n            background: var(--gray-50);\n            border-radius: var(--radius-md);\n            margin-bottom: 1rem;\n            overflow: hidden;\n            border: 1px solid var(--gray-200);\n            transition: var(--transition);\n        }\n        .faq-item:hover {\n            border-color: var(--gray-300);\n        }\n        .faq-item.active {\n            border-color: var(--golden-poppy);\n            box-shadow: var(--shadow-sm);\n        }\n        .faq-question {\n            display: flex;\n            align-items: center;\n            justify-content: space-between;\n            padding: 1.25rem 1.5rem;\n            cursor: pointer;\n            transition: var(--transition);\n        }\n        .faq-question:hover {\n            background: var(--white);\n        }\n        .faq-question-text {\n            font-size: 1rem;\n            font-weight: 600;\n            padding-right: 1rem;\n        }\n        .faq-icon {\n            width: 28px; height: 28px;\n            min-width: 28px;\n            background: var(--white);\n            border-radius: 50%;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            transition: var(--transition);\n            border: 1px solid var(--gray-200);\n        }\n        .faq-icon svg {\n            width: 14px; height: 14px;\n            fill: var(--prussian-blue);\n            transition: transform 0.3s ease;\n        }\n        .faq-item.active .faq-icon {\n            background: var(--golden-poppy);\n            border-color: var(--golden-poppy);\n        }\n        .faq-item.active .faq-icon svg {\n            transform: rotate(180deg);\n        }\n        .faq-answer {\n            max-height: 0;\n            overflow: hidden;\n            transition: max-height 0.3s ease;\n        }\n        .faq-answer-inner {\n            padding: 0 1.5rem 1.5rem;\n            font-size: 0.95rem;\n            color: var(--gray-600);\n            line-height: 1.7;\n        }\n        .faq-item.active .faq-answer {\n            max-height: 300px;\n        }\n\n        \/* ========== CTA FINAL ========== *\/\n        .cta-section {\n            background: linear-gradient(135deg, var(--prussian-blue) 0%, var(--claret) 100%);\n            color: var(--white);\n            padding: 6rem 1.5rem;\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='100' height='100' viewBox='0 0 100 100' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cpath d='M50 50m-2 0a2 2 0 1 0 4 0a2 2 0 1 0-4 0' fill='%23ffffff' fill-opacity='0.05'\/%3E%3C\/svg%3E\");\n        }\n        .cta-content {\n            position: relative;\n            z-index: 1;\n            max-width: 700px;\n            margin: 0 auto;\n        }\n        .cta-title {\n            font-size: clamp(1.75rem, 4vw, 2.75rem);\n            font-weight: 900;\n            margin-bottom: 1.5rem;\n            line-height: 1.2;\n        }\n        .cta-subtitle {\n            font-size: 1.15rem;\n            opacity: 0.9;\n            margin-bottom: 2.5rem;\n            line-height: 1.7;\n        }\n        .cta-buttons {\n            display: flex;\n            flex-wrap: wrap;\n            justify-content: center;\n            gap: 1rem;\n            margin-bottom: 2rem;\n        }\n        .cta-help {\n            font-size: 0.9rem;\n            opacity: 0.7;\n        }\n        .cta-help a {\n            text-decoration: underline;\n            opacity: 1;\n        }\n        .cta-help a:hover {\n            color: var(--golden-poppy);\n        }\n\n        \/* ========== RESPONSIVE ========== *\/\n        @media (max-width: 1024px) {\n            .hero-content { grid-template-columns: 1fr; text-align: center; }\n            .hero-badges { justify-content: center; }\n            .hero-ctas { justify-content: center; }\n            .avatar-grid { display: none; }\n            .problem-grid { grid-template-columns: 1fr; }\n            .problem-visual { order: -1; }\n            .pillars-grid { grid-template-columns: repeat(2, 1fr); }\n            .forums-grid { grid-template-columns: repeat(2, 1fr); }\n            .testimonials-grid { grid-template-columns: 1fr; }\n            .join-grid { grid-template-columns: 1fr; max-width: 400px; }\n            .numbers-grid { grid-template-columns: repeat(3, 1fr); }\n        }\n        \n        @media (max-width: 768px) {\n            .section { padding: 4rem 1rem; }\n            .hero { padding: 0.5rem 1rem 3.5rem; min-height: auto; }\n            .activity-ticker { margin: 0 -1rem 1.5rem; }\n            .ticker-item { font-size: 0.75rem; }\n            .hero-title { font-size: 2rem; }\n            .hero-subtitle { font-size: 1rem; }\n            .pillars-grid { grid-template-columns: 1fr; }\n            .pillar-card { text-align: left; display: flex; gap: 1.25rem; align-items: flex-start; }\n            .pillar-icon { margin: 0; min-width: 60px; }\n            .pillar-content { flex: 1; }\n            .forums-grid { grid-template-columns: 1fr; }\n            .event-item { grid-template-columns: 80px 1fr; gap: 1rem; }\n            .event-date-day { font-size: 1.75rem; }\n            .event-title { font-size: 1.1rem; }\n            .numbers-grid { grid-template-columns: repeat(2, 1fr); gap: 1.5rem; }\n            .number-value { font-size: 2rem; }\n        }\n        \n        @media (max-width: 480px) {\n            .hero-badges { flex-direction: column; align-items: center; }\n            .hero-ctas { flex-direction: column; width: 100%; }\n            .hero-ctas .btn { width: 100%; }\n            .problem-illustration { max-width: 280px; }\n            .event-item { grid-template-columns: 1fr; text-align: center; }\n            .event-date { margin-bottom: 0.5rem; }\n            .numbers-grid { grid-template-columns: 1fr; }\n        }\n    <\/style>\n\n    <script type=\"application\/ld+json\">\n    {\n        \"@context\": \"https:\/\/schema.org\",\n        \"@type\": \"Organization\",\n        \"name\": \"Comunidade Educater\",\n        \"description\": \"Comunidade de pr\u00e1tica para professores de medicina do Brasil\",\n        \"url\": \"https:\/\/institutoeducater.com.br\/comunidade\",\n        \"parentOrganization\": {\n            \"@type\": \"Organization\",\n            \"name\": \"Instituto Educater\"\n        },\n        \"member\": {\n            \"@type\": \"QuantitativeValue\",\n            \"value\": 320,\n            \"unitText\": \"membros ativos\"\n        }\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=\"activity-ticker\">\n            <div class=\"ticker-track\">\n                <span class=\"ticker-item\"><span class=\"ticker-dot\"><\/span> Dra. Fernanda compartilhou um caso de TBL h\u00e1 2h<\/span>\n                <span class=\"ticker-item\"><span class=\"ticker-dot\"><\/span> Dr. Marcos respondeu sobre avalia\u00e7\u00e3o formativa<\/span>\n                <span class=\"ticker-item\"><span class=\"ticker-dot\"><\/span> Nova live agendada: DCNs 2025 na pr\u00e1tica<\/span>\n                <span class=\"ticker-item\"><span class=\"ticker-dot\"><\/span> 12 novos membros esta semana<\/span>\n                <span class=\"ticker-item\"><span class=\"ticker-dot\"><\/span> Grupo de estudo sobre OSCE com 8 participantes<\/span>\n                <span class=\"ticker-item\"><span class=\"ticker-dot\"><\/span> Dra. Carla postou template de rubrica<\/span>\n                <!-- Duplicate for seamless loop -->\n                <span class=\"ticker-item\"><span class=\"ticker-dot\"><\/span> Dra. Fernanda compartilhou um caso de TBL h\u00e1 2h<\/span>\n                <span class=\"ticker-item\"><span class=\"ticker-dot\"><\/span> Dr. Marcos respondeu sobre avalia\u00e7\u00e3o formativa<\/span>\n                <span class=\"ticker-item\"><span class=\"ticker-dot\"><\/span> Nova live agendada: DCNs 2025 na pr\u00e1tica<\/span>\n                <span class=\"ticker-item\"><span class=\"ticker-dot\"><\/span> 12 novos membros esta semana<\/span>\n                <span class=\"ticker-item\"><span class=\"ticker-dot\"><\/span> Grupo de estudo sobre OSCE com 8 participantes<\/span>\n                <span class=\"ticker-item\"><span class=\"ticker-dot\"><\/span> Dra. Carla postou template de rubrica<\/span>\n            <\/div>\n        <\/div>\n        \n        <div class=\"hero-content\">\n            <div class=\"hero-text\">\n                <nav class=\"breadcrumb\">\n                    <a href=\"\/\">Home<\/a>\n                    <svg width=\"16\" height=\"16\" 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>Comunidade<\/span>\n                <\/nav>\n                \n                <h1 class=\"hero-title\" style=\"color:white;\">\n                    Voc\u00ea n\u00e3o est\u00e1 <span class=\"hero-title-highlight\">sozinho<\/span> nessa jornada\n                <\/h1>\n                \n                <p class=\"hero-subtitle\" style=\"color:white;\">\n                    A maior rede de professores de medicina do Brasil, unidos pelo prop\u00f3sito de transformar a educa\u00e7\u00e3o m\u00e9dica.\n                <\/p>\n                \n                <div class=\"hero-badges\">\n                    <span class=\"badge badge-white\">\n                        <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M16 11c1.66 0 2.99-1.34 2.99-3S17.66 5 16 5c-1.66 0-3 1.34-3 3s1.34 3 3 3zm-8 0c1.66 0 2.99-1.34 2.99-3S9.66 5 8 5C6.34 5 5 6.34 5 8s1.34 3 3 3z\"\/><\/svg>\n                        +320 membros ativos\n                    <\/span>\n                    <span class=\"badge badge-white\">\n                        <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M12 2C8.13 2 5 5.13 5 9c0 5.25 7 13 7 13s7-7.75 7-13c0-3.87-3.13-7-7-7z\"\/><\/svg>\n                        12 estados representados\n                    <\/span>\n                    <span class=\"badge badge-white\">\n                        <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M12 7V3H2v18h20V7H12zM6 19H4v-2h2v2zm0-4H4v-2h2v2zm0-4H4V9h2v2zm0-4H4V5h2v2zm4 12H8v-2h2v2zm0-4H8v-2h2v2zm0-4H8V9h2v2zm0-4H8V5h2v2z\"\/><\/svg>\n                        47 institui\u00e7\u00f5es\n                    <\/span>\n                <\/div>\n                \n                <div class=\"hero-ctas\">\n                    <a href=\"#como-participar\" class=\"btn btn-primary btn-lg\" style=\"color:#003566\">Quero fazer parte \u2192<\/a>\n                    <a href=\"#o-que-e\" class=\"btn btn-secondary\">Como funciona \u2193<\/a>\n                <\/div>\n            <\/div>\n            \n            <div class=\"avatar-grid\">\n                <div class=\"avatar-item\">FM<\/div>\n                <div class=\"avatar-item highlight\">JV<span class=\"avatar-online\"><\/span><\/div>\n                <div class=\"avatar-item\">CS<\/div>\n                <div class=\"avatar-item\">RL<\/div>\n                <div class=\"avatar-item\">AP<\/div>\n                <div class=\"avatar-item\">MR<span class=\"avatar-online\"><\/span><\/div>\n                <div class=\"avatar-item highlight\">LC<\/div>\n                <div class=\"avatar-item\">TB<\/div>\n                <div class=\"avatar-item\">RG<\/div>\n                <div class=\"avatar-item\">SS<span class=\"avatar-online\"><\/span><\/div>\n                <div class=\"avatar-item\">KM<\/div>\n                <div class=\"avatar-item highlight\">DP<\/div>\n                <div class=\"avatar-item\">EF<\/div>\n                <div class=\"avatar-item\">NC<\/div>\n                <div class=\"avatar-item\">BL<span class=\"avatar-online\"><\/span><\/div>\n                <div class=\"avatar-item\">+<\/div>\n            <\/div>\n        <\/div>\n    <\/section>\n\n\n\n\n<!-- ========== PROBLEM ========== -->\n    <section class=\"problem-section\" id=\"o-que-e\">\n        <div class=\"problem-grid\">\n            <div class=\"problem-content\">\n                <h2 style=\"color:#003566;\">Ensinar medicina \u00e9 gratificante.<br><em>Ensinar medicina sozinho<\/em> \u00e9 exaustivo.<\/h2>\n                \n                <p>Voc\u00ea conhece a sensa\u00e7\u00e3o: preparar uma aula nova sem ter com quem trocar ideias. Tentar uma metodologia diferente sem saber se est\u00e1 no caminho certo. Enfrentar resist\u00eancia dos alunos sem ter colegas que passaram pelo mesmo.<\/p>\n                \n                <p>A forma\u00e7\u00e3o m\u00e9dica n\u00e3o nos preparou para ensinar \u2014 e a maioria das institui\u00e7\u00f5es nos deixa descobrir isso por conta pr\u00f3pria.<\/p>\n                \n                <p class=\"highlight-text\">E se voc\u00ea pudesse contar com centenas de colegas que enfrentam os mesmos desafios, toda semana, a um clique de dist\u00e2ncia?<\/p>\n            <\/div>\n            \n            <div class=\"problem-visual\">\n                <div class=\"problem-illustration\">\n                    <svg viewBox=\"0 0 24 24\"><path d=\"M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z\"\/><\/svg>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/section>\n\n\n\n\n<!-- ========== SOLUTION ========== -->\n    <section class=\"solution-section\">\n        <div class=\"container\">\n            <div class=\"section-header\">\n                <h2 class=\"section-title\" style=\"color:#003566;\">Mais que uma rede \u2014 uma comunidade de pr\u00e1tica<\/h2>\n                <p class=\"section-subtitle\">A Comunidade Educater \u00e9 um espa\u00e7o exclusivo onde professores de medicina compartilham experi\u00eancias, trocam materiais e crescem juntos.<\/p>\n            <\/div>\n            \n            <div class=\"pillars-grid\">\n                <div class=\"pillar-card\">\n                    <div class=\"pillar-icon\">\n                        <svg viewBox=\"0 0 24 24\"><path d=\"M20 2H4c-1.1 0-1.99.9-1.99 2L2 22l4-4h14c1.1 0 2-.9 2-2V4c0-1.1-.9-2-2-2zm-2 12H6v-2h12v2zm0-3H6V9h12v2zm0-3H6V6h12v2z\"\/><\/svg>\n                    <\/div>\n                    <div class=\"pillar-content\">\n                        <h3 class=\"pillar-title\" style=\"color:#003566;\">F\u00f3runs Tem\u00e1ticos<\/h3>\n                        <p class=\"pillar-description\">Discuss\u00f5es organizadas por tema: metodologias ativas, avalia\u00e7\u00e3o, tecnologia educacional, desafios do internato e mais.<\/p>\n                    <\/div>\n                <\/div>\n                \n                <div class=\"pillar-card\">\n                    <div class=\"pillar-icon\">\n                        <svg viewBox=\"0 0 24 24\"><path d=\"M19 4h-1V2h-2v2H8V2H6v2H5c-1.11 0-1.99.9-1.99 2L3 20c0 1.1.89 2 2 2h14c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2zm0 16H5V9h14v11zM9 11H7v2h2v-2zm4 0h-2v2h2v-2zm4 0h-2v2h2v-2z\"\/><\/svg>\n                    <\/div>\n                    <div class=\"pillar-content\">\n                        <h3 class=\"pillar-title\" style=\"color:#003566;\">Eventos Exclusivos<\/h3>\n                        <p class=\"pillar-description\">Lives mensais com especialistas, grupos de estudo quinzenais e encontros presenciais nos congressos da \u00e1rea.<\/p>\n                    <\/div>\n                <\/div>\n                \n                <div class=\"pillar-card\">\n                    <div class=\"pillar-icon\">\n                        <svg viewBox=\"0 0 24 24\"><path d=\"M20 6h-8l-2-2H4c-1.1 0-1.99.9-1.99 2L2 18c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V8c0-1.1-.9-2-2-2zm0 12H4V8h16v10z\"\/><\/svg>\n                    <\/div>\n                    <div class=\"pillar-content\">\n                        <h3 class=\"pillar-title\" style=\"color:#003566;\">Biblioteca Colaborativa<\/h3>\n                        <p class=\"pillar-description\">Casos cl\u00ednicos, rubricas, planos de aula e templates compartilhados e validados pela comunidade.<\/p>\n                    <\/div>\n                <\/div>\n                \n                <div class=\"pillar-card\">\n                    <div class=\"pillar-icon\">\n                        <svg viewBox=\"0 0 24 24\"><path d=\"M16 11c1.66 0 2.99-1.34 2.99-3S17.66 5 16 5c-1.66 0-3 1.34-3 3s1.34 3 3 3zm-8 0c1.66 0 2.99-1.34 2.99-3S9.66 5 8 5C6.34 5 5 6.34 5 8s1.34 3 3 3zm0 2c-2.33 0-7 1.17-7 3.5V19h14v-2.5c0-2.33-4.67-3.5-7-3.5zm8 0c-.29 0-.62.02-.97.05 1.16.84 1.97 1.97 1.97 3.45V19h6v-2.5c0-2.33-4.67-3.5-7-3.5z\"\/><\/svg>\n                    <\/div>\n                    <div class=\"pillar-content\">\n                        <h3 class=\"pillar-title\" style=\"color:#003566;\">Mentoria entre Pares<\/h3>\n                        <p class=\"pillar-description\">Conecte-se com colegas mais experientes ou contribua orientando quem est\u00e1 come\u00e7ando a jornada.<\/p>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/section>\n\n\n\n\n<!-- ========== FORUMS ========== -->\n    <section class=\"forums-section\">\n        <div class=\"container\">\n            <div class=\"section-header\">\n                <h2 class=\"section-title\" style=\"color:#003566;\">F\u00f3runs onde as conversas que importam acontecem<\/h2>\n                <p class=\"section-subtitle\">Escolha os temas que mais interessam a voc\u00ea e participe das discuss\u00f5es que est\u00e3o moldando a educa\u00e7\u00e3o m\u00e9dica no Brasil.<\/p>\n            <\/div>\n            \n            <div class=\"forums-grid\">\n                <article class=\"forum-card\">\n                    <span class=\"forum-emoji\">\ud83c\udfaf<\/span>\n                    <h3 class=\"forum-title\" style=\"color:#003566;\">Desafios do Internato<\/h3>\n                    <p class=\"forum-description\">Preceptoria, supervis\u00e3o cl\u00ednica, avalia\u00e7\u00e3o de compet\u00eancias no ambiente real.<\/p>\n                    <div class=\"forum-stats\">\n                        <span>\ud83d\udc65 89 membros<\/span>\n                        <span>\ud83d\udcac 234 discuss\u00f5es<\/span>\n                    <\/div>\n                    <div class=\"forum-recent\">\n                        <span class=\"forum-recent-label\">T\u00f3pico recente<\/span>\n                        &#8220;Como avaliar racioc\u00ednio cl\u00ednico em tempo real?&#8221;\n                    <\/div>\n                <\/article>\n                \n                <article class=\"forum-card\">\n                    <span class=\"forum-emoji\">\ud83d\udcca<\/span>\n                    <h3 class=\"forum-title\" style=\"color:#003566;\">Avalia\u00e7\u00e3o &#038; Feedback<\/h3>\n                    <p class=\"forum-description\">OSCE, Mini-CEX, rubricas, avalia\u00e7\u00e3o formativa e somativa.<\/p>\n                    <div class=\"forum-stats\">\n                        <span>\ud83d\udc65 156 membros<\/span>\n                        <span>\ud83d\udcac 412 discuss\u00f5es<\/span>\n                    <\/div>\n                    <div class=\"forum-recent\">\n                        <span class=\"forum-recent-label\">T\u00f3pico recente<\/span>\n                        &#8220;Modelo de rubrica para habilidades comunicacionais&#8221;\n                    <\/div>\n                <\/article>\n                \n                <article class=\"forum-card\">\n                    <span class=\"forum-emoji\">\ud83d\udcbb<\/span>\n                    <h3 class=\"forum-title\" style=\"color:#003566;\">Tecnologia na Educa\u00e7\u00e3o M\u00e9dica<\/h3>\n                    <p class=\"forum-description\">IA generativa, simuladores, plataformas, ensino h\u00edbrido.<\/p>\n                    <div class=\"forum-stats\">\n                        <span>\ud83d\udc65 127 membros<\/span>\n                        <span>\ud83d\udcac 189 discuss\u00f5es<\/span>\n                    <\/div>\n                    <div class=\"forum-recent\">\n                        <span class=\"forum-recent-label\">T\u00f3pico recente<\/span>\n                        &#8220;Experi\u00eancias com ChatGPT na elabora\u00e7\u00e3o de casos&#8221;\n                    <\/div>\n                <\/article>\n                \n                <article class=\"forum-card\">\n                    <span class=\"forum-emoji\">\ud83d\udcda<\/span>\n                    <h3 class=\"forum-title\" style=\"color:#003566;\">Metodologias Ativas na Pr\u00e1tica<\/h3>\n                    <p class=\"forum-description\">PBL, TBL, sala invertida, problematiza\u00e7\u00e3o \u2014 da teoria \u00e0 aplica\u00e7\u00e3o.<\/p>\n                    <div class=\"forum-stats\">\n                        <span>\ud83d\udc65 201 membros<\/span>\n                        <span>\ud83d\udcac 567 discuss\u00f5es<\/span>\n                    <\/div>\n                    <div class=\"forum-recent\">\n                        <span class=\"forum-recent-label\">T\u00f3pico recente<\/span>\n                        &#8220;TBL com turmas de 120 alunos: \u00e9 poss\u00edvel?&#8221;\n                    <\/div>\n                <\/article>\n                \n                <article class=\"forum-card\">\n                    <span class=\"forum-emoji\">\ud83d\udccb<\/span>\n                    <h3 class=\"forum-title\" style=\"color:#003566;\">DCNs &#038; Regulamenta\u00e7\u00e3o<\/h3>\n                    <p class=\"forum-description\">Interpreta\u00e7\u00e3o das diretrizes, prepara\u00e7\u00e3o para avalia\u00e7\u00e3o do MEC.<\/p>\n                    <div class=\"forum-stats\">\n                        <span>\ud83d\udc65 98 membros<\/span>\n                        <span>\ud83d\udcac 145 discuss\u00f5es<\/span>\n                    <\/div>\n                    <div class=\"forum-recent\">\n                        <span class=\"forum-recent-label\">T\u00f3pico recente<\/span>\n                        &#8220;O que muda com as DCNs 2025?&#8221;\n                    <\/div>\n                <\/article>\n                \n                <article class=\"forum-card\">\n                    <span class=\"forum-emoji\">\ud83c\udf31<\/span>\n                    <h3 class=\"forum-title\" style=\"color:#003566;\">Desenvolvimento Docente<\/h3>\n                    <p class=\"forum-description\">Carreira acad\u00eamica, publica\u00e7\u00f5es em educa\u00e7\u00e3o m\u00e9dica, progress\u00e3o funcional.<\/p>\n                    <div class=\"forum-stats\">\n                        <span>\ud83d\udc65 134 membros<\/span>\n                        <span>\ud83d\udcac 198 discuss\u00f5es<\/span>\n                    <\/div>\n                    <div class=\"forum-recent\">\n                        <span class=\"forum-recent-label\">T\u00f3pico recente<\/span>\n                        &#8220;Como iniciar pesquisa em educa\u00e7\u00e3o m\u00e9dica?&#8221;\n                    <\/div>\n                <\/article>\n            <\/div>\n            \n            <div class=\"forums-cta\">\n                <a href=\"#como-participar\" class=\"btn btn-primary btn-lg\" style=\"color:#003566;\">Quero participar dessas conversas \u2192<\/a>\n            <\/div>\n        <\/div>\n    <\/section>\n\n\n\n\n<!-- ========== EVENTS ========== -->\n    <section class=\"events-section\">\n        <div class=\"container\">\n            <div class=\"section-header\">\n                <h2 class=\"section-title\" style=\"color:white;\">Eventos exclusivos para membros<\/h2>\n                <p class=\"section-subtitle\">Todo m\u00eas, novas oportunidades de aprender, trocar e se conectar com os melhores educadores m\u00e9dicos do pa\u00eds.<\/p>\n            <\/div>\n            \n            <div class=\"events-timeline\">\n                <article class=\"event-item\">\n                    <div class=\"event-date\">\n                        <span class=\"event-date-day\">12<\/span>\n                        <span class=\"event-date-month\">FEV<\/span>\n                    <\/div>\n                    <div class=\"event-content\">\n                        <span class=\"event-type\">\n                            <svg viewBox=\"0 0 24 24\"><path d=\"M17 10.5V7c0-.55-.45-1-1-1H4c-.55 0-1 .45-1 1v10c0 .55.45 1 1 1h12c.55 0 1-.45 1-1v-3.5l4 4v-11l-4 4z\"\/><\/svg>\n                            Live Mensal\n                        <\/span>\n                        <h3 class=\"event-title\" style=\"color:white;\">DCNs 2025: O que muda na pr\u00e1tica pedag\u00f3gica<\/h3>\n                        <p class=\"event-meta\" style=\"color:white;\">Com Dr. Paulo Marcondes \u2022 19h \u00e0s 20h30<\/p>\n                        <span class=\"event-badge\">Exclusivo para membros<\/span>\n                    <\/div>\n                <\/article>\n                \n                <article class=\"event-item\">\n                    <div class=\"event-date\">\n                        <span class=\"event-date-day\">19<\/span>\n                        <span class=\"event-date-month\">FEV<\/span>\n                    <\/div>\n                    <div class=\"event-content\">\n                        <span class=\"event-type\">\n                            <svg viewBox=\"0 0 24 24\"><path d=\"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-2 15l-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z\"\/><\/svg>\n                            Grupo de Estudo\n                        <\/span>\n                        <h3 class=\"event-title\" style=\"color:white;\">Grupo: Inova\u00e7\u00e3o em Sa\u00fade<\/h3>\n                        <p class=\"event-meta\" style=\"color:white;\">Facilitadora: Profa. Val\u00e9ria Lacerda\u2022 Quinzenal<\/p>\n                        <span class=\"event-badge\">15 vagas restantes<\/span>\n                    <\/div>\n                <\/article>\n                \n                <article class=\"event-item\">\n                    <div class=\"event-date\">\n                        <span class=\"event-date-day\">26<\/span>\n                        <span class=\"event-date-month\">FEV<\/span>\n                    <\/div>\n                    <div class=\"event-content\">\n                        <span class=\"event-type\">\n                            <svg viewBox=\"0 0 24 24\"><path d=\"M19 3H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm-5 14H7v-2h7v2zm3-4H7v-2h10v2zm0-4H7V7h10v2z\"\/><\/svg>\n                            Oficina Online\n                        <\/span>\n                        <h3 class=\"event-title\" style=\"color:white;\">Construindo rubricas para OSCE<\/h3>\n                        <p class=\"event-meta\" style=\"color:white;\">3 horas de m\u00e3o na massa \u2022 Certificado de 3 horas<\/p>\n                    <\/div>\n                <\/article>\n                \n                <article class=\"event-item\">\n                    <div class=\"event-date\">\n                        <span class=\"event-date-day\">\u2014<\/span>\n                        <span class=\"event-date-month\">SET<\/span>\n                    <\/div>\n                    <div class=\"event-content\">\n                        <span class=\"event-type\">\n                            <svg viewBox=\"0 0 24 24\"><path d=\"M12 2C8.13 2 5 5.13 5 9c0 5.25 7 13 7 13s7-7.75 7-13c0-3.87-3.13-7-7-7z\"\/><\/svg>\n                            Encontro Presencial\n                        <\/span>\n                        <h3 class=\"event-title\" style=\"color:white;\">Comunidade no COBEM 2026<\/h3>\n                        <p class=\"event-meta\" style=\"color:white;\">Networking + jantar exclusivo para membros \u2022 Porto Alegre\/RS<\/p>\n                        <span class=\"event-badge\">Inscri\u00e7\u00f5es em breve<\/span>\n                    <\/div>\n                <\/article>\n            <\/div>\n            \n            <div class=\"events-archive\">\n                <span class=\"events-archive-icon\">\u2b50<\/span>\n                <p style=\"color:white;\"><strong>Membros t\u00eam acesso a todas as grava\u00e7\u00f5es anteriores<\/strong><br>+45 horas de conte\u00fado exclusivo dispon\u00edvel na biblioteca<\/p>\n            <\/div>\n        <\/div>\n    <\/section>\n\n\n\n\n<!-- ========== TESTIMONIALS ========== -->\n    <section class=\"testimonials-section\">\n        <div class=\"container\">\n            <div class=\"section-header\">\n                <h2 class=\"section-title\" style=\"color:#003566;\">O que nossos membros dizem<\/h2>\n                <p class=\"section-subtitle\">Hist\u00f3rias de quem encontrou na comunidade muito mais do que esperava.<\/p>\n            <\/div>\n            \n            <div class=\"testimonials-grid\">\n                <article class=\"testimonial-card\">\n                    <p class=\"testimonial-quote\">Entrei achando que ia encontrar mais conte\u00fado. <strong>Encontrei colegas que viraram parceiros de trabalho e amigos.<\/strong> Publicamos juntos um artigo sobre TBL que nasceu de uma discuss\u00e3o no f\u00f3rum.<\/p>\n                    <div class=\"testimonial-author\">\n                        <div class=\"testimonial-info\">\n                            <span class=\"testimonial-name\">Dra. Luciana M.<\/span>\n                            <span class=\"testimonial-role\">Professora de Semiologia \u2022 UFMA<\/span>\n                            <span class=\"testimonial-time\">Membro h\u00e1 18 meses<\/span>\n                        <\/div>\n                    <\/div>\n                <\/article>\n                \n                <article class=\"testimonial-card\">\n                    <p class=\"testimonial-quote\">Quando fui tentar PBL pela primeira vez, estava morrendo de medo. <strong>Postei minhas d\u00favidas no f\u00f3rum \u00e0s 22h e \u00e0s 7h da manh\u00e3 tinha 5 respostas detalhadas.<\/strong> Isso n\u00e3o tem pre\u00e7o.<\/p>\n                    <div class=\"testimonial-author\">\n                        <div class=\"testimonial-info\">\n                            <span class=\"testimonial-name\">Dr. Felipe R.<\/span>\n                            <span class=\"testimonial-role\">Professor de Cl\u00ednica M\u00e9dica \u2022 Faculdade privada em GO<\/span>\n                            <span class=\"testimonial-time\">Membro h\u00e1 8 meses<\/span>\n                        <\/div>\n                    <\/div>\n                <\/article>\n                \n                <article class=\"testimonial-card\">\n                    <p class=\"testimonial-quote\">A live sobre avalia\u00e7\u00e3o formativa mudou completamente minha forma de dar feedback. <strong>Em uma hora, aprendi o que n\u00e3o aprendi em 15 anos de doc\u00eancia.<\/strong><\/p>\n                    <div class=\"testimonial-author\">\n                        <div class=\"testimonial-info\">\n                            <span class=\"testimonial-name\">Dra. Carla S.<\/span>\n                            <span class=\"testimonial-role\">Preceptora de Internato \u2022 Hospital Universit\u00e1rio em Curitiba<\/span>\n                            <span class=\"testimonial-time\">Membro h\u00e1 12 meses<\/span>\n                        <\/div>\n                    <\/div>\n                <\/article>\n                \n                <article class=\"testimonial-card\">\n                    <p class=\"testimonial-quote\">Sou coordenador de curso e trouxe 8 professores da minha equipe para a comunidade. <strong>O impacto nas reuni\u00f5es do NDE foi imediato \u2014 todo mundo chegando com ideias novas.<\/strong><\/p>\n                    <div class=\"testimonial-author\">\n                        <div class=\"testimonial-info\">\n                            <span class=\"testimonial-name\">Prof. Andr\u00e9 L.<\/span>\n                            <span class=\"testimonial-role\">Coordenador de Curso de Medicina \u2022 Interior de SP<\/span>\n                            <span class=\"testimonial-time\">Membro h\u00e1 24 meses<\/span>\n                        <\/div>\n                    <\/div>\n                <\/article>\n            <\/div>\n        <\/div>\n    <\/section>\n\n\n\n\n<!-- ========== HOW TO JOIN ========== -->\n    <section class=\"join-section\" id=\"como-participar\">\n        <div class=\"container\">\n            <div class=\"section-header\">\n                <h2 class=\"section-title\" style=\"color:#003566;\">Como fazer parte da Comunidade Educater<\/h2>\n                <p class=\"section-subtitle\">Tr\u00eas caminhos para voc\u00ea se conectar com a maior rede de educadores m\u00e9dicos do Brasil.<\/p>\n            <\/div>\n            \n            <div class=\"join-grid\">\n                <article class=\"join-card recommended\">\n                    <div class=\"join-card-header\">\n                        <h3 class=\"join-card-title\" style=\"color:#003566;\">Acesso via P\u00f3s-gradua\u00e7\u00e3o<\/h3>\n                        <p class=\"join-card-subtitle\">Inclu\u00eddo na matr\u00edcula<\/p>\n                    <\/div>\n                    <div class=\"join-features\">\n                        <div class=\"join-feature\">\n                            <svg viewBox=\"0 0 24 24\"><path d=\"M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z\"\/><\/svg>\n                            <span>Acesso <strong>vital\u00edcio<\/strong> \u00e0 comunidade<\/span>\n                        <\/div>\n                        <div class=\"join-feature\">\n                            <svg viewBox=\"0 0 24 24\"><path d=\"M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z\"\/><\/svg>\n                            <span>Todos os f\u00f3runs e eventos<\/span>\n                        <\/div>\n                        <div class=\"join-feature\">\n                            <svg viewBox=\"0 0 24 24\"><path d=\"M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z\"\/><\/svg>\n                            <span>Biblioteca completa<\/span>\n                        <\/div>\n                        <div class=\"join-feature\">\n                            <svg viewBox=\"0 0 24 24\"><path d=\"M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z\"\/><\/svg>\n                            <span>Badge de &#8220;Especialista Educater&#8221;<\/span>\n                        <\/div>\n                    <\/div>\n                    <div class=\"join-price\">\n                        <span class=\"join-price-label\">Investimento<\/span>\n                        <span class=\"join-price-value\">Inclu\u00eddo no programa<\/span>\n                    <\/div>\n                    <a href=\"especializacao\" class=\"btn btn-primary\" style=\"color:#003566;\">Conhecer a p\u00f3s-gradua\u00e7\u00e3o \u2192<\/a>\n                <\/article>\n                \n                <article class=\"join-card\">\n                    <div class=\"join-card-header\">\n                        <h3 class=\"join-card-title\" style=\"color:#003566;\">Acesso via Cursos<\/h3>\n                        <p class=\"join-card-subtitle\">Inclu\u00eddo na matr\u00edcula<\/p>\n                    <\/div>\n                    <div class=\"join-features\">\n                        <div class=\"join-feature\">\n                            <svg viewBox=\"0 0 24 24\"><path d=\"M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z\"\/><\/svg>\n                            <span>6 meses de acesso \u00e0 comunidade<\/span>\n                        <\/div>\n                        <div class=\"join-feature\">\n                            <svg viewBox=\"0 0 24 24\"><path d=\"M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z\"\/><\/svg>\n                            <span>F\u00f3runs relacionados ao tema do curso<\/span>\n                        <\/div>\n                        <div class=\"join-feature\">\n                            <svg viewBox=\"0 0 24 24\"><path d=\"M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z\"\/><\/svg>\n                            <span>Lives mensais<\/span>\n                        <\/div>\n                        <div class=\"join-feature\">\n                            <svg viewBox=\"0 0 24 24\"><path d=\"M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z\"\/><\/svg>\n                            <span>Renov\u00e1vel por mais 6 meses<\/span>\n                        <\/div>\n                    <\/div>\n                    <div class=\"join-price\">\n                        <span class=\"join-price-label\">Investimento<\/span>\n                        <span class=\"join-price-value\">Inclu\u00eddo no curso<\/span>\n                    <\/div>\n                    <a href=\"cursos\" class=\"btn btn-outline\" style=\"color:#003566;\">Ver cursos dispon\u00edveis \u2192<\/a>\n                <\/article>\n                \n                <article class=\"join-card\">\n                    <div class=\"join-card-header\">\n                        <h3 class=\"join-card-title\" style=\"color:#003566;\">Acesso Independente<\/h3>\n                        <p class=\"join-card-subtitle\">Assinatura mensal ou anual<\/p>\n                    <\/div>\n                    <div class=\"join-features\">\n                        <div class=\"join-feature\">\n                            <svg viewBox=\"0 0 24 24\"><path d=\"M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z\"\/><\/svg>\n                            <span>Todos os f\u00f3runs e eventos<\/span>\n                        <\/div>\n                        <div class=\"join-feature\">\n                            <svg viewBox=\"0 0 24 24\"><path d=\"M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z\"\/><\/svg>\n                            <span>Biblioteca completa<\/span>\n                        <\/div>\n                        <div class=\"join-feature\">\n                            <svg viewBox=\"0 0 24 24\"><path d=\"M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z\"\/><\/svg>\n                            <span>Cancele quando quiser<\/span>\n                        <\/div>\n                        <div class=\"join-feature\">\n                            <svg viewBox=\"0 0 24 24\"><path d=\"M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z\"\/><\/svg>\n                            <span>Sem v\u00ednculo com programas<\/span>\n                        <\/div>\n                    <\/div>\n                    <div class=\"join-price\">\n                        <span class=\"join-price-label\">Investimento<\/span>\n                        <span class=\"join-price-value\">R$ XX\/m\u00eas ou R$ XXX\/ano<\/span>\n                    <\/div>\n                    <a href=\"#\" class=\"btn btn-outline\" style=\"color:#003566;\">Assinar agora \u2192<\/a>\n                <\/article>\n            <\/div>\n        <\/div>\n    <\/section>\n\n\n\n\n<!-- ========== NUMBERS ========== -->\n    <section class=\"numbers-section\">\n        <div class=\"container\">\n            <div class=\"numbers-grid\">\n                <div class=\"number-item\">\n                    <span class=\"number-value\">320+<\/span>\n                    <span class=\"number-label\">membros ativos<\/span>\n                <\/div>\n                <div class=\"number-item\">\n                    <span class=\"number-value\">47<\/span>\n                    <span class=\"number-label\">institui\u00e7\u00f5es representadas<\/span>\n                <\/div>\n                <div class=\"number-item\">\n                    <span class=\"number-value\">12<\/span>\n                    <span class=\"number-label\">estados brasileiros<\/span>\n                <\/div>\n                <div class=\"number-item\">\n                    <span class=\"number-value\">1.500+<\/span>\n                    <span class=\"number-label\">discuss\u00f5es nos f\u00f3runs<\/span>\n                <\/div>\n                <div class=\"number-item\">\n                    <span class=\"number-value\">45h+<\/span>\n                    <span class=\"number-label\">de conte\u00fado gravado<\/span>\n                <\/div>\n                <div class=\"number-item\">\n                    <span class=\"number-value\">98%<\/span>\n                    <span class=\"number-label\">de satisfa\u00e7\u00e3o<\/span>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/section>\n\n\n\n\n<!-- ========== FAQ ========== -->\n    <section class=\"faq-section\">\n        <div class=\"container\">\n            <div class=\"section-header\">\n                <h2 class=\"section-title\" style=\"color:#003566;\">Perguntas frequentes<\/h2>\n            <\/div>\n            \n            <div class=\"faq-grid\">\n                <div class=\"faq-item\">\n                    <div class=\"faq-question\">\n                        <span class=\"faq-question-text\">A comunidade \u00e9 s\u00f3 para quem faz os cursos do Instituto?<\/span>\n                        <div class=\"faq-icon\">\n                            <svg viewBox=\"0 0 24 24\"><path d=\"M7.41 8.59L12 13.17l4.59-4.58L18 10l-6 6-6-6 1.41-1.41z\"\/><\/svg>\n                        <\/div>\n                    <\/div>\n                    <div class=\"faq-answer\">\n                        <div class=\"faq-answer-inner\">N\u00e3o. Embora o acesso esteja inclu\u00eddo nos programas de forma\u00e7\u00e3o, voc\u00ea pode participar de forma independente atrav\u00e9s de uma assinatura mensal ou anual. A comunidade est\u00e1 aberta a todos os professores de medicina que compartilham do prop\u00f3sito de transformar a educa\u00e7\u00e3o m\u00e9dica.<\/div>\n                    <\/div>\n                <\/div>\n                \n                <div class=\"faq-item\">\n                    <div class=\"faq-question\">\n                        <span class=\"faq-question-text\">Qual plataforma \u00e9 utilizada para a comunidade?<\/span>\n                        <div class=\"faq-icon\">\n                            <svg viewBox=\"0 0 24 24\"><path d=\"M7.41 8.59L12 13.17l4.59-4.58L18 10l-6 6-6-6 1.41-1.41z\"\/><\/svg>\n                        <\/div>\n                    <\/div>\n                    <div class=\"faq-answer\">\n                        <div class=\"faq-answer-inner\">Utilizamos uma plataforma pr\u00f3pria integrada ao nosso ambiente de aprendizagem, com f\u00f3runs organizados por tema, calend\u00e1rio de eventos, biblioteca de recursos e \u00e1rea de perfil pessoal. O acesso \u00e9 via web e aplicativo mobile.<\/div>\n                    <\/div>\n                <\/div>\n                \n                <div class=\"faq-item\">\n                    <div class=\"faq-question\">\n                        <span class=\"faq-question-text\">Posso participar s\u00f3 dos f\u00f3runs que me interessam?<\/span>\n                        <div class=\"faq-icon\">\n                            <svg viewBox=\"0 0 24 24\"><path d=\"M7.41 8.59L12 13.17l4.59-4.58L18 10l-6 6-6-6 1.41-1.41z\"\/><\/svg>\n                        <\/div>\n                    <\/div>\n                    <div class=\"faq-answer\">\n                        <div class=\"faq-answer-inner\">Sim! Voc\u00ea escolhe quais f\u00f3runs quer acompanhar e recebe notifica\u00e7\u00f5es apenas das discuss\u00f5es relevantes para voc\u00ea. Pode alterar suas prefer\u00eancias a qualquer momento e explorar novos f\u00f3runs quando quiser.<\/div>\n                    <\/div>\n                <\/div>\n                \n                <div class=\"faq-item\">\n                    <div class=\"faq-question\">\n                        <span class=\"faq-question-text\">Os eventos s\u00e3o gravados?<\/span>\n                        <div class=\"faq-icon\">\n                            <svg viewBox=\"0 0 24 24\"><path d=\"M7.41 8.59L12 13.17l4.59-4.58L18 10l-6 6-6-6 1.41-1.41z\"\/><\/svg>\n                        <\/div>\n                    <\/div>\n                    <div class=\"faq-answer\">\n                        <div class=\"faq-answer-inner\">Sim. Todas as lives e oficinas online ficam dispon\u00edveis na biblioteca para assistir quando quiser. Atualmente temos mais de 45 horas de conte\u00fado gravado dispon\u00edvel para membros.<\/div>\n                    <\/div>\n                <\/div>\n                \n                <div class=\"faq-item\">\n                    <div class=\"faq-question\">\n                        <span class=\"faq-question-text\">Posso cancelar a assinatura quando quiser?<\/span>\n                        <div class=\"faq-icon\">\n                            <svg viewBox=\"0 0 24 24\"><path d=\"M7.41 8.59L12 13.17l4.59-4.58L18 10l-6 6-6-6 1.41-1.41z\"\/><\/svg>\n                        <\/div>\n                    <\/div>\n                    <div class=\"faq-answer\">\n                        <div class=\"faq-answer-inner\">Sim, sem multa ou fidelidade. Voc\u00ea pode cancelar diretamente na plataforma a qualquer momento. Mas apostamos que voc\u00ea n\u00e3o vai querer sair depois que experimentar o valor das conex\u00f5es que vai fazer aqui. \ud83d\ude09<\/div>\n                    <\/div>\n                <\/div>\n                \n                <div class=\"faq-item\">\n                    <div class=\"faq-question\">\n                        <span class=\"faq-question-text\">Minha institui\u00e7\u00e3o pode contratar acesso para v\u00e1rios professores?<\/span>\n                        <div class=\"faq-icon\">\n                            <svg viewBox=\"0 0 24 24\"><path d=\"M7.41 8.59L12 13.17l4.59-4.58L18 10l-6 6-6-6 1.41-1.41z\"\/><\/svg>\n                        <\/div>\n                    <\/div>\n                    <div class=\"faq-answer\">\n                        <div class=\"faq-answer-inner\">Sim! Oferecemos planos institucionais com condi\u00e7\u00f5es especiais para grupos de professores. \u00c9 uma \u00f3tima forma de fortalecer a cultura de desenvolvimento docente na sua escola m\u00e9dica. Entre em contato para uma proposta personalizada.<\/div>\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.parentElement;\n                const isActive = item.classList.contains('active');\n                \n                \/\/ Close all items\n                document.querySelectorAll('.faq-item').forEach(faq => {\n                    faq.classList.remove('active');\n                });\n                \n                \/\/ Open clicked item if it wasn't already active\n                if (!isActive) {\n                    item.classList.add('active');\n                }\n            });\n        });\n\n        \/\/ Smooth scroll for anchor links\n        document.querySelectorAll('a[href^=\"#\"]').forEach(anchor => {\n            anchor.addEventListener('click', function(e) {\n                e.preventDefault();\n                const target = document.querySelector(this.getAttribute('href'));\n                if (target) {\n                    target.scrollIntoView({\n                        behavior: 'smooth',\n                        block: 'start'\n                    });\n                }\n            });\n        });\n\n        \/\/ Numbers animation on scroll (optional enhancement)\n        const observerOptions = {\n            threshold: 0.5\n        };\n\n        const numberObserver = new IntersectionObserver((entries) => {\n            entries.forEach(entry => {\n                if (entry.isIntersecting) {\n                    entry.target.classList.add('visible');\n                }\n            });\n        }, observerOptions);\n\n        document.querySelectorAll('.number-item').forEach(item => {\n            numberObserver.observe(item);\n        });\n    <\/script>\n\n\n\n\n<!-- ========== CTA FINAL ========== -->\n    <section class=\"cta-section\">\n        <div class=\"cta-content\">\n            <h2 class=\"cta-title\" style=\"color:white;\">Sua rede de apoio est\u00e1 a um clique de dist\u00e2ncia<\/h2>\n            <p class=\"cta-subtitle\" style=\"color:white;\">Pare de reinventar a roda sozinho. Junte-se a centenas de colegas que compartilham os mesmos desafios \u2014 e as melhores solu\u00e7\u00f5es.<\/p>\n            \n            <div class=\"cta-buttons\">\n                <a href=\"#como-participar\" class=\"btn btn-primary btn-lg\" style=\"color:#003566;\">Quero fazer parte da comunidade \u2192<\/a>\n            <\/div>\n            \n            <p class=\"cta-help\" style=\"color:white;\">Ainda tem d\u00favidas? <a href=\"https:\/\/wa.me\/5511999999999\" target=\"_blank\" rel=\"nofollow noopener\">Fale com nossa equipe<\/a><\/p>\n        <\/div>\n    <\/section>\n\n\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":2,"featured_media":113,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"pagelayer_contact_templates":[],"_pagelayer_content":"","cybocfi_hide_featured_image":"yes","footnotes":""},"class_list":["post-50911","page","type-page","status-publish","has-post-thumbnail","hentry"],"_links":{"self":[{"href":"https:\/\/educater.com.br\/en\/wp-json\/wp\/v2\/pages\/50911","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\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/educater.com.br\/en\/wp-json\/wp\/v2\/comments?post=50911"}],"version-history":[{"count":0,"href":"https:\/\/educater.com.br\/en\/wp-json\/wp\/v2\/pages\/50911\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/educater.com.br\/en\/wp-json\/wp\/v2\/media\/113"}],"wp:attachment":[{"href":"https:\/\/educater.com.br\/en\/wp-json\/wp\/v2\/media?parent=50911"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}