{"id":2229,"date":"2025-06-05T10:50:20","date_gmt":"2025-06-05T13:50:20","guid":{"rendered":"https:\/\/geracaoatual.com.br\/site\/?page_id=2229"},"modified":"2025-06-07T17:27:43","modified_gmt":"2025-06-07T20:27:43","slug":"ensino-fundamental1","status":"publish","type":"page","link":"https:\/\/geracaoatual.com.br\/site\/ensino-fundamental1\/","title":{"rendered":"Fundamental I"},"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 I - Col\u00e9gio Gera\u00e7\u00e3o Atual<\/title>\n <style>\n \/* Estilos para a p\u00e1gina de Fundamental I - Moderno e Imersivo *\/\n * {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n font-family: 'Montserrat', '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 --amarelo-escuro: #e8b829;\n --azul-claro: #4a90e2;\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(--amarelo-escola), var(--amarelo-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: var(--azul-escola);\n font-size: 4rem;\n font-weight: 800;\n margin-bottom: 20px;\n text-shadow: 2px 2px 0px rgba(255,255,255,0.3);\n }\n\n .banner-principal h2 {\n color: white;\n font-size: 2rem;\n font-weight: 600;\n margin-bottom: 30px;\n text-shadow: 1px 1px 0px rgba(0,0,0,0.2);\n }\n\n .banner-principal p {\n color: var(--azul-escola);\n font-size: 1.2rem;\n max-width: 800px;\n margin: 0 auto;\n font-weight: 500;\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\"><rect width=\"50\" height=\"50\" x=\"0\" y=\"0\" fill=\"%23ffffff\" fill-opacity=\"0.05\"\/><rect width=\"50\" height=\"50\" x=\"50\" y=\"50\" fill=\"%23ffffff\" fill-opacity=\"0.05\"\/><\/svg>');\n background-size: 30px 30px;\n opacity: 0.8;\n }\n\n \/* Formas geom\u00e9tricas no banner *\/\n .forma {\n position: absolute;\n z-index: 1;\n }\n\n .forma-1 {\n top: 20%;\n left: 5%;\n width: 150px;\n height: 150px;\n background-color: rgba(255, 255, 255, 0.1);\n border-radius: 30% 70% 70% 30% \/ 30% 30% 70% 70%;\n animation: morph 8s ease-in-out infinite;\n }\n\n .forma-2 {\n bottom: 15%;\n right: 10%;\n width: 180px;\n height: 180px;\n background-color: rgba(255, 255, 255, 0.1);\n border-radius: 60% 40% 30% 70% \/ 60% 30% 70% 40%;\n animation: morph 8s ease-in-out infinite 1s;\n }\n\n @keyframes morph {\n 0% { border-radius: 30% 70% 70% 30% \/ 30% 30% 70% 70%; }\n 25% { border-radius: 58% 42% 75% 25% \/ 76% 46% 54% 24%; }\n 50% { border-radius: 50% 50% 33% 67% \/ 55% 27% 73% 45%; }\n 75% { border-radius: 33% 67% 58% 42% \/ 63% 68% 32% 37%; }\n 100% { border-radius: 30% 70% 70% 30% \/ 30% 30% 70% 70%; }\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(--amarelo-escola);\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-amarelo {\n color: var(--amarelo-escuro);\n font-weight: 600;\n }\n\n \/* Se\u00e7\u00e3o de abordagem pedag\u00f3gica *\/\n .abordagem {\n margin-bottom: 60px;\n }\n\n .abordagem 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 .abordagem 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(--amarelo-escola);\n border-radius: 10px;\n }\n\n .abordagem-grid {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 30px;\n }\n\n .abordagem-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 transition: all 0.3s ease;\n position: relative;\n overflow: hidden;\n }\n\n .abordagem-item:hover {\n transform: translateY(-10px);\n box-shadow: 0 15px 30px rgba(0,0,0,0.1);\n }\n\n .abordagem-item::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n width: 5px;\n height: 100%;\n background: var(--amarelo-escola);\n }\n\n .abordagem-item h3 {\n color: var(--azul-escola);\n font-size: 1.5rem;\n margin-bottom: 15px;\n display: flex;\n align-items: center;\n }\n\n .abordagem-item h3 i {\n margin-right: 15px;\n font-size: 1.8rem;\n color: var(--amarelo-escola);\n }\n\n .abordagem-item p {\n color: #666;\n font-size: 1rem;\n line-height: 1.6;\n }\n\n \/* Se\u00e7\u00e3o de material did\u00e1tico *\/\n .material {\n background: linear-gradient(45deg, var(--azul-escola), var(--azul-claro));\n border-radius: 15px;\n padding: 60px 50px;\n margin-bottom: 60px;\n color: white;\n position: relative;\n overflow: hidden;\n }\n\n .material-grid {\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 40px;\n align-items: center;\n }\n\n .material-texto h2 {\n font-size: 2.5rem;\n margin-bottom: 30px;\n position: relative;\n display: inline-block;\n }\n\n .material-texto 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 .material-texto p {\n font-size: 1.1rem;\n line-height: 1.8;\n margin-bottom: 20px;\n }\n\n .material-imagem {\n position: relative;\n height: 300px;\n border-radius: 15px;\n overflow: hidden;\n box-shadow: 0 15px 30px rgba(0,0,0,0.2);\n }\n\n .material-imagem img {\n width: 100%;\n height: 100%;\n object-fit: cover;\n }\n\n .material-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.3\"\/><\/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(--amarelo-escola);\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 }\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 .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(--amarelo-escola);\n }\n\n .diferencial-item .icone i {\n font-size: 2rem;\n color: var(--azul-escola);\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(--amarelo-escola);\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(12,91,192,0.8) 0%, rgba(12,91,192,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(--amarelo-escola), var(--amarelo-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: var(--azul-escola);\n font-size: 2.5rem;\n margin-bottom: 20px;\n text-shadow: 1px 1px 0px rgba(255,255,255,0.3);\n }\n\n .cta p {\n color: var(--azul-escola);\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\"><rect width=\"50\" height=\"50\" x=\"0\" y=\"0\" fill=\"%23ffffff\" fill-opacity=\"0.05\"\/><rect width=\"50\" height=\"50\" x=\"50\" y=\"50\" fill=\"%23ffffff\" fill-opacity=\"0.05\"\/><\/svg>');\n background-size: 30px 30px;\n opacity: 0.3;\n }\n\n \/* Responsividade *\/\n @media (max-width: 992px) {\n .abordagem-grid, .diferenciais-grid {\n grid-template-columns: repeat(2, 1fr);\n }\n\n .material-grid {\n grid-template-columns: 1fr;\n gap: 30px;\n }\n\n .material-imagem {\n height: 250px;\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 h2 {\n font-size: 1.5rem;\n }\n\n .introducao, .material {\n padding: 30px;\n }\n\n .abordagem-grid {\n grid-template-columns: 1fr;\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 h2 {\n font-size: 1.2rem;\n }\n\n .introducao h2, .abordagem h2, .material-texto 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=Montserrat: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=\"forma forma-1\"><\/div>\n <div class=\"forma forma-2\"><\/div>\n <div class=\"banner-conteudo\">\n <h1>FUNDAMENTAL I<\/h1>\n <h2>A CONSTRU\u00c7\u00c3O DA BASE<\/h2>\n <p>Desenvolvendo habilidades e compet\u00eancias para toda a vida<\/p>\n <\/div>\n <\/section>\n\n <!-- Se\u00e7\u00e3o de introdu\u00e7\u00e3o -->\n <section class=\"introducao\">\n <h2>A Base do Conhecimento<\/h2>\n <p>A experi\u00eancia para o desenvolvimento da <span class=\"destaque\">habilidade oral e dos processos cognitivos<\/span>, compreensivos e representacionais \u00e9 extensa, fatores importantes para a adequa\u00e7\u00e3o da escrita alfab\u00e9tica e dos sistemas de representa\u00e7\u00e3o s\u00e3o pilares na etapa do fundamental \u2013 anos iniciais.<\/p>\n <p>Outras habilidades, como <span class=\"destaque-amarelo\">signos matem\u00e1ticos, arte, m\u00eddia e registros cient\u00edficos<\/span> e formas de representa\u00e7\u00e3o do tempo e espa\u00e7o tamb\u00e9m tem grande valor nessa etapa.<\/p>\n <p>No col\u00e9gio Gera\u00e7\u00e3o Atual, acreditamos que a <span class=\"destaque\">constru\u00e7\u00e3o do conhecimento deve partir de uma abordagem criativa e prazerosa<\/span>, por isso, utilizamos diversos recursos adaptados \u00e0 faixa et\u00e1ria de cada turma para deixar a rotina de estudos interessante e significativa.<\/p>\n <\/section>\n\n <!-- Se\u00e7\u00e3o de abordagem pedag\u00f3gica -->\n <section class=\"abordagem\">\n <h2>Nossa Abordagem Pedag\u00f3gica<\/h2>\n <div class=\"abordagem-grid\">\n <div class=\"abordagem-item\" data-aos=\"fade-up\">\n <h3><i class=\"fas fa-gamepad\"><\/i> Aprendizado Gamificado<\/h3>\n <p>Utilizamos um estilo de atividade gamificado que incorpora o mundo dos games \u00e0 sala de aula e possibilita o aluno se interessar em responder corretamente cada quest\u00e3o para ganhar pontos, subir de n\u00edvel e ganhar recompensas dentro de uma realidade online.<\/p>\n <\/div>\n <div class=\"abordagem-item\" data-aos=\"fade-up\" data-aos-delay=\"100\">\n <h3><i class=\"fas fa-users\"><\/i> Forma\u00e7\u00e3o Cidad\u00e3<\/h3>\n <p>No processo de forma\u00e7\u00e3o do indiv\u00edduo\/estudante\/cidad\u00e3o (com seus direitos e deveres garantidos), proporcionamos situa\u00e7\u00f5es diversas para o desenvolvimento de atitudes de respeito, responsabilidade, solidariedade com o pr\u00f3ximo e compromisso com suas produ\u00e7\u00f5es.<\/p>\n <\/div>\n <div class=\"abordagem-item\" data-aos=\"fade-up\" data-aos-delay=\"200\">\n <h3><i class=\"fas fa-heart\"><\/i> Ambiente Acolhedor<\/h3>\n <p>Al\u00e9m disso, no Col\u00e9gio Gera\u00e7\u00e3o Atual, prezamos pelo carinho, afeto e cuidado 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.<\/p>\n <\/div>\n <div class=\"abordagem-item\" data-aos=\"fade-up\" data-aos-delay=\"300\">\n <h3><i class=\"fas fa-brain\"><\/i> Desenvolvimento Integral<\/h3>\n <p>Acreditamos em uma forma\u00e7\u00e3o completa, onde os estudantes desenvolvem al\u00e9m dos conhecimentos relacionados ao conte\u00fado, habilidades socioemocionais atrav\u00e9s do programa integrado ao material did\u00e1tico +Atitude, aprendendo a se conhecer melhor e entender seus sentimentos.<\/p>\n <\/div>\n <\/div>\n <\/section>\n\n <!-- Se\u00e7\u00e3o de material did\u00e1tico -->\n <section class=\"material\">\n <div class=\"material-overlay\"><\/div>\n <div class=\"material-grid\">\n <div class=\"material-texto\" data-aos=\"fade-right\">\n <h2>Material Did\u00e1tico Fundamental I<\/h2>\n <p>A Cole\u00e7\u00e3o Lendo o Mundo \u00e9 destinada aos alunos do 1\u00ba ao 5\u00ba ano e contempla as seguintes \u00e1reas do conhecimento: Linguagens, Matem\u00e1tica, Ci\u00eancias da Natureza e Ci\u00eancias Humanas, conforme orienta a Base Nacional Comum Curricular (BNCC) para o Ensino Fundamental \u2013 anos iniciais.<\/p>\n <p>Cada \u00e1rea contribui para o desenvolvimento humano global do aluno e de sua autonomia intelectual ao propor conte\u00fados e atividades que agu\u00e7am a reflex\u00e3o, a an\u00e1lise cr\u00edtica, a apropria\u00e7\u00e3o e a percep\u00e7\u00e3o de diferentes linguagens.<\/p>\n <\/div>\n <div class=\"material-imagem\" data-aos=\"fade-left\">\n <img decoding=\"async\" src=\"urldafoto\" alt=\"Material did\u00e1tico Fundamental I\">\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-chalkboard-teacher\"><\/i>\n <\/div>\n <h3>Equipe Especializada<\/h3>\n <p>Professores especializados em suas \u00e1reas de atua\u00e7\u00e3o, com forma\u00e7\u00e3o continuada e dedica\u00e7\u00e3o exclusiva.<\/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-book\"><\/i>\n <\/div>\n <h3>Material Atualizado<\/h3>\n <p>Material did\u00e1tico atualizado anualmente, garantindo conte\u00fados relevantes e alinhados \u00e0 BNCC.<\/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-laptop\"><\/i>\n <\/div>\n <h3>Tecnologia Integrada<\/h3>\n <p>Parceria com Google For Education para recursos digitais e plataformas de aprendizado online.<\/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-comments\"><\/i>\n <\/div>\n <h3>Comunica\u00e7\u00e3o Eficiente<\/h3>\n <p>Comunica\u00e7\u00e3o di\u00e1ria atrav\u00e9s das agendas e aplicativo, com feedback constante sobre o desenvolvimento do aluno.<\/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-snowflake\"><\/i>\n <\/div>\n <h3>Salas Climatizadas<\/h3>\n <p>Ambiente confort\u00e1vel com salas climatizadas para melhor concentra\u00e7\u00e3o e bem-estar dos alunos.<\/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-shield-alt\"><\/i>\n <\/div>\n <h3>Seguran\u00e7a Total<\/h3>\n <p>C\u00e2meras e alarme monitorado, garantindo a seguran\u00e7a de todos os alunos e colaboradores.<\/p>\n <\/div>\n <\/div>\n <\/section>\n\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 I\">\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 inform\u00e1tica\">\n <div class=\"overlay\">Laborat\u00f3rio de inform\u00e1tica<\/div>\n <\/div>\n <div class=\"galeria-item\" data-aos=\"fade-up\" data-aos-delay=\"200\">\n <img decoding=\"async\" src=\"urldafoto\" alt=\"Sala Google\">\n <div class=\"overlay\">Sala Google para atividades tecnol\u00f3gicas<\/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 I.<\/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-item, .diferencial-item, .galeria-item');\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 I – Col\u00e9gio Gera\u00e7\u00e3o Atual FUNDAMENTAL I A CONSTRU\u00c7\u00c3O DA BASE Desenvolvendo habilidades e compet\u00eancias para toda a vida A Base do Conhecimento A experi\u00eancia para o desenvolvimento da habilidade oral e dos processos cognitivos, compreensivos e representacionais \u00e9 extensa, fatores importantes para a adequa\u00e7\u00e3o da escrita alfab\u00e9tica e dos sistemas de representa\u00e7\u00e3o […]<\/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-2229","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/geracaoatual.com.br\/site\/wp-json\/wp\/v2\/pages\/2229","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=2229"}],"version-history":[{"count":10,"href":"https:\/\/geracaoatual.com.br\/site\/wp-json\/wp\/v2\/pages\/2229\/revisions"}],"predecessor-version":[{"id":2426,"href":"https:\/\/geracaoatual.com.br\/site\/wp-json\/wp\/v2\/pages\/2229\/revisions\/2426"}],"wp:attachment":[{"href":"https:\/\/geracaoatual.com.br\/site\/wp-json\/wp\/v2\/media?parent=2229"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}