.elementor-kit-7{--e-global-color-primary:#1A3E5F;--e-global-color-secondary:#4A4A4A;--e-global-color-text:#1A1A1A;--e-global-color-accent:#D32F2F;--e-global-color-background:#FFFFFF;--e-global-color-backgroundAccent:#F2F2F2;--e-global-color-transparent:#00000000;--e-global-typography-primary-font-family:"Poppins";--e-global-typography-primary-font-size:24px;--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Poppins";--e-global-typography-secondary-font-size:20px;--e-global-typography-secondary-font-weight:600;--e-global-typography-text-font-family:"Figtree";--e-global-typography-text-font-size:16px;--e-global-typography-text-font-weight:400;--e-global-typography-text-line-height:1.5em;--e-global-typography-accent-font-family:"Figtree";--e-global-typography-accent-font-size:16px;--e-global-typography-accent-font-weight:400;--e-global-typography-accent-line-height:1.5em;--e-global-typography-heading-xl-font-family:"Poppins";--e-global-typography-heading-xl-font-size:56px;--e-global-typography-heading-xl-font-weight:600;--e-global-typography-heading-xl-line-height:1.2em;--e-global-typography-heading-l-font-family:"Poppins";--e-global-typography-heading-l-font-size:48px;--e-global-typography-heading-l-font-weight:600;--e-global-typography-heading-l-line-height:1.2em;--e-global-typography-heading-m-font-family:"Poppins";--e-global-typography-heading-m-font-size:40px;--e-global-typography-heading-m-font-weight:600;--e-global-typography-heading-m-line-height:1.2em;--e-global-typography-heading-s-font-family:"Poppins";--e-global-typography-heading-s-font-size:18px;--e-global-typography-heading-s-font-weight:500;--e-global-typography-body-s-font-family:"Figtree";--e-global-typography-body-s-font-size:14px;--e-global-typography-body-s-font-weight:400;--e-global-typography-body-s-line-height:1.5em;background-color:var( --e-global-color-background );}.elementor-kit-7 e-page-transition{background-color:#FFBC7D;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}@media(max-width:1024px){.elementor-kit-7{--e-global-typography-primary-font-size:22px;--e-global-typography-secondary-font-size:18px;--e-global-typography-heading-xl-font-size:48px;--e-global-typography-heading-l-font-size:40px;--e-global-typography-heading-m-font-size:32px;--e-global-typography-heading-s-font-size:18px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-kit-7{--e-global-typography-primary-font-size:18px;--e-global-typography-secondary-font-size:16px;--e-global-typography-heading-xl-font-size:40px;--e-global-typography-heading-l-font-size:32px;--e-global-typography-heading-m-font-size:32px;--e-global-typography-heading-s-font-size:16px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS */<!DOCTYPE html>
<html lang="pt-BR">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Colégio Monte Calvário - Educação de Excelência há mais de 60 anos</title>
    <meta name="description" content="Colégio Monte Calvário em Belo Horizonte. Educação Infantil, Fundamental e Médio. Tradição, excelência acadêmica e formação integral.">
    <style>
        * {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
        }

        body {
            font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
            line-height: 1.6;
            color: #333;
        }

        .container {
            max-width: 1200px;
            margin: 0 auto;
            padding: 0 20px;
        }

        /* Hero Section */
        .hero {
            background: linear-gradient(135deg, #1e3c72 0%, #2a5298 100%);
            color: white;
            padding: 100px 20px 80px;
            text-align: center;
            position: relative;
            overflow: hidden;
        }

        .hero::before {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1200 120"><path d="M0,0V46.29c47.79,22.2,103.59,32.17,158,28,70.36-5.37,136.33-33.31,206.8-37.5C438.64,32.43,512.34,53.67,583,72.05c69.27,18,138.3,24.88,209.4,13.08,36.15-6,69.85-17.84,104.45-29.34C989.49,25,1113-14.29,1200,52.47V0Z" opacity=".1" fill="%23ffffff"/></svg>') no-repeat bottom;
            background-size: cover;
            opacity: 0.1;
        }

        .hero-content {
            position: relative;
            z-index: 1;
        }

        .hero h1 {
            font-size: 3em;
            margin-bottom: 20px;
            font-weight: 700;
            text-shadow: 2px 2px 4px rgba(0,0,0,0.3);
        }

        .hero p {
            font-size: 1.3em;
            margin-bottom: 30px;
            opacity: 0.95;
        }

        .stats {
            display: flex;
            justify-content: center;
            gap: 50px;
            margin-top: 40px;
            flex-wrap: wrap;
        }

        .stat-item {
            text-align: center;
        }

        .stat-number {
            font-size: 2.5em;
            font-weight: 700;
            display: block;
            color: #ffd700;
        }

        .stat-label {
            font-size: 0.9em;
            opacity: 0.9;
        }

        .cta-button {
            display: inline-block;
            background: #ff6b35;
            color: white;
            padding: 15px 40px;
            text-decoration: none;
            border-radius: 50px;
            font-size: 1.1em;
            font-weight: 600;
            transition: all 0.3s;
            box-shadow: 0 4px 15px rgba(255, 107, 53, 0.4);
            margin-top: 20px;
        }

        .cta-button:hover {
            background: #ff5722;
            transform: translateY(-2px);
            box-shadow: 0 6px 20px rgba(255, 107, 53, 0.6);
        }

        /* Section Styles */
        section {
            padding: 80px 20px;
        }

        .section-title {
            text-align: center;
            font-size: 2.5em;
            margin-bottom: 20px;
            color: #1e3c72;
        }

        .section-subtitle {
            text-align: center;
            font-size: 1.2em;
            color: #666;
            margin-bottom: 50px;
            max-width: 700px;
            margin-left: auto;
            margin-right: auto;
        }

        /* Segments Section */
        .segments {
            background: #f8f9fa;
        }

        .segments-grid {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
            gap: 30px;
        }

        .segment-card {
            background: white;
            padding: 40px;
            border-radius: 15px;
            box-shadow: 0 5px 20px rgba(0,0,0,0.1);
            transition: transform 0.3s;
        }

        .segment-card:hover {
            transform: translateY(-5px);
            box-shadow: 0 8px 30px rgba(0,0,0,0.15);
        }

        .segment-icon {
            font-size: 3em;
            margin-bottom: 20px;
        }

        .segment-card h3 {
            color: #1e3c72;
            margin-bottom: 15px;
            font-size: 1.5em;
        }

        .segment-card ul {
            list-style: none;
            padding-left: 0;
        }

        .segment-card li {
            padding: 8px 0;
            padding-left: 25px;
            position: relative;
        }

        .segment-card li::before {
            content: "✓";
            position: absolute;
            left: 0;
            color: #4caf50;
            font-weight: bold;
        }

        /* Differentials Section */
        .differentials-grid {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));
            gap: 30px;
        }

        .differential-card {
            background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
            color: white;
            padding: 40px;
            border-radius: 15px;
            box-shadow: 0 5px 20px rgba(0,0,0,0.1);
        }

        .differential-card:nth-child(2) {
            background: linear-gradient(135deg, #f093fb 0%, #f5576c 100%);
        }

        .differential-card:nth-child(3) {
            background: linear-gradient(135deg, #4facfe 0%, #00f2fe 100%);
        }

        .differential-card:nth-child(4) {
            background: linear-gradient(135deg, #43e97b 0%, #38f9d7 100%);
        }

        .differential-card:nth-child(5) {
            background: linear-gradient(135deg, #fa709a 0%, #fee140 100%);
        }

        .differential-card:nth-child(6) {
            background: linear-gradient(135deg, #30cfd0 0%, #330867 100%);
        }

        .differential-icon {
            font-size: 2.5em;
            margin-bottom: 15px;
        }

        .differential-card h3 {
            margin-bottom: 15px;
            font-size: 1.4em;
        }

        /* Pedagogical Section */
        .pedagogical {
            background: linear-gradient(135deg, #1e3c72 0%, #2a5298 100%);
            color: white;
        }

        .pedagogical-content {
            display: grid;
            grid-template-columns: 1fr 1fr;
            gap: 50px;
            align-items: center;
        }

        .pedagogical-text h3 {
            font-size: 1.8em;
            margin-bottom: 20px;
        }

        .pedagogical-text ul {
            list-style: none;
            padding: 0;
        }

        .pedagogical-text li {
            padding: 12px 0;
            padding-left: 30px;
            position: relative;
            font-size: 1.1em;
        }

        .pedagogical-text li::before {
            content: "→";
            position: absolute;
            left: 0;
            color: #ffd700;
            font-weight: bold;
        }

        /* Testimonials Section */
        .testimonials {
            background: #f8f9fa;
        }

        .testimonials-grid {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
            gap: 30px;
        }

        .testimonial-card {
            background: white;
            padding: 30px;
            border-radius: 15px;
            box-shadow: 0 5px 20px rgba(0,0,0,0.1);
            position: relative;
        }

        .testimonial-card::before {
            content: '"';
            font-size: 4em;
            color: #1e3c72;
            opacity: 0.2;
            position: absolute;
            top: 10px;
            left: 20px;
        }

        .testimonial-text {
            font-style: italic;
            margin-bottom: 20px;
            color: #555;
        }

        .testimonial-author {
            font-weight: 600;
            color: #1e3c72;
        }

        .testimonial-role {
            font-size: 0.9em;
            color: #888;
        }

        /* Form Section */
        .enrollment-form {
            background: white;
        }

        .form-container {
            max-width: 600px;
            margin: 0 auto;
            background: #f8f9fa;
            padding: 40px;
            border-radius: 15px;
            box-shadow: 0 5px 20px rgba(0,0,0,0.1);
        }

        .form-group {
            margin-bottom: 20px;
        }

        .form-group label {
            display: block;
            margin-bottom: 8px;
            font-weight: 600;
            color: #333;
        }

        .form-group input,
        .form-group select,
        .form-group textarea {
            width: 100%;
            padding: 12px;
            border: 2px solid #ddd;
            border-radius: 8px;
            font-size: 1em;
            transition: border-color 0.3s;
        }

        .form-group input:focus,
        .form-group select:focus,
        .form-group textarea:focus {
            outline: none;
            border-color: #1e3c72;
        }

        .submit-button {
            width: 100%;
            background: #ff6b35;
            color: white;
            padding: 15px;
            border: none;
            border-radius: 8px;
            font-size: 1.1em;
            font-weight: 600;
            cursor: pointer;
            transition: all 0.3s;
        }

        .submit-button:hover {
            background: #ff5722;
            transform: translateY(-2px);
        }

        /* FAQ Section */
        .faq {
            background: #f8f9fa;
        }

        .faq-container {
            max-width: 800px;
            margin: 0 auto;
        }

        .faq-item {
            background: white;
            margin-bottom: 15px;
            border-radius: 10px;
            overflow: hidden;
            box-shadow: 0 2px 10px rgba(0,0,0,0.05);
        }

        .faq-question {
            padding: 20px;
            font-weight: 600;
            color: #1e3c72;
            cursor: pointer;
            display: flex;
            justify-content: space-between;
            align-items: center;
        }

        .faq-question:hover {
            background: #f8f9fa;
        }

        .faq-answer {
            padding: 0 20px 20px;
            color: #666;
            line-height: 1.8;
        }

        /* Contact Section */
        .contact {
            background: linear-gradient(135deg, #1e3c72 0%, #2a5298 100%);
            color: white;
        }

        .contact-grid {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
            gap: 40px;
            text-align: center;
        }

        .contact-item {
            padding: 20px;
        }

        .contact-icon {
            font-size: 2.5em;
            margin-bottom: 15px;
        }

        .contact-item h3 {
            margin-bottom: 10px;
            font-size: 1.3em;
        }

        .contact-item a {
            color: #ffd700;
            text-decoration: none;
        }

        /* Footer */
        footer {
            background: #1a1a1a;
            color: white;
            text-align: center;
            padding: 30px 20px;
        }

        /* Responsive */
        @media (max-width: 768px) {
            .hero h1 {
                font-size: 2em;
            }

            .hero p {
                font-size: 1.1em;
            }

            .stats {
                gap: 30px;
            }

            .stat-number {
                font-size: 2em;
            }

            .section-title {
                font-size: 2em;
            }

            .pedagogical-content {
                grid-template-columns: 1fr;
            }

            .segments-grid,
            .differentials-grid,
            .testimonials-grid {
                grid-template-columns: 1fr;
            }
        }
    </style>
</head>
<body>

    <!-- Hero Section -->
    <section class="hero">
        <div class="hero-content">
            <h1>Colégio Monte Calvário</h1>
            <p>Educação de Excelência com Valores Cristãos há mais de 60 anos</p>
            <div class="stats">
                <div class="stat-item">
                    <span class="stat-number">60+</span>
                    <span class="stat-label">Anos de Tradição</span>
                </div>
                <div class="stat-item">
                    <span class="stat-number">95%</span>
                    <span class="stat-label">Aprovação Vestibular</span>
                </div>
                <div class="stat-item">
                    <span class="stat-number">Top 10</span>
                    <span class="stat-label">ENEM em BH</span>
                </div>
            </div>
            <a href="#matricula" class="cta-button">Agende sua Visita</a>
        </div>
    </section>

    <!-- Segments Section -->
    <section class="segments">
        <div class="container">
            <h2 class="section-title">Segmentos de Ensino</h2>
            <p class="section-subtitle">Do primeiro passo à conquista dos seus sonhos, estamos com você em cada etapa</p>

            <div class="segments-grid">
                <div class="segment-card">
                    <div class="segment-icon">🎨</div>
                    <h3>Educação Infantil</h3>
                    <p><strong>1 a 5 anos</strong></p>
                    <ul>
                        <li>Desenvolvimento integral da criança</li>
                        <li>Ambiente acolhedor e seguro</li>
                        <li>Metodologias lúdicas e ativas</li>
                        <li>Estímulo à criatividade e autonomia</li>
                        <li>Inglês desde o maternal</li>
                    </ul>
                </div>

                <div class="segment-card">
                    <div class="segment-icon">📚</div>
                    <h3>Ensino Fundamental I</h3>
                    <p><strong>1º ao 5º ano</strong></p>
                    <ul>
                        <li>Base sólida em todas as disciplinas</li>
                        <li>Desenvolvimento do raciocínio lógico</li>
                        <li>Incentivo à leitura e escrita</li>
                        <li>Projetos interdisciplinares</li>
                        <li>Programa bilíngue integrado</li>
                    </ul>
                </div>

                <div class="segment-card">
                    <div class="segment-icon">🔬</div>
                    <h3>Ensino Fundamental II</h3>
                    <p><strong>6º ao 9º ano</strong></p>
                    <ul>
                        <li>Aprofundamento acadêmico</li>
                        <li>Preparação para o Ensino Médio</li>
                        <li>Laboratórios de ciências equipados</li>
                        <li>Desenvolvimento socioemocional</li>
                        <li>Orientação vocacional inicial</li>
                    </ul>
                </div>

                <div class="segment-card">
                    <div class="segment-icon">🎓</div>
                    <h3>Ensino Médio</h3>
                    <p><strong>1ª à 3ª série</strong></p>
                    <ul>
                        <li>Foco em vestibulares e ENEM</li>
                        <li>Material didático Sistema Anglo</li>
                        <li>Simulados e monitorias</li>
                        <li>Orientação profissional completa</li>
                        <li>Resultados comprovados</li>
                    </ul>
                </div>
            </div>
        </div>
    </section>

    <!-- Differentials Section -->
    <section class="differentials">
        <div class="container">
            <h2 class="section-title">Nossos Diferenciais</h2>
            <p class="section-subtitle">O que torna o Monte Calvário único na formação dos nossos alunos</p>

            <div class="differentials-grid">
                <div class="differential-card">
                    <div class="differential-icon">🌍</div>
                    <h3>Educação Bilíngue</h3>
                    <p>Programa completo de inglês integrado ao currículo, com certificações internacionais e vivência cultural desde a Educação Infantil.</p>
                </div>

                <div class="differential-card">
                    <div class="differential-icon">💻</div>
                    <h3>Tecnologia Educacional</h3>
                    <p>Laboratórios modernos, plataformas digitais de aprendizagem, robótica e programação para preparar alunos para o futuro.</p>
                </div>

                <div class="differential-card">
                    <div class="differential-icon">❤️</div>
                    <h3>Socioemocional</h3>
                    <p>Programa estruturado de desenvolvimento de competências emocionais, empatia, resiliência e inteligência emocional.</p>
                </div>

                <div class="differential-card">
                    <div class="differential-icon">⚽</div>
                    <h3>Esporte e Saúde</h3>
                    <p>Quadras poliesportivas, escolinhas de esportes, competições e incentivo à vida saudável e trabalho em equipe.</p>
                </div>

                <div class="differential-card">
                    <div class="differential-icon">✝️</div>
                    <h3>Formação Cristã</h3>
                    <p>Valores cristãos integrados ao dia a dia, formando cidadãos éticos, solidários e comprometidos com o bem comum.</p>
                </div>

                <div class="differential-card">
                    <div class="differential-icon">🏫</div>
                    <h3>Infraestrutura Completa</h3>
                    <p>Salas climatizadas, biblioteca, laboratórios, auditório, áreas verdes e espaços projetados para o melhor aprendizado.</p>
                </div>
            </div>
        </div>
    </section>

    <!-- Pedagogical Section -->
    <section class="pedagogical">
        <div class="container">
            <div class="pedagogical-content">
                <div class="pedagogical-text">
                    <h2 class="section-title" style="color: white; text-align: left;">Proposta Pedagógica</h2>
                    <h3>Excelência Acadêmica e Formação Humana</h3>
                    <p style="margin-bottom: 20px;">Nossa proposta pedagógica une tradição e inovação, focando no desenvolvimento integral do aluno:</p>
                    <ul>
                        <li>Metodologias ativas e participativas</li>
                        <li>Aprendizagem significativa e contextualizada</li>
                        <li>Desenvolvimento do pensamento crítico</li>
                        <li>Formação de valores éticos e cristãos</li>
                        <li>Preparação para os desafios do século XXI</li>
                        <li>Acompanhamento individualizado</li>
                    </ul>
                </div>
                <div class="pedagogical-image">
                    <div style="background: rgba(255,255,255,0.1); padding: 40px; border-radius: 15px; text-align: center;">
                        <h3 style="font-size: 2em; margin-bottom: 20px;">📖</h3>
                        <h4 style="margin-bottom: 15px;">Sistema Anglo de Ensino</h4>
                        <p>Material didático reconhecido nacionalmente, com conteúdo atualizado e alinhado às melhores práticas pedagógicas.</p>
                    </div>
                </div>
            </div>
        </div>
    </section>

    <!-- Testimonials Section -->
    <section class="testimonials">
        <div class="container">
            <h2 class="section-title">O que dizem sobre nós</h2>
            <p class="section-subtitle">Depoimentos de quem faz parte da família Monte Calvário</p>

            <div class="testimonials-grid">
                <div class="testimonial-card">
                    <p class="testimonial-text">"O Monte Calvário foi fundamental na minha formação. Além do excelente preparo acadêmico que me levou à aprovação em Medicina na UFMG, aprendi valores que levo para a vida."</p>
                    <p class="testimonial-author">Maria Eduarda Silva</p>
                    <p class="testimonial-role">Ex-aluna - Medicina UFMG</p>
                </div>

                <div class="testimonial-card">
                    <p class="testimonial-text">"Escolhemos o Monte Calvário pela tradição e pelos valores cristãos. Nossos filhos estão tendo uma educação completa, com excelência acadêmica e formação humana."</p>
                    <p class="testimonial-author">Carlos e Ana Oliveira</p>
                    <p class="testimonial-role">Pais de alunos</p>
                </div>

                <div class="testimonial-card">
                    <p class="testimonial-text">"A estrutura é incrível e os professores são muito dedicados. Me sinto acolhido e motivado a aprender todos os dias. O ambiente é perfeito para estudar e fazer amigos."</p>
                    <p class="testimonial-author">Pedro Henrique Costa</p>
                    <p class="testimonial-role">Aluno do 9º ano</p>
                </div>
            </div>
        </div>
    </section>

    <!-- Enrollment Form Section -->
    <section class="enrollment-form" id="matricula">
        <div class="container">
            <h2 class="section-title">Agende sua Visita</h2>
            <p class="section-subtitle">Venha conhecer nossa estrutura e proposta pedagógica. Preencha o formulário e entraremos em contato.</p>

            <div class="form-container">
                <form action="#" method="POST">
                    <div class="form-group">
                        <label for="nome">Nome Completo *</label>
                        <input type="text" id="nome" name="nome" required>
                    </div>

                    <div class="form-group">
                        <label for="email">E-mail *</label>
                        <input type="email" id="email" name="email" required>
                    </div>

                    <div class="form-group">
                        <label for="telefone">Telefone/WhatsApp *</label>
                        <input type="tel" id="telefone" name="telefone" required>
                    </div>

                    <div class="form-group">
                        <label for="segmento">Segmento de Interesse *</label>
                        <select id="segmento" name="segmento" required>
                            <option value="">Selecione...</option>
                            <option value="infantil">Educação Infantil</option>
                            <option value="fundamental1">Ensino Fundamental I</option>
                            <option value="fundamental2">Ensino Fundamental II</option>
                            <option value="medio">Ensino Médio</option>
                        </select>
                    </div>

                    <div class="form-group">
                        <label for="mensagem">Mensagem (opcional)</label>
                        <textarea id="mensagem" name="mensagem" rows="4"></textarea>
                    </div>

                    <button type="submit" class="submit-button">Enviar Solicitação</button>
                </form>
            </div>
        </div>
    </section>

    <!-- FAQ Section -->
    <section class="faq">
        <div class="container">
            <h2 class="section-title">Perguntas Frequentes</h2>
            <p class="section-subtitle">Tire suas dúvidas sobre o Colégio Monte Calvário</p>

            <div class="faq-container">
                <div class="faq-item">
                    <div class="faq-question">
                        <span>Qual o horário de funcionamento do colégio?</span>
                        <span>+</span>
                    </div>
                    <div class="faq-answer">
                        O colégio funciona em período integral, das 7h às 18h. As aulas regulares ocorrem no período da manhã (7h30 às 12h) ou tarde (13h às 17h30), dependendo do segmento. Oferecemos também período integral com atividades extracurriculares.
                    </div>
                </div>

                <div class="faq-item">
                    <div class="faq-question">
                        <span>O programa bilíngue tem custo adicional?</span>
                        <span>+</span>
                    </div>
                    <div class="faq-answer">
                        Não! O programa bilíngue está integrado à mensalidade regular do colégio, sem custos adicionais. Todos os alunos têm acesso ao ensino de inglês de qualidade desde a Educação Infantil.
                    </div>
                </div>

                <div class="faq-item">
                    <div class="faq-question">
                        <span>Como funciona o processo de matrícula?</span>
                        <span>+</span>
                    </div>
                    <div class="faq-answer">
                        O processo inicia com o agendamento de uma visita, onde você conhecerá nossa estrutura e proposta. Após a visita, realizamos uma avaliação diagnóstica do aluno e, sendo aprovado, procedemos com a matrícula mediante apresentação dos documentos necessários.
                    </div>
                </div>

                <div class="faq-item">
                    <div class="faq-question">
                        <span>Quais atividades extracurriculares são oferecidas?</span>
                        <span>+</span>
                    </div>
                    <div class="faq-answer">
                        Oferecemos diversas atividades: futsal, vôlei, basquete, judô, ballet, teatro, música, robótica, xadrez e reforço escolar. As atividades variam conforme o segmento e podem ter custo adicional.
                    </div>
                </div>

                <div class="faq-item">
                    <div class="faq-question">
                        <span>O colégio oferece transporte escolar?</span>
                        <span>+</span>
                    </div>
                    <div class="faq-answer">
                        Sim, temos parceria com empresas de transporte escolar credenciadas que atendem diversas regiões de Belo Horizonte. Os contatos são fornecidos pela secretaria do colégio.
                    </div>
                </div>

                <div class="faq-item">
                    <div class="faq-question">
                        <span>Como é o acompanhamento pedagógico dos alunos?</span>
                        <span>+</span>
                    </div>
                    <div class="faq-answer">
                        Realizamos acompanhamento individualizado através de avaliações contínuas, reuniões periódicas com pais, plantões pedagógicos e atendimento com coordenação e orientação educacional sempre que necessário.
                    </div>
                </div>

                <div class="faq-item">
                    <div class="faq-question">
                        <span>O colégio tem alguma certificação ou reconhecimento?</span>
                        <span>+</span>
                    </div>
                    <div class="faq-answer">
                        Sim! Somos credenciados pelo MEC, reconhecidos entre os melhores colégios de BH no ENEM, e nosso programa bilíngue possui certificação internacional Cambridge.
                    </div>
                </div>

                <div class="faq-item">
                    <div class="faq-question">
                        <span>Qual o diferencial do Monte Calvário em relação a outros colégios?</span>
                        <span>+</span>
                    </div>
                    <div class="faq-answer">
                        Nossa tradição de mais de 60 anos aliada à inovação pedagógica, formação em valores cristãos, excelência acadêmica comprovada, infraestrutura completa e acompanhamento individualizado fazem do Monte Calvário uma escolha única para a educação dos seus filhos.
                    </div>
                </div>
            </div>
        </div>
    </section>

    <!-- Contact Section -->
    <section class="contact">
        <div class="container">
            <h2 class="section-title" style="color: white;">Entre em Contato</h2>
            <p class="section-subtitle" style="color: rgba(255,255,255,0.9);">Estamos prontos para atendê-lo</p>

            <div class="contact-grid">
                <div class="contact-item">
                    <div class="contact-icon">📍</div>
                    <h3>Endereço</h3>
                    <p>Rua Exemplo, 123<br>Bairro Centro<br>Belo Horizonte - MG<br>CEP: 30000-000</p>
                </div>

                <div class="contact-item">
                    <div class="contact-icon">📞</div>
                    <h3>Telefone</h3>
                    <p><a href="tel:+553112345678">(31) 1234-5678</a></p>
                    <p><a href="https://wa.me/5531987654321" target="_blank">WhatsApp: (31) 98765-4321</a></p>
                </div>

                <div class="contact-item">
                    <div class="contact-icon">✉️</div>
                    <h3>E-mail</h3>
                    <p><a href="/cdn-cgi/l/email-protection#3655595842574259765b5958425355575a4057445f591855595b185444"><span class="__cf_email__" data-cfemail="0764686973667368476a6869736264666b7166756e682964686a296575">[email&#160;protected]</span></a></p>
                    <p><a href="/cdn-cgi/l/email-protection#7506101607100114071c1435181a1b01101614190314071c1a5b161a185b1707"><span class="__cf_email__" data-cfemail="aad9cfc9d8cfdecbd8c3cbeac7c5c4decfc9cbc6dccbd8c3c584c9c5c784c8d8">[email&#160;protected]</span></a></p>
                </div>

                <div class="contact-item">
                    <div class="contact-icon">🕐</div>
                    <h3>Horário de Atendimento</h3>
                    <p>Segunda a Sexta<br>7h às 18h</p>
                    <p>Sábados<br>8h às 12h</p>
                </div>
            </div>

            <div style="text-align: center; margin-top: 40px;">
                <a href="#matricula" class="cta-button">Agende sua Visita Agora</a>
            </div>
        </div>
    </section>

    <!-- Footer -->
    <footer>
        <div class="container">
            <p>&copy; 2025 Colégio Monte Calvário - Todos os direitos reservados</p>
            <p>Educação de Excelência com Valores Cristãos</p>
        </div>
    </footer>

    <script data-cfasync="false" src="/cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></script><script>
        // FAQ Accordion
        document.querySelectorAll('.faq-question').forEach(question => {
            question.addEventListener('click', () => {
                const answer = question.nextElementSibling;
                const isOpen = answer.style.display === 'block';

                // Close all answers
                document.querySelectorAll('.faq-answer').forEach(a => a.style.display = 'none');
                document.querySelectorAll('.faq-question span:last-child').forEach(s => s.textContent = '+');

                // Toggle current answer
                if (!isOpen) {
                    answer.style.display = 'block';
                    question.querySelector('span:last-child').textContent = '−';
                }
            });
        });

        // Smooth scroll
        document.querySelectorAll('a[href^="#"]').forEach(anchor => {
            anchor.addEventListener('click', function (e) {
                e.preventDefault();
                const target = document.querySelector(this.getAttribute('href'));
                if (target) {
                    target.scrollIntoView({ behavior: 'smooth', block: 'start' });
                }
            });
        });
    </script>

</body>
</html>/* End custom CSS */