{"id":2289,"date":"2025-06-05T12:49:02","date_gmt":"2025-06-05T15:49:02","guid":{"rendered":"https:\/\/geracaoatual.com.br\/site\/?page_id=2289"},"modified":"2025-06-07T17:24:34","modified_gmt":"2025-06-07T20:24:34","slug":"blog","status":"publish","type":"page","link":"https:\/\/geracaoatual.com.br\/site\/blog\/","title":{"rendered":"Blog"},"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 Blog - Col\u00e9gio Gera\u00e7\u00e3o Atual<\/title>\n <style>\n \/* Estilos para a p\u00e1gina de Blog - 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 --azul-claro: #4a90e2;\n --cinza-claro: #f5f5f5;\n --cinza-medio: #e0e0e0;\n }\n\n \/* Se\u00e7\u00e3o de banner principal *\/\n .banner-principal {\n position: relative;\n height: 500px;\n background: linear-gradient(45deg, var(--azul-escola), var(--azul-claro));\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: var(--amarelo-escola);\n font-size: 1.8rem;\n max-width: 800px;\n margin: 0 auto;\n font-weight: 600;\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\"><rect width=\"100\" height=\"100\" fill=\"%23ffffff\" fill-opacity=\"0.03\"\/><path d=\"M0 50 L100 50\" stroke=\"%23ffffff\" stroke-opacity=\"0.05\" stroke-width=\"1\"\/><path d=\"M50 0 L50 100\" stroke=\"%23ffffff\" stroke-opacity=\"0.05\" stroke-width=\"1\"\/><\/svg>');\n background-size: 30px 30px;\n opacity: 0.8;\n }\n\n \/* Elementos decorativos no banner *\/\n .decorativo {\n position: absolute;\n z-index: 1;\n }\n\n .decorativo-1 {\n top: 20%;\n left: 5%;\n width: 150px;\n height: 150px;\n opacity: 0.1;\n background-image: url('data:image\/svg+xml;utf8,<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"150\" height=\"150\" viewBox=\"0 0 150 150\"><path d=\"M75,20 L100,50 L75,80 L50,50 Z\" stroke=\"%23ffffff\" stroke-width=\"3\" fill=\"none\"\/><path d=\"M75,40 L90,60 L75,80 L60,60 Z\" stroke=\"%23ffffff\" stroke-width=\"2\" fill=\"none\"\/><\/svg>');\n animation: girar 20s linear infinite;\n }\n\n .decorativo-2 {\n bottom: 10%;\n right: 5%;\n width: 120px;\n height: 120px;\n opacity: 0.1;\n background-image: url('data:image\/svg+xml;utf8,<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"120\" height=\"120\" viewBox=\"0 0 120 120\"><circle cx=\"60\" cy=\"60\" r=\"50\" stroke=\"%23ffffff\" stroke-width=\"3\" fill=\"none\"\/><circle cx=\"60\" cy=\"60\" r=\"30\" stroke=\"%23ffffff\" stroke-width=\"2\" fill=\"none\"\/><\/svg>');\n animation: pulsar 6s ease-in-out infinite;\n }\n\n @keyframes girar {\n 0% { transform: rotate(0deg); }\n 100% { transform: rotate(360deg); }\n }\n\n @keyframes pulsar {\n 0% { transform: scale(1); opacity: 0.1; }\n 50% { transform: scale(1.2); opacity: 0.2; }\n 100% { transform: scale(1); opacity: 0.1; }\n }\n\n \/* Se\u00e7\u00e3o de categorias *\/\n .categorias {\n margin-bottom: 40px;\n }\n\n .categorias-container {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 15px;\n }\n\n .categoria-item {\n padding: 10px 20px;\n background-color: white;\n border-radius: 30px;\n cursor: pointer;\n transition: all 0.3s ease;\n box-shadow: 0 5px 15px rgba(0,0,0,0.05);\n font-weight: 600;\n color: var(--azul-escola);\n }\n\n .categoria-item.ativo {\n background-color: var(--azul-escola);\n color: white;\n }\n\n .categoria-item:hover {\n transform: translateY(-3px);\n box-shadow: 0 8px 20px rgba(0,0,0,0.1);\n }\n\n \/* Se\u00e7\u00e3o de pesquisa *\/\n .pesquisa {\n margin-bottom: 60px;\n text-align: center;\n }\n\n .pesquisa-container {\n display: flex;\n max-width: 600px;\n margin: 0 auto;\n box-shadow: 0 10px 20px rgba(0,0,0,0.05);\n border-radius: 50px;\n overflow: hidden;\n }\n\n .pesquisa-input {\n flex: 1;\n padding: 15px 25px;\n border: none;\n outline: none;\n font-size: 1rem;\n }\n\n .pesquisa-botao {\n background-color: var(--azul-escola);\n color: white;\n border: none;\n padding: 15px 30px;\n cursor: pointer;\n font-weight: 600;\n transition: all 0.3s ease;\n }\n\n .pesquisa-botao:hover {\n background-color: #094a9e;\n }\n\n \/* Se\u00e7\u00e3o de posts em destaque *\/\n .posts-destaque {\n margin-bottom: 60px;\n }\n\n .posts-destaque 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 .posts-destaque 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 .destaque-grid {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 30px;\n }\n\n .destaque-item {\n background-color: white;\n border-radius: 15px;\n overflow: hidden;\n box-shadow: 0 10px 20px rgba(0,0,0,0.05);\n transition: all 0.3s ease;\n }\n\n .destaque-item:hover {\n transform: translateY(-10px);\n box-shadow: 0 15px 30px rgba(0,0,0,0.1);\n }\n\n .destaque-imagem {\n height: 300px;\n overflow: hidden;\n position: relative;\n }\n\n .destaque-imagem img {\n width: 100%;\n height: 100%;\n object-fit: cover;\n transition: all 0.5s ease;\n }\n\n .destaque-item:hover .destaque-imagem img {\n transform: scale(1.1);\n }\n\n .destaque-categoria {\n position: absolute;\n top: 20px;\n left: 20px;\n background-color: var(--amarelo-escola);\n color: var(--azul-escola);\n padding: 5px 15px;\n border-radius: 20px;\n font-weight: 600;\n font-size: 0.9rem;\n }\n\n .destaque-conteudo {\n padding: 30px;\n }\n\n .destaque-data {\n color: #888;\n font-size: 0.9rem;\n margin-bottom: 10px;\n display: flex;\n align-items: center;\n }\n\n .destaque-data i {\n margin-right: 5px;\n }\n\n .destaque-titulo {\n color: var(--azul-escola);\n font-size: 1.8rem;\n margin-bottom: 15px;\n line-height: 1.3;\n }\n\n .destaque-resumo {\n color: #666;\n font-size: 1rem;\n line-height: 1.6;\n margin-bottom: 20px;\n }\n\n .destaque-link {\n display: inline-block;\n color: var(--azul-escola);\n font-weight: 600;\n text-decoration: none;\n position: relative;\n padding-bottom: 5px;\n }\n\n .destaque-link::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 0;\n width: 0;\n height: 2px;\n background-color: var(--azul-escola);\n transition: width 0.3s ease;\n }\n\n .destaque-item:hover .destaque-link::after {\n width: 100%;\n }\n\n \/* Se\u00e7\u00e3o de posts recentes *\/\n .posts-recentes {\n margin-bottom: 60px;\n }\n\n .posts-recentes 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 .posts-recentes 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 .recentes-grid {\n display: grid;\n grid-template-columns: repeat(3, 1fr);\n gap: 30px;\n }\n\n .recente-item {\n background-color: white;\n border-radius: 15px;\n overflow: hidden;\n box-shadow: 0 10px 20px rgba(0,0,0,0.05);\n transition: all 0.3s ease;\n }\n\n .recente-item:hover {\n transform: translateY(-10px);\n box-shadow: 0 15px 30px rgba(0,0,0,0.1);\n }\n\n .recente-imagem {\n height: 200px;\n overflow: hidden;\n position: relative;\n }\n\n .recente-imagem img {\n width: 100%;\n height: 100%;\n object-fit: cover;\n transition: all 0.5s ease;\n }\n\n .recente-item:hover .recente-imagem img {\n transform: scale(1.1);\n }\n\n .recente-categoria {\n position: absolute;\n top: 15px;\n left: 15px;\n background-color: var(--amarelo-escola);\n color: var(--azul-escola);\n padding: 5px 15px;\n border-radius: 20px;\n font-weight: 600;\n font-size: 0.8rem;\n }\n\n .recente-conteudo {\n padding: 20px;\n }\n\n .recente-data {\n color: #888;\n font-size: 0.8rem;\n margin-bottom: 10px;\n display: flex;\n align-items: center;\n }\n\n .recente-data i {\n margin-right: 5px;\n }\n\n .recente-titulo {\n color: var(--azul-escola);\n font-size: 1.3rem;\n margin-bottom: 15px;\n line-height: 1.3;\n }\n\n .recente-resumo {\n color: #666;\n font-size: 0.9rem;\n line-height: 1.6;\n margin-bottom: 15px;\n }\n\n .recente-link {\n display: inline-block;\n color: var(--azul-escola);\n font-weight: 600;\n text-decoration: none;\n position: relative;\n padding-bottom: 5px;\n font-size: 0.9rem;\n }\n\n .recente-link::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 0;\n width: 0;\n height: 2px;\n background-color: var(--azul-escola);\n transition: width 0.3s ease;\n }\n\n .recente-item:hover .recente-link::after {\n width: 100%;\n }\n\n \/* Se\u00e7\u00e3o de newsletter *\/\n .newsletter {\n background: linear-gradient(45deg, var(--azul-escola), var(--azul-claro));\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 .newsletter 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 .newsletter 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 .newsletter-form {\n display: flex;\n max-width: 600px;\n margin: 0 auto;\n box-shadow: 0 10px 20px rgba(0,0,0,0.1);\n border-radius: 50px;\n overflow: hidden;\n }\n\n .newsletter-input {\n flex: 1;\n padding: 15px 25px;\n border: none;\n outline: none;\n font-size: 1rem;\n }\n\n .newsletter-botao {\n background-color: var(--amarelo-escola);\n color: var(--azul-escola);\n border: none;\n padding: 15px 30px;\n cursor: pointer;\n font-weight: 600;\n transition: all 0.3s ease;\n }\n\n .newsletter-botao:hover {\n background-color: #e8b829;\n }\n\n .newsletter-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=\"100\" height=\"100\" fill=\"%23ffffff\" fill-opacity=\"0.03\"\/><path d=\"M0 50 L100 50\" stroke=\"%23ffffff\" stroke-opacity=\"0.05\" stroke-width=\"1\"\/><path d=\"M50 0 L50 100\" stroke=\"%23ffffff\" stroke-opacity=\"0.05\" stroke-width=\"1\"\/><\/svg>');\n background-size: 30px 30px;\n opacity: 0.3;\n }\n\n \/* Se\u00e7\u00e3o de pagina\u00e7\u00e3o *\/\n .paginacao {\n display: flex;\n justify-content: center;\n margin-bottom: 60px;\n }\n\n .pagina-item {\n width: 40px;\n height: 40px;\n display: flex;\n align-items: center;\n justify-content: center;\n margin: 0 5px;\n border-radius: 50%;\n background-color: white;\n color: var(--azul-escola);\n font-weight: 600;\n box-shadow: 0 5px 15px rgba(0,0,0,0.05);\n cursor: pointer;\n transition: all 0.3s ease;\n }\n\n .pagina-item.ativo {\n background-color: var(--azul-escola);\n color: white;\n }\n\n .pagina-item:hover {\n transform: translateY(-3px);\n box-shadow: 0 8px 20px rgba(0,0,0,0.1);\n }\n\n .pagina-item.seta {\n background-color: var(--cinza-claro);\n }\n\n \/* Responsividade *\/\n @media (max-width: 992px) {\n .destaque-grid {\n grid-template-columns: 1fr;\n }\n\n .recentes-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.5rem;\n }\n\n .recentes-grid {\n grid-template-columns: 1fr;\n }\n\n .newsletter {\n padding: 40px 20px;\n }\n\n .newsletter-form {\n flex-direction: column;\n border-radius: 15px;\n }\n\n .newsletter-input {\n padding: 15px;\n border-radius: 15px 15px 0 0;\n }\n\n .newsletter-botao {\n border-radius: 0 0 15px 15px;\n padding: 15px;\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.2rem;\n }\n\n .posts-destaque h2, .posts-recentes h2, .newsletter h2 {\n font-size: 2rem;\n }\n\n .destaque-titulo {\n font-size: 1.5rem;\n }\n\n .pesquisa-container {\n flex-direction: column;\n border-radius: 15px;\n }\n\n .pesquisa-input {\n padding: 15px;\n border-radius: 15px 15px 0 0;\n }\n\n .pesquisa-botao {\n border-radius: 0 0 15px 15px;\n padding: 15px;\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=\"decorativo decorativo-1\"><\/div>\n <div class=\"decorativo decorativo-2\"><\/div>\n <div class=\"banner-conteudo\">\n <h1>BLOG<\/h1>\n <p>Not\u00edcias, artigos e novidades do Col\u00e9gio Gera\u00e7\u00e3o Atual<\/p>\n <\/div>\n <\/section>\n\n <!-- Se\u00e7\u00e3o de categorias -->\n <section class=\"categorias\">\n <div class=\"categorias-container\">\n <div class=\"categoria-item ativo\">Todos<\/div>\n <div class=\"categoria-item\">Eventos<\/div>\n <div class=\"categoria-item\">Educa\u00e7\u00e3o<\/div>\n <div class=\"categoria-item\">Projetos<\/div>\n <div class=\"categoria-item\">Vestibular<\/div>\n <div class=\"categoria-item\">Olimp\u00edadas<\/div>\n <div class=\"categoria-item\">Dicas de Estudo<\/div>\n <\/div>\n <\/section>\n\n <!-- Se\u00e7\u00e3o de pesquisa -->\n <section class=\"pesquisa\">\n <div class=\"pesquisa-container\">\n <input type=\"text\" class=\"pesquisa-input\" placeholder=\"Pesquisar no blog...\">\n <button class=\"pesquisa-botao\">Buscar<\/button>\n <\/div>\n <\/section>\n\n <!-- Se\u00e7\u00e3o de posts em destaque -->\n <section class=\"posts-destaque\">\n <h2>Posts em Destaque<\/h2>\n <div class=\"destaque-grid\">\n <div class=\"destaque-item\" data-aos=\"fade-up\">\n <div class=\"destaque-imagem\">\n <img decoding=\"async\" src=\"urldafoto\" alt=\"Alunos em sala de aula\">\n <span class=\"destaque-categoria\">Educa\u00e7\u00e3o<\/span>\n <\/div>\n <div class=\"destaque-conteudo\">\n <div class=\"destaque-data\">\n <i class=\"far fa-calendar-alt\"><\/i> 15 de Maio de 2025\n <\/div>\n <h3 class=\"destaque-titulo\">Qualidade \u00e9 a nossa diferen\u00e7a: Como o m\u00e9todo pedag\u00f3gico do Gera\u00e7\u00e3o Atual transforma vidas<\/h3>\n <p class=\"destaque-resumo\">Conhe\u00e7a nossa abordagem pedag\u00f3gica inovadora que combina excel\u00eancia acad\u00eamica com desenvolvimento socioemocional, preparando os alunos para os desafios do s\u00e9culo XXI.<\/p>\n <a href=\"#\" class=\"destaque-link\">Continuar lendo<\/a>\n <\/div>\n <\/div>\n <div class=\"destaque-item\" data-aos=\"fade-up\" data-aos-delay=\"100\">\n <div class=\"destaque-imagem\">\n <img decoding=\"async\" src=\"urldafoto\" alt=\"Alunos comemorando aprova\u00e7\u00e3o\">\n <span class=\"destaque-categoria\">Vestibular<\/span>\n <\/div>\n <div class=\"destaque-conteudo\">\n <div class=\"destaque-data\">\n <i class=\"far fa-calendar-alt\"><\/i> 10 de Maio de 2025\n <\/div>\n <h3 class=\"destaque-titulo\">Aprender com prazer, \u00e9 aprender para sempre: O segredo do sucesso nos vestibulares<\/h3>\n <p class=\"destaque-resumo\">Descubra como nossa metodologia de ensino prazerosa e significativa tem garantido altos \u00edndices de aprova\u00e7\u00e3o nos principais vestibulares do pa\u00eds.<\/p>\n <a href=\"#\" class=\"destaque-link\">Continuar lendo<\/a>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n <!-- Se\u00e7\u00e3o de posts recentes -->\n <section class=\"posts-recentes\">\n <h2>Posts Recentes<\/h2>\n <div class=\"recentes-grid\">\n <div class=\"recente-item\" data-aos=\"fade-up\">\n <div class=\"recente-imagem\">\n <img decoding=\"async\" src=\"urldafoto\" alt=\"Evento escolar\">\n <span class=\"recente-categoria\">Eventos<\/span>\n <\/div>\n <div class=\"recente-conteudo\">\n <div class=\"recente-data\">\n <i class=\"far fa-calendar-alt\"><\/i> 5 de Maio de 2025\n <\/div>\n <h3 class=\"recente-titulo\">Feira de Ci\u00eancias 2025: Inova\u00e7\u00e3o e Sustentabilidade<\/h3>\n <p class=\"recente-resumo\">Confira os projetos premiados na Feira de Ci\u00eancias deste ano, com foco em solu\u00e7\u00f5es sustent\u00e1veis.<\/p>\n <a href=\"#\" class=\"recente-link\">Continuar lendo<\/a>\n <\/div>\n <\/div>\n <div class=\"recente-item\" data-aos=\"fade-up\" data-aos-delay=\"100\">\n <div class=\"recente-imagem\">\n <img decoding=\"async\" src=\"urldafoto\" alt=\"Alunos em olimp\u00edada\">\n <span class=\"recente-categoria\">Olimp\u00edadas<\/span>\n <\/div>\n <div class=\"recente-conteudo\">\n <div class=\"recente-data\">\n <i class=\"far fa-calendar-alt\"><\/i> 28 de Abril de 2025\n <\/div>\n <h3 class=\"recente-titulo\">Alunos conquistam medalhas na Olimp\u00edada de Matem\u00e1tica<\/h3>\n <p class=\"recente-resumo\">Nossos estudantes brilharam na OBMEP 2025, trazendo medalhas de ouro, prata e bronze.<\/p>\n <a href=\"#\" class=\"recente-link\">Continuar lendo<\/a>\n <\/div>\n <\/div>\n <div class=\"recente-item\" data-aos=\"fade-up\" data-aos-delay=\"200\">\n <div class=\"recente-imagem\">\n <img decoding=\"async\" src=\"urldafoto\" alt=\"Dicas de estudo\">\n <span class=\"recente-categoria\">Dicas de Estudo<\/span>\n <\/div>\n <div class=\"recente-conteudo\">\n <div class=\"recente-data\">\n <i class=\"far fa-calendar-alt\"><\/i> 20 de Abril de 2025\n <\/div>\n <h3 class=\"recente-titulo\">5 t\u00e9cnicas de estudo para maximizar seu aprendizado<\/h3>\n <p class=\"recente-resumo\">Aprenda m\u00e9todos eficientes para otimizar seu tempo de estudo e melhorar a reten\u00e7\u00e3o de conte\u00fado.<\/p>\n <a href=\"#\" class=\"recente-link\">Continuar lendo<\/a>\n <\/div>\n <\/div>\n <div class=\"recente-item\" data-aos=\"fade-up\" data-aos-delay=\"300\">\n <div class=\"recente-imagem\">\n <img decoding=\"async\" src=\"urldafoto\" alt=\"Projeto educacional\">\n <span class=\"recente-categoria\">Projetos<\/span>\n <\/div>\n <div class=\"recente-conteudo\">\n <div class=\"recente-data\">\n <i class=\"far fa-calendar-alt\"><\/i> 15 de Abril de 2025\n <\/div>\n <h3 class=\"recente-titulo\">Projeto Liter\u00e1rio: Incentivando a leitura desde cedo<\/h3>\n <p class=\"recente-resumo\">Conhe\u00e7a nossa iniciativa para desenvolver o h\u00e1bito da leitura em todas as faixas et\u00e1rias.<\/p>\n <a href=\"#\" class=\"recente-link\">Continuar lendo<\/a>\n <\/div>\n <\/div>\n <div class=\"recente-item\" data-aos=\"fade-up\" data-aos-delay=\"400\">\n <div class=\"recente-imagem\">\n <img decoding=\"async\" src=\"urldafoto\" alt=\"Educa\u00e7\u00e3o infantil\">\n <span class=\"recente-categoria\">Educa\u00e7\u00e3o<\/span>\n <\/div>\n <div class=\"recente-conteudo\">\n <div class=\"recente-data\">\n <i class=\"far fa-calendar-alt\"><\/i> 10 de Abril de 2025\n <\/div>\n <h3 class=\"recente-titulo\">A import\u00e2ncia do brincar no desenvolvimento infantil<\/h3>\n <p class=\"recente-resumo\">Descubra como as atividades l\u00fadicas s\u00e3o fundamentais para o aprendizado na primeira inf\u00e2ncia.<\/p>\n <a href=\"#\" class=\"recente-link\">Continuar lendo<\/a>\n <\/div>\n <\/div>\n <div class=\"recente-item\" data-aos=\"fade-up\" data-aos-delay=\"500\">\n <div class=\"recente-imagem\">\n <img decoding=\"async\" src=\"urldafoto\" alt=\"Prepara\u00e7\u00e3o vestibular\">\n <span class=\"recente-categoria\">Vestibular<\/span>\n <\/div>\n <div class=\"recente-conteudo\">\n <div class=\"recente-data\">\n <i class=\"far fa-calendar-alt\"><\/i> 5 de Abril de 2025\n <\/div>\n <h3 class=\"recente-titulo\">Calend\u00e1rio de vestibulares 2025: Prepare-se com anteced\u00eancia<\/h3>\n <p class=\"recente-resumo\">Confira as datas dos principais vestibulares e organize seu cronograma de estudos.<\/p>\n <a href=\"#\" class=\"recente-link\">Continuar lendo<\/a>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n <!-- Se\u00e7\u00e3o de pagina\u00e7\u00e3o -->\n <section class=\"paginacao\">\n <div class=\"pagina-item seta\">\n <i class=\"fas fa-chevron-left\"><\/i>\n <\/div>\n <div class=\"pagina-item ativo\">1<\/div>\n <div class=\"pagina-item\">2<\/div>\n <div class=\"pagina-item\">3<\/div>\n <div class=\"pagina-item\">4<\/div>\n <div class=\"pagina-item\">5<\/div>\n <div class=\"pagina-item seta\">\n <i class=\"fas fa-chevron-right\"><\/i>\n <\/div>\n <\/section>\n\n <!-- Se\u00e7\u00e3o de newsletter -->\n <section class=\"newsletter\">\n <div class=\"newsletter-overlay\"><\/div>\n <h2>Assine Nossa Newsletter<\/h2>\n <p>Receba as \u00faltimas not\u00edcias, artigos e dicas educacionais diretamente no seu e-mail.<\/p>\n <div class=\"newsletter-form\">\n <input type=\"email\" class=\"newsletter-input\" placeholder=\"Seu melhor e-mail\">\n <button class=\"newsletter-botao\">Assinar<\/button>\n <\/div>\n <\/section>\n <\/div>\n\n <script>\n \/\/ Script para anima\u00e7\u00f5es e interatividade\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('.destaque-item, .recente-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 \/\/ Funcionalidade das categorias\n const categoriaItems = document.querySelectorAll('.categoria-item');\n \n categoriaItems.forEach(item => {\n item.addEventListener('click', () => {\n \/\/ Remove classe ativo de todas as categorias\n categoriaItems.forEach(cat => cat.classList.remove('ativo'));\n \n \/\/ Adiciona classe ativo \u00e0 categoria clicada\n item.classList.add('ativo');\n });\n });\n\n \/\/ Funcionalidade da pagina\u00e7\u00e3o\n const paginaItems = document.querySelectorAll('.pagina-item:not(.seta)');\n \n paginaItems.forEach(item => {\n item.addEventListener('click', () => {\n \/\/ Remove classe ativo de todas as p\u00e1ginas\n paginaItems.forEach(page => page.classList.remove('ativo'));\n \n \/\/ Adiciona classe ativo \u00e0 p\u00e1gina clicada\n item.classList.add('ativo');\n });\n });\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>Blog – Col\u00e9gio Gera\u00e7\u00e3o Atual BLOG Not\u00edcias, artigos e novidades do Col\u00e9gio Gera\u00e7\u00e3o Atual Todos Eventos Educa\u00e7\u00e3o Projetos Vestibular Olimp\u00edadas Dicas de Estudo Buscar Posts em Destaque Educa\u00e7\u00e3o 15 de Maio de 2025 Qualidade \u00e9 a nossa diferen\u00e7a: Como o m\u00e9todo pedag\u00f3gico do Gera\u00e7\u00e3o Atual transforma vidas Conhe\u00e7a nossa abordagem pedag\u00f3gica inovadora que combina excel\u00eancia […]<\/p>\n","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"_joinchat":[],"footnotes":""},"class_list":["post-2289","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/geracaoatual.com.br\/site\/wp-json\/wp\/v2\/pages\/2289","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=2289"}],"version-history":[{"count":15,"href":"https:\/\/geracaoatual.com.br\/site\/wp-json\/wp\/v2\/pages\/2289\/revisions"}],"predecessor-version":[{"id":2479,"href":"https:\/\/geracaoatual.com.br\/site\/wp-json\/wp\/v2\/pages\/2289\/revisions\/2479"}],"wp:attachment":[{"href":"https:\/\/geracaoatual.com.br\/site\/wp-json\/wp\/v2\/media?parent=2289"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}