{"id":2234,"date":"2025-06-05T10:52:18","date_gmt":"2025-06-05T13:52:18","guid":{"rendered":"https:\/\/geracaoatual.com.br\/site\/?page_id=2234"},"modified":"2025-06-07T17:31:36","modified_gmt":"2025-06-07T20:31:36","slug":"ensino-fundamental2","status":"publish","type":"page","link":"https:\/\/geracaoatual.com.br\/site\/ensino-fundamental2\/","title":{"rendered":"Fundamental II"},"content":{"rendered":"\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\n\n\n \n \n Ensino Fundamental II - Col\u00e9gio Gera\u00e7\u00e3o Atual<\/title>\n <style>\n \/* Estilos para a p\u00e1gina de Fundamental II - Moderno e Imersivo *\/\n * {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n font-family: 'Poppins', 'Roboto', sans-serif;\n }\n\n body {\n background: linear-gradient(135deg, #f9f9f9 0%, #f5f5f5 100%);\n overflow-x: hidden;\n color: #333;\n }\n\n .container {\n max-width: 1200px;\n margin: 0 auto;\n padding: 20px;\n }\n\n \/* Cores principais *\/\n :root {\n --azul-escola: #0c5bc0;\n --amarelo-escola: #fcd332;\n --vermelho-fundamental: #e74c3c;\n --vermelho-escuro: #c0392b;\n --cinza-claro: #f5f5f5;\n }\n\n \/* Se\u00e7\u00e3o de banner principal *\/\n .banner-principal {\n position: relative;\n height: 500px;\n background: linear-gradient(45deg, var(--vermelho-fundamental), var(--vermelho-escuro));\n border-radius: 15px;\n overflow: hidden;\n margin-bottom: 60px;\n box-shadow: 0 15px 30px rgba(0,0,0,0.1);\n display: flex;\n align-items: center;\n justify-content: center;\n }\n\n .banner-conteudo {\n position: relative;\n z-index: 2;\n text-align: center;\n padding: 0 20px;\n }\n\n .banner-principal h1 {\n color: white;\n font-size: 4rem;\n font-weight: 800;\n margin-bottom: 20px;\n text-shadow: 2px 2px 0px rgba(0,0,0,0.2);\n }\n\n .banner-principal p {\n color: white;\n font-size: 1.5rem;\n max-width: 800px;\n margin: 0 auto;\n font-weight: 500;\n text-shadow: 1px 1px 0px rgba(0,0,0,0.2);\n }\n\n .banner-overlay {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background: url('data:image\/svg+xml;utf8,<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"100\" height=\"100\" viewBox=\"0 0 100 100\"><polygon points=\"0,0 100,0 50,100\" fill=\"%23ffffff\" fill-opacity=\"0.03\"\/><polygon points=\"0,100 100,100 50,0\" fill=\"%23ffffff\" fill-opacity=\"0.03\"\/><\/svg>');\n background-size: 50px 50px;\n opacity: 0.8;\n }\n\n \/* Elementos geom\u00e9tricos no banner *\/\n .elemento {\n position: absolute;\n z-index: 1;\n }\n\n .elemento-1 {\n top: 20%;\n left: 5%;\n width: 100px;\n height: 100px;\n border: 3px solid rgba(255, 255, 255, 0.2);\n border-radius: 50%;\n animation: pulsar 4s ease-in-out infinite;\n }\n\n .elemento-2 {\n bottom: 15%;\n right: 10%;\n width: 150px;\n height: 150px;\n border: 3px solid rgba(255, 255, 255, 0.2);\n border-radius: 50%;\n animation: pulsar 4s ease-in-out infinite 1s;\n }\n\n .elemento-3 {\n top: 40%;\n right: 20%;\n width: 70px;\n height: 70px;\n border: 3px solid rgba(255, 255, 255, 0.2);\n border-radius: 50%;\n animation: pulsar 4s ease-in-out infinite 2s;\n }\n\n @keyframes pulsar {\n 0% { transform: scale(1); opacity: 0.5; }\n 50% { transform: scale(1.2); opacity: 0.8; }\n 100% { transform: scale(1); opacity: 0.5; }\n }\n\n \/* Se\u00e7\u00e3o de introdu\u00e7\u00e3o *\/\n .introducao {\n background-color: white;\n border-radius: 15px;\n padding: 50px;\n margin-bottom: 60px;\n box-shadow: 0 10px 20px rgba(0,0,0,0.05);\n position: relative;\n overflow: hidden;\n }\n\n .introducao h2 {\n color: var(--azul-escola);\n font-size: 2.5rem;\n margin-bottom: 30px;\n position: relative;\n display: inline-block;\n }\n\n .introducao h2::after {\n content: '';\n position: absolute;\n bottom: -10px;\n left: 0;\n width: 80px;\n height: 5px;\n background: var(--vermelho-fundamental);\n border-radius: 10px;\n }\n\n .introducao p {\n color: #555;\n font-size: 1.1rem;\n line-height: 1.8;\n margin-bottom: 20px;\n }\n\n .destaque {\n color: var(--azul-escola);\n font-weight: 600;\n }\n\n .destaque-vermelho {\n color: var(--vermelho-fundamental);\n font-weight: 600;\n }\n\n \/* Se\u00e7\u00e3o de sistema de ensino *\/\n .sistema-ensino {\n margin-bottom: 60px;\n }\n\n .sistema-ensino h2 {\n color: var(--azul-escola);\n font-size: 2.5rem;\n text-align: center;\n margin-bottom: 50px;\n position: relative;\n }\n\n .sistema-ensino h2::after {\n content: '';\n position: absolute;\n bottom: -15px;\n left: 50%;\n transform: translateX(-50%);\n width: 100px;\n height: 5px;\n background: var(--vermelho-fundamental);\n border-radius: 10px;\n }\n\n .sistema-grid {\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 40px;\n align-items: center;\n }\n\n .sistema-texto {\n background-color: white;\n border-radius: 15px;\n padding: 40px;\n box-shadow: 0 10px 20px rgba(0,0,0,0.05);\n }\n\n .sistema-texto h3 {\n color: var(--azul-escola);\n font-size: 1.8rem;\n margin-bottom: 20px;\n }\n\n .sistema-texto p {\n color: #555;\n font-size: 1.1rem;\n line-height: 1.8;\n margin-bottom: 20px;\n }\n\n .sistema-video {\n position: relative;\n height: 0;\n padding-bottom: 56.25%; \/* 16:9 Aspect Ratio *\/\n border-radius: 15px;\n overflow: hidden;\n box-shadow: 0 15px 30px rgba(0,0,0,0.1);\n }\n\n .sistema-video iframe {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n border: none;\n }\n\n \/* Se\u00e7\u00e3o de abordagem pedag\u00f3gica *\/\n .abordagem {\n background: linear-gradient(45deg, var(--azul-escola), #4a90e2);\n border-radius: 15px;\n padding: 60px 50px;\n margin-bottom: 60px;\n color: white;\n position: relative;\n overflow: hidden;\n }\n\n .abordagem h2 {\n font-size: 2.5rem;\n margin-bottom: 40px;\n position: relative;\n display: inline-block;\n }\n\n .abordagem h2::after {\n content: '';\n position: absolute;\n bottom: -10px;\n left: 0;\n width: 80px;\n height: 5px;\n background: var(--amarelo-escola);\n border-radius: 10px;\n }\n\n .abordagem-cards {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 30px;\n }\n\n .abordagem-card {\n background-color: rgba(255, 255, 255, 0.1);\n border-radius: 15px;\n padding: 30px;\n transition: all 0.3s ease;\n backdrop-filter: blur(5px);\n }\n\n .abordagem-card:hover {\n transform: translateY(-10px);\n background-color: rgba(255, 255, 255, 0.2);\n }\n\n .abordagem-card h3 {\n font-size: 1.5rem;\n margin-bottom: 15px;\n display: flex;\n align-items: center;\n }\n\n .abordagem-card h3 i {\n margin-right: 15px;\n font-size: 1.8rem;\n color: var(--amarelo-escola);\n }\n\n .abordagem-card p {\n font-size: 1rem;\n line-height: 1.6;\n color: rgba(255, 255, 255, 0.9);\n }\n\n .abordagem-overlay {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background: url('data:image\/svg+xml;utf8,<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 20 20\"><circle cx=\"10\" cy=\"10\" r=\"1\" fill=\"%23ffffff\" fill-opacity=\"0.1\"\/><\/svg>');\n background-size: 20px 20px;\n opacity: 0.3;\n }\n\n \/* Se\u00e7\u00e3o de diferenciais *\/\n .diferenciais {\n margin-bottom: 60px;\n }\n\n .diferenciais h2 {\n color: var(--azul-escola);\n font-size: 2.5rem;\n text-align: center;\n margin-bottom: 50px;\n position: relative;\n }\n\n .diferenciais h2::after {\n content: '';\n position: absolute;\n bottom: -15px;\n left: 50%;\n transform: translateX(-50%);\n width: 100px;\n height: 5px;\n background: var(--vermelho-fundamental);\n border-radius: 10px;\n }\n\n .diferenciais-grid {\n display: grid;\n grid-template-columns: repeat(3, 1fr);\n gap: 30px;\n }\n\n .diferencial-item {\n background-color: white;\n border-radius: 15px;\n padding: 30px;\n box-shadow: 0 10px 20px rgba(0,0,0,0.05);\n text-align: center;\n transition: all 0.3s ease;\n position: relative;\n overflow: hidden;\n }\n\n .diferencial-item::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 5px;\n background: var(--vermelho-fundamental);\n transition: all 0.3s ease;\n }\n\n .diferencial-item:hover {\n transform: translateY(-10px);\n box-shadow: 0 15px 30px rgba(0,0,0,0.1);\n }\n\n .diferencial-item:hover::before {\n height: 10px;\n }\n\n .diferencial-item .icone {\n width: 80px;\n height: 80px;\n background-color: var(--cinza-claro);\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n margin: 0 auto 20px;\n transition: all 0.3s ease;\n }\n\n .diferencial-item:hover .icone {\n background-color: var(--vermelho-fundamental);\n }\n\n .diferencial-item .icone i {\n font-size: 2rem;\n color: var(--azul-escola);\n transition: all 0.3s ease;\n }\n\n .diferencial-item:hover .icone i {\n color: white;\n }\n\n .diferencial-item h3 {\n color: var(--azul-escola);\n font-size: 1.3rem;\n margin-bottom: 15px;\n }\n\n .diferencial-item p {\n color: #666;\n font-size: 0.95rem;\n line-height: 1.6;\n }\n\n \/* Galeria de fotos *\/\n .galeria {\n margin-bottom: 60px;\n }\n\n .galeria h2 {\n color: var(--azul-escola);\n font-size: 2.5rem;\n text-align: center;\n margin-bottom: 50px;\n position: relative;\n }\n\n .galeria h2::after {\n content: '';\n position: absolute;\n bottom: -15px;\n left: 50%;\n transform: translateX(-50%);\n width: 100px;\n height: 5px;\n background: var(--vermelho-fundamental);\n border-radius: 10px;\n }\n\n .galeria-container {\n display: grid;\n grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));\n gap: 20px;\n }\n\n .galeria-item {\n height: 250px;\n border-radius: 15px;\n overflow: hidden;\n position: relative;\n cursor: pointer;\n transition: all 0.3s ease;\n }\n\n .galeria-item:hover {\n transform: scale(1.03);\n box-shadow: 0 15px 25px rgba(0,0,0,0.2);\n }\n\n .galeria-item img {\n width: 100%;\n height: 100%;\n object-fit: cover;\n transition: all 0.5s ease;\n }\n\n .galeria-item:hover img {\n transform: scale(1.1);\n }\n\n .galeria-item .overlay {\n position: absolute;\n bottom: 0;\n left: 0;\n right: 0;\n background: linear-gradient(0deg, rgba(231,76,60,0.8) 0%, rgba(231,76,60,0) 100%);\n padding: 20px;\n color: white;\n opacity: 0;\n transition: all 0.3s ease;\n }\n\n .galeria-item:hover .overlay {\n opacity: 1;\n }\n\n \/* Se\u00e7\u00e3o de chamada para a\u00e7\u00e3o *\/\n .cta {\n background: linear-gradient(45deg, var(--vermelho-fundamental), var(--vermelho-escuro));\n border-radius: 15px;\n padding: 60px 40px;\n text-align: center;\n margin-bottom: 60px;\n position: relative;\n overflow: hidden;\n }\n\n .cta h2 {\n color: white;\n font-size: 2.5rem;\n margin-bottom: 20px;\n text-shadow: 1px 1px 0px rgba(0,0,0,0.2);\n }\n\n .cta p {\n color: white;\n font-size: 1.2rem;\n max-width: 700px;\n margin: 0 auto 30px;\n font-weight: 500;\n }\n\n .botao-whatsapp {\n display: inline-block;\n background-color: var(--azul-escola);\n color: white;\n font-size: 1.2rem;\n font-weight: bold;\n padding: 15px 30px;\n border-radius: 50px;\n text-decoration: none;\n transition: all 0.3s ease;\n box-shadow: 0 10px 20px rgba(0,0,0,0.1);\n }\n\n .botao-whatsapp:hover {\n transform: translateY(-5px);\n box-shadow: 0 15px 25px rgba(0,0,0,0.2);\n background-color: #0a4da3;\n }\n\n .botao-whatsapp i {\n margin-right: 10px;\n }\n\n .cta-overlay {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background: url('data:image\/svg+xml;utf8,<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"100\" height=\"100\" viewBox=\"0 0 100 100\"><polygon points=\"0,0 100,0 50,100\" fill=\"%23ffffff\" fill-opacity=\"0.03\"\/><polygon points=\"0,100 100,100 50,0\" fill=\"%23ffffff\" fill-opacity=\"0.03\"\/><\/svg>');\n background-size: 50px 50px;\n opacity: 0.3;\n }\n\n \/* Responsividade *\/\n @media (max-width: 992px) {\n .sistema-grid, .abordagem-cards {\n grid-template-columns: 1fr;\n gap: 30px;\n }\n\n .diferenciais-grid {\n grid-template-columns: repeat(2, 1fr);\n }\n }\n\n @media (max-width: 768px) {\n .banner-principal {\n height: 400px;\n }\n\n .banner-principal h1 {\n font-size: 3rem;\n }\n\n .banner-principal p {\n font-size: 1.2rem;\n }\n\n .introducao, .sistema-texto, .abordagem {\n padding: 30px;\n }\n\n .diferenciais-grid {\n grid-template-columns: repeat(2, 1fr);\n }\n }\n\n @media (max-width: 576px) {\n .banner-principal {\n height: 350px;\n }\n\n .banner-principal h1 {\n font-size: 2.5rem;\n }\n\n .banner-principal p {\n font-size: 1.1rem;\n }\n\n .introducao h2, .sistema-ensino h2, .abordagem h2, .diferenciais h2, .galeria h2, .cta h2 {\n font-size: 2rem;\n }\n\n .diferenciais-grid {\n grid-template-columns: 1fr;\n }\n\n .galeria-container {\n grid-template-columns: 1fr;\n }\n }\n <\/style>\n <!-- Fontes do Google -->\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@400;500;600;700;800&family=Roboto:wght@400;500;700&display=swap\" rel=\"stylesheet\">\n <!-- Font Awesome para \u00edcones -->\n <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.0.0-beta3\/css\/all.min.css\">\n<\/head>\n<body>\n <div class=\"container\">\n <!-- Banner principal -->\n <section class=\"banner-principal\">\n <div class=\"banner-overlay\"><\/div>\n <div class=\"elemento elemento-1\"><\/div>\n <div class=\"elemento elemento-2\"><\/div>\n <div class=\"elemento elemento-3\"><\/div>\n <div class=\"banner-conteudo\">\n <h1>ENSINO FUNDAMENTAL II<\/h1>\n <p>Construindo um aprender valioso e completo<\/p>\n <\/div>\n <\/section>\n\n <!-- Se\u00e7\u00e3o de introdu\u00e7\u00e3o -->\n <section class=\"introducao\">\n <h2>Forma\u00e7\u00e3o Completa<\/h2>\n <p>Com materiais que abordam o aprendizado de maneira <span class=\"destaque-vermelho\">l\u00fadica, tecnol\u00f3gica e inovadora<\/span>, garantimos o engajamento dos estudantes em cada cap\u00edtulo de cada disciplina <span class=\"destaque\">construindo um aprender valioso e completo<\/span>.<\/p>\n <p>Al\u00e9m disso, no Col\u00e9gio Gera\u00e7\u00e3o Atual, prezamos pelo <span class=\"destaque-vermelho\">carinho, afeto e cuidado<\/span> com cada detalhe que envolve a rotina do estudante conhecendo-o pelo nome e pela sua personalidade para garantir que o aluno sinta-se abra\u00e7ado(a) e que a nossa escola seja um ambiente prazeroso e especial ao qual o aluno goste de frequentar.<\/p>\n <p>Acreditamos em uma forma\u00e7\u00e3o completa, onde os estudantes desenvolvem al\u00e9m dos conhecimentos relacionados ao conte\u00fado, <span class=\"destaque\">habilidades socioemocionais<\/span> atrav\u00e9s do programa integrado ao material did\u00e1tico <span class=\"destaque-vermelho\">+Atitude<\/span> aprendendo a se conhecer melhor e por consequ\u00eancia entender melhor os seus sentimentos bem como adquirir compet\u00eancias fundamentais para um cidad\u00e3o exemplar.<\/p>\n <\/section>\n \n <!-- Chamada para a\u00e7\u00e3o -->\n <section class=\"cta\">\n <div class=\"cta-overlay\"><\/div>\n <h2>Matr\u00edculas Abertas!<\/h2>\n <p>Entre em contato e agende uma visita para conhecer o Col\u00e9gio Gera\u00e7\u00e3o Atual e nossa proposta pedag\u00f3gica para o Ensino Fundamental II.<\/p>\n <a href=\"https:\/\/wa.me\/5581997274342\" class=\"botao-whatsapp\"><i class=\"fab fa-whatsapp\"><\/i> Agendar Visita pelo WhatsApp<\/a>\n <\/section>\n <!-- Se\u00e7\u00e3o de sistema de ensino -->\n <section class=\"sistema-ensino\">\n <h2>Plataforma de Ensino ARI de S\u00c1<\/h2>\n <div class=\"sistema-grid\">\n <div class=\"sistema-texto\" data-aos=\"fade-right\">\n <h3>Excel\u00eancia Acad\u00eamica<\/h3>\n <p>O col\u00e9gio Ari de S\u00e1 \u00e9 um dos top 5 col\u00e9gios do Brasil e que possui uma linha pedag\u00f3gica de excel\u00eancia garantindo um alto rendimento do estudante em todo o processo acad\u00eamico.<\/p>\n <p>No col\u00e9gio Gera\u00e7\u00e3o Atual, utilizamos a mesma did\u00e1tica e os mesmos materiais did\u00e1ticos que s\u00e3o atualizados a cada 6 meses garantindo conte\u00fados atuais e relevantes (Evitando a utiliza\u00e7\u00e3o de livros did\u00e1ticos de editoras que s\u00e3o atualizados a cada 4 ou 5 anos).<\/p>\n <p>Al\u00e9m de conte\u00fados atualizados, o Sistema Ari de S\u00e1 (SAS) aborda todos os conte\u00fados da grade curricular de maneira investigativa e gamificada com a ajuda de um portal online integrado aos livros possibilitando uma conex\u00e3o real e sincronizada entre o material f\u00edsico e digital.<\/p>\n <\/div>\n <div class=\"sistema-video\" data-aos=\"fade-left\">\n <iframe width=\"560\" height=\"315\" src=\"https:\/\/www.youtube.com\/embed\/VIDEO_ID\" title=\"Conhe\u00e7a a Plataforma de Ensino ARI de S\u00c1\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\" allowfullscreen><\/iframe>\n <\/div>\n <\/div>\n <\/section>\n\n <!-- Se\u00e7\u00e3o de abordagem pedag\u00f3gica -->\n <section class=\"abordagem\">\n <div class=\"abordagem-overlay\"><\/div>\n <h2>Nossa Abordagem Pedag\u00f3gica<\/h2>\n <div class=\"abordagem-cards\">\n <div class=\"abordagem-card\" data-aos=\"fade-up\">\n <h3><i class=\"fas fa-brain\"><\/i> Desenvolvimento Cognitivo<\/h3>\n <p>Estimulamos o desenvolvimento das habilidades cognitivas atrav\u00e9s de atividades desafiadoras e projetos interdisciplinares que promovem o pensamento cr\u00edtico e a resolu\u00e7\u00e3o de problemas.<\/p>\n <\/div>\n <div class=\"abordagem-card\" data-aos=\"fade-up\" data-aos-delay=\"100\">\n <h3><i class=\"fas fa-laptop-code\"><\/i> Tecnologia Integrada<\/h3>\n <p>Integramos recursos tecnol\u00f3gicos ao processo de aprendizagem, preparando os alunos para os desafios do mundo digital e desenvolvendo compet\u00eancias essenciais para o futuro.<\/p>\n <\/div>\n <div class=\"abordagem-card\" data-aos=\"fade-up\" data-aos-delay=\"200\">\n <h3><i class=\"fas fa-users\"><\/i> Habilidades Socioemocionais<\/h3>\n <p>Trabalhamos o desenvolvimento de habilidades socioemocionais atrav\u00e9s do programa +Atitude, promovendo a empatia, resili\u00eancia, colabora\u00e7\u00e3o e autoconhecimento.<\/p>\n <\/div>\n <div class=\"abordagem-card\" data-aos=\"fade-up\" data-aos-delay=\"300\">\n <h3><i class=\"fas fa-chart-line\"><\/i> Avalia\u00e7\u00e3o Cont\u00ednua<\/h3>\n <p>Realizamos avalia\u00e7\u00f5es cont\u00ednuas e diversificadas, identificando potencialidades e necessidades de cada aluno para personalizar o processo de aprendizagem.<\/p>\n <\/div>\n <\/div>\n <\/section>\n\n <!-- Se\u00e7\u00e3o de diferenciais -->\n <section class=\"diferenciais\">\n <h2>Nossos Diferenciais<\/h2>\n <div class=\"diferenciais-grid\">\n <div class=\"diferencial-item\" data-aos=\"zoom-in\">\n <div class=\"icone\">\n <i class=\"fas fa-book-reader\"><\/i>\n <\/div>\n <h3>Material Atualizado<\/h3>\n <p>Material did\u00e1tico atualizado a cada 6 meses, garantindo conte\u00fados relevantes e atuais.<\/p>\n <\/div>\n <div class=\"diferencial-item\" data-aos=\"zoom-in\" data-aos-delay=\"100\">\n <div class=\"icone\">\n <i class=\"fas fa-globe\"><\/i>\n <\/div>\n <h3>Portal Online<\/h3>\n <p>Acesso a portal online integrado aos livros f\u00edsicos, com recursos digitais exclusivos.<\/p>\n <\/div>\n <div class=\"diferencial-item\" data-aos=\"zoom-in\" data-aos-delay=\"200\">\n <div class=\"icone\">\n <i class=\"fas fa-gamepad\"><\/i>\n <\/div>\n <h3>Gamifica\u00e7\u00e3o<\/h3>\n <p>Abordagem gamificada que torna o aprendizado mais engajador e motivador.<\/p>\n <\/div>\n <div class=\"diferencial-item\" data-aos=\"zoom-in\" data-aos-delay=\"300\">\n <div class=\"icone\">\n <i class=\"fas fa-chalkboard-teacher\"><\/i>\n <\/div>\n <h3>Professores Especializados<\/h3>\n <p>Equipe docente especializada em suas \u00e1reas de conhecimento.<\/p>\n <\/div>\n <div class=\"diferencial-item\" data-aos=\"zoom-in\" data-aos-delay=\"400\">\n <div class=\"icone\">\n <i class=\"fas fa-heart\"><\/i>\n <\/div>\n <h3>Acolhimento<\/h3>\n <p>Ambiente acolhedor onde cada aluno \u00e9 conhecido pelo nome e personalidade.<\/p>\n <\/div>\n <div class=\"diferencial-item\" data-aos=\"zoom-in\" data-aos-delay=\"500\">\n <div class=\"icone\">\n <i class=\"fas fa-medal\"><\/i>\n <\/div>\n <h3>Prepara\u00e7\u00e3o para Olimp\u00edadas<\/h3>\n <p>Prepara\u00e7\u00e3o especial para olimp\u00edadas de conhecimento nacionais e internacionais.<\/p>\n <\/div>\n <\/div>\n <\/section>\n<!-- Item de v\u00eddeo -->\n <div class=\"galeria-item\" data-aos=\"fade-up\" data-aos-delay=\"400\">\n <iframe width=\"100%\" height=\"100%\" \n src=\"https:\/\/www.youtube.com\/embed\/ID_DO_VIDEO\" \n title=\"Conhe\u00e7a Nossa Escola\" \n frameborder=\"0\" \n allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\" \n allowfullscreen>\n <\/iframe>\n <div class=\"overlay\">Assista e conhe\u00e7a nossa escola<\/div>\n <\/div>\n\n <\/div>\n<\/section>\n <!-- Galeria de fotos -->\n <section class=\"galeria\">\n <h2>Conhe\u00e7a Nossa Estrutura<\/h2>\n <div class=\"galeria-container\">\n <div class=\"galeria-item\" data-aos=\"fade-up\">\n <img decoding=\"async\" src=\"urldafoto\" alt=\"Sala de aula Fundamental II\">\n <div class=\"overlay\">Salas de aula modernas e equipadas<\/div>\n <\/div>\n <div class=\"galeria-item\" data-aos=\"fade-up\" data-aos-delay=\"100\">\n <img decoding=\"async\" src=\"urldafoto\" alt=\"Laborat\u00f3rio de ci\u00eancias\">\n <div class=\"overlay\">Laborat\u00f3rio de ci\u00eancias<\/div>\n <\/div>\n <div class=\"galeria-item\" data-aos=\"fade-up\" data-aos-delay=\"200\">\n <img decoding=\"async\" src=\"urldafoto\" alt=\"Biblioteca\">\n <div class=\"overlay\">Biblioteca com acervo diversificado<\/div>\n <\/div>\n <div class=\"galeria-item\" data-aos=\"fade-up\" data-aos-delay=\"300\">\n <img decoding=\"async\" src=\"urldafoto\" alt=\"Quadra poliesportiva\">\n <div class=\"overlay\">Quadra poliesportiva<\/div>\n <\/div>\n <\/div>\n <\/section>\n\n <!-- Chamada para a\u00e7\u00e3o -->\n <section class=\"cta\">\n <div class=\"cta-overlay\"><\/div>\n <h2>Matr\u00edculas Abertas!<\/h2>\n <p>Entre em contato e agende uma visita para conhecer o Col\u00e9gio Gera\u00e7\u00e3o Atual e nossa proposta pedag\u00f3gica para o Ensino Fundamental II.<\/p>\n <a href=\"https:\/\/wa.me\/5581997274342\" class=\"botao-whatsapp\"><i class=\"fab fa-whatsapp\"><\/i> Agendar Visita pelo WhatsApp<\/a>\n <\/section>\n <\/div>\n\n <script>\n \/\/ Script para anima\u00e7\u00f5es de entrada\n document.addEventListener('DOMContentLoaded', function() {\n \/\/ Fun\u00e7\u00e3o para verificar se elemento est\u00e1 vis\u00edvel na tela\n function isElementInViewport(el) {\n const rect = el.getBoundingClientRect();\n return (\n rect.top >= 0 &&\n rect.left >= 0 &&\n rect.bottom <= (window.innerHeight || document.documentElement.clientHeight) &&\n rect.right <= (window.innerWidth || document.documentElement.clientWidth)\n );\n }\n\n \/\/ Elementos para animar\n const animatedElements = document.querySelectorAll('.abordagem-card, .diferencial-item, .galeria-item, .sistema-texto, .sistema-video');\n \n \/\/ Adiciona classe inicial\n animatedElements.forEach(element => {\n element.style.opacity = '0';\n element.style.transform = 'translateY(30px)';\n element.style.transition = 'opacity 0.6s ease, transform 0.6s ease';\n });\n \n \/\/ Fun\u00e7\u00e3o para animar elementos vis\u00edveis\n function animateOnScroll() {\n animatedElements.forEach(element => {\n if (isElementInViewport(element) && element.style.opacity === '0') {\n setTimeout(() => {\n element.style.opacity = '1';\n element.style.transform = 'translateY(0)';\n }, 100);\n }\n });\n }\n \n \/\/ Executa anima\u00e7\u00e3o inicial e adiciona evento de scroll\n animateOnScroll();\n window.addEventListener('scroll', animateOnScroll);\n });\n <\/script>\n<\/body>\n<\/html>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Ensino Fundamental II – Col\u00e9gio Gera\u00e7\u00e3o Atual ENSINO FUNDAMENTAL II Construindo um aprender valioso e completo Forma\u00e7\u00e3o Completa Com materiais que abordam o aprendizado de maneira l\u00fadica, tecnol\u00f3gica e inovadora, garantimos o engajamento dos estudantes em cada cap\u00edtulo de cada disciplina construindo um aprender valioso e completo. Al\u00e9m disso, no Col\u00e9gio Gera\u00e7\u00e3o Atual, prezamos pelo […]<\/p>\n","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_joinchat":[],"footnotes":""},"class_list":["post-2234","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/geracaoatual.com.br\/site\/wp-json\/wp\/v2\/pages\/2234","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/geracaoatual.com.br\/site\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/geracaoatual.com.br\/site\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/geracaoatual.com.br\/site\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/geracaoatual.com.br\/site\/wp-json\/wp\/v2\/comments?post=2234"}],"version-history":[{"count":16,"href":"https:\/\/geracaoatual.com.br\/site\/wp-json\/wp\/v2\/pages\/2234\/revisions"}],"predecessor-version":[{"id":2431,"href":"https:\/\/geracaoatual.com.br\/site\/wp-json\/wp\/v2\/pages\/2234\/revisions\/2431"}],"wp:attachment":[{"href":"https:\/\/geracaoatual.com.br\/site\/wp-json\/wp\/v2\/media?parent=2234"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}