Ensino M\u00e9dio - Col\u00e9gio Gera\u00e7\u00e3o Atual<\/title>\n <style>\n \/* Estilos para a p\u00e1gina de Ensino M\u00e9dio - 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-medio: #0c5bc0;\n --azul-escuro: #094a9e;\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(--azul-medio), var(--azul-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: 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 gr\u00e1ficos no banner *\/\n .grafico {\n position: absolute;\n z-index: 1;\n }\n\n .grafico-1 {\n top: 20%;\n left: 5%;\n width: 200px;\n height: 200px;\n opacity: 0.1;\n background-image: url('data:image\/svg+xml;utf8,<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"200\" height=\"200\" viewBox=\"0 0 200 200\"><path d=\"M20,100 Q50,50 100,75 T180,100\" stroke=\"%23ffffff\" stroke-width=\"3\" fill=\"none\"\/><path d=\"M20,150 Q50,100 100,125 T180,150\" stroke=\"%23ffffff\" stroke-width=\"3\" fill=\"none\"\/><path d=\"M20,50 Q50,0 100,25 T180,50\" stroke=\"%23ffffff\" stroke-width=\"3\" fill=\"none\"\/><\/svg>');\n }\n\n .grafico-2 {\n bottom: 10%;\n right: 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\"><circle cx=\"75\" cy=\"75\" r=\"50\" stroke=\"%23ffffff\" stroke-width=\"3\" fill=\"none\"\/><circle cx=\"75\" cy=\"75\" r=\"30\" stroke=\"%23ffffff\" stroke-width=\"2\" fill=\"none\"\/><circle cx=\"75\" cy=\"75\" r=\"10\" stroke=\"%23ffffff\" stroke-width=\"1\" fill=\"none\"\/><\/svg>');\n }\n\n \/* Se\u00e7\u00e3o de cita\u00e7\u00e3o *\/\n .citacao {\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 text-align: center;\n }\n\n .citacao blockquote {\n font-size: 2rem;\n color: var(--azul-escola);\n font-weight: 600;\n line-height: 1.4;\n margin-bottom: 30px;\n position: relative;\n }\n\n .citacao blockquote::before {\n content: '\"';\n font-size: 5rem;\n color: var(--amarelo-escola);\n position: absolute;\n top: -40px;\n left: -20px;\n opacity: 0.3;\n }\n\n .citacao blockquote::after {\n content: '\"';\n font-size: 5rem;\n color: var(--amarelo-escola);\n position: absolute;\n bottom: -80px;\n right: -20px;\n opacity: 0.3;\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-escola);\n font-weight: 600;\n }\n\n \/* Se\u00e7\u00e3o de resultados *\/\n .resultados {\n margin-bottom: 60px;\n }\n\n .resultados 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 .resultados 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 .resultados-grid {\n display: grid;\n grid-template-columns: repeat(3, 1fr);\n gap: 30px;\n }\n\n .resultado-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 .resultado-item:hover {\n transform: translateY(-10px);\n box-shadow: 0 15px 30px rgba(0,0,0,0.1);\n }\n\n .resultado-item .numero {\n font-size: 3.5rem;\n font-weight: 800;\n color: var(--azul-escola);\n margin-bottom: 10px;\n position: relative;\n display: inline-block;\n }\n\n .resultado-item .numero::after {\n content: '%';\n font-size: 1.5rem;\n position: absolute;\n top: 10px;\n right: -20px;\n }\n\n .resultado-item h3 {\n color: var(--azul-escola);\n font-size: 1.3rem;\n margin-bottom: 15px;\n }\n\n .resultado-item p {\n color: #666;\n font-size: 0.95rem;\n line-height: 1.6;\n }\n\n \/* Se\u00e7\u00e3o de depoimentos *\/\n .depoimentos {\n background: linear-gradient(45deg, var(--azul-medio), var(--azul-escuro));\n border-radius: 15px;\n padding: 60px 50px;\n margin-bottom: 60px;\n color: white;\n position: relative;\n overflow: hidden;\n }\n\n .depoimentos h2 {\n font-size: 2.5rem;\n margin-bottom: 40px;\n text-align: center;\n position: relative;\n }\n\n .depoimentos 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 .depoimentos-grid {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 30px;\n }\n\n .depoimento-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 .depoimento-card:hover {\n transform: translateY(-10px);\n background-color: rgba(255, 255, 255, 0.2);\n }\n\n .depoimento-card p {\n font-size: 1rem;\n line-height: 1.6;\n margin-bottom: 20px;\n font-style: italic;\n }\n\n .depoimento-autor {\n display: flex;\n align-items: center;\n }\n\n .depoimento-autor .foto {\n width: 50px;\n height: 50px;\n border-radius: 50%;\n background-color: var(--amarelo-escola);\n margin-right: 15px;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: bold;\n color: var(--azul-escola);\n }\n\n .depoimento-autor .info h4 {\n font-size: 1.1rem;\n margin-bottom: 5px;\n }\n\n .depoimento-autor .info p {\n font-size: 0.9rem;\n margin: 0;\n font-style: normal;\n opacity: 0.8;\n }\n\n .depoimentos-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(--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 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(--azul-medio);\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(--azul-medio);\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(--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(--azul-medio), var(--azul-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(--amarelo-escola);\n color: var(--azul-escola);\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: #e8b829;\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=\"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 \/* Responsividade *\/\n @media (max-width: 992px) {\n .resultados-grid, .diferenciais-grid {\n grid-template-columns: repeat(2, 1fr);\n }\n\n .depoimentos-grid {\n grid-template-columns: 1fr;\n gap: 30px;\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 .citacao, .introducao, .depoimentos {\n padding: 30px;\n }\n\n .citacao blockquote {\n font-size: 1.5rem;\n }\n\n .resultados-grid {\n grid-template-columns: repeat(2, 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 p {\n font-size: 1.2rem;\n }\n\n .citacao blockquote {\n font-size: 1.3rem;\n }\n\n .introducao h2, .resultados h2, .depoimentos h2, .diferenciais h2, .galeria h2, .cta h2 {\n font-size: 2rem;\n }\n\n .resultados-grid, .diferenciais-grid {\n grid-template-columns: 1fr;\n }\n\n .galeria-container {\n grid-template-columns: 1fr;\n }\n }\n <\/style>\n \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 \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 \n <section class=\"banner-principal\">\n <div class=\"banner-overlay\"><\/div>\n <div class=\"grafico grafico-1\"><\/div>\n <div class=\"grafico grafico-2\"><\/div>\n <div class=\"banner-conteudo\">\n <h1>ENSINO M\u00c9DIO<\/h1>\n <p>Preparando para mais do que o vestibular, para a vida.<\/p>\n <\/div>\n <\/section>\n\n \n <section class=\"citacao\">\n <blockquote>\n Somos destaque em aprova\u00e7\u00e3o no SISU e v\u00e1rios vestibulares!\n <\/blockquote>\n <\/section>\n\n \n <section class=\"introducao\">\n <h2>Forma\u00e7\u00e3o Completa para o Futuro<\/h2>\n <p>O Ensino M\u00e9dio do Col\u00e9gio Gera\u00e7\u00e3o Atual tem como objetivo <span class=\"destaque\">desenvolver a capacidade de aprender e continuar aprendendo<\/span>, da autonomia intelectual e do pensamento cr\u00edtico, de modo a ser capaz de prosseguir os estudos e de adaptar-se com flexibilidade a novas condi\u00e7\u00f5es de ocupa\u00e7\u00e3o ou aperfei\u00e7oamento.<\/p>\n <p>Nossos alunos s\u00e3o preparados para <span class=\"destaque-amarelo\">constituir significados socialmente constru\u00eddos e reconhecidos como verdadeiros<\/span>, sobre o mundo f\u00edsico e natural, sobre a realidade social e pol\u00edtica.<\/p>\n <p>Buscamos que nossos estudantes <span class=\"destaque\">compreendam o significado das ci\u00eancias, das letras e das artes<\/span> e do processo de transforma\u00e7\u00e3o da sociedade e da cultura, em especial as do Brasil, de modo a possuir as compet\u00eancias e habilidades necess\u00e1rias ao exerc\u00edcio da cidadania e do trabalho.<\/p>\n <p>Nosso diferencial est\u00e1 em <span class=\"destaque-amarelo\">dominar os princ\u00edpios e fundamentos cient\u00edfico-tecnol\u00f3gicos<\/span> que presidem a produ\u00e7\u00e3o moderna de bens, servi\u00e7os e conhecimentos, tanto em seus produtos como em seus processos, de modo a ser capaz de relacionar a teoria com a pr\u00e1tica e o desenvolvimento da flexibilidade para novas condi\u00e7\u00f5es de ocupa\u00e7\u00e3o ou aperfei\u00e7oamento posteriores.<\/p>\n <\/section>\n\n \n <section class=\"resultados\">\n <h2>Nossos Resultados<\/h2>\n <div class=\"resultados-grid\">\n <div class=\"resultado-item\" data-aos=\"zoom-in\">\n <div class=\"numero\">83<\/div>\n <h3>Aprova\u00e7\u00e3o no SISU<\/h3>\n <p>Percentual de estudantes aprovados no SISU e em v\u00e1rios vestibulares.<\/p>\n <\/div>\n <div class=\"resultado-item\" data-aos=\"zoom-in\" data-aos-delay=\"100\">\n <div class=\"numero\">95<\/div>\n <h3>Satisfa\u00e7\u00e3o dos Alunos<\/h3>\n <p>\u00cdndice de satisfa\u00e7\u00e3o dos alunos com a metodologia e prepara\u00e7\u00e3o para o vestibular.<\/p>\n <\/div>\n <div class=\"resultado-item\" data-aos=\"zoom-in\" data-aos-delay=\"200\">\n <div class=\"numero\">90<\/div>\n <h3>Aprova\u00e7\u00e3o em Federais<\/h3>\n <p>Percentual de aprova\u00e7\u00e3o em universidades federais como UFPE, UFRPE e IFPE.<\/p>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section class=\"depoimentos\">\n <div class=\"depoimentos-overlay\"><\/div>\n <h2>Depoimentos de Ex-alunos<\/h2>\n <div class=\"depoimentos-grid\">\n <div class=\"depoimento-card\" data-aos=\"fade-up\">\n <p>\"O Col\u00e9gio Gera\u00e7\u00e3o Atual foi fundamental para minha aprova\u00e7\u00e3o em Medicina na UFPE. A metodologia de ensino, o material did\u00e1tico atualizado e o apoio dos professores fizeram toda a diferen\u00e7a na minha prepara\u00e7\u00e3o para o vestibular.\"<\/p>\n <div class=\"depoimento-autor\">\n <div class=\"foto\">JM<\/div>\n <div class=\"info\">\n <h4>Jo\u00e3o Marcos<\/h4>\n <p>Medicina - UFPE<\/p>\n <\/div>\n <\/div>\n <\/div>\n <div class=\"depoimento-card\" data-aos=\"fade-up\" data-aos-delay=\"100\">\n <p>\"Estudei no Gera\u00e7\u00e3o Atual durante todo o Ensino M\u00e9dio e consegui aprova\u00e7\u00e3o em Engenharia Civil na UFRPE. O diferencial foi a prepara\u00e7\u00e3o completa, n\u00e3o apenas para o vestibular, mas para a vida acad\u00eamica como um todo.\"<\/p>\n <div class=\"depoimento-autor\">\n <div class=\"foto\">AM<\/div>\n <div class=\"info\">\n <h4>Ana Maria<\/h4>\n <p>Engenharia Civil - UFRPE<\/p>\n <\/div>\n <\/div>\n <\/div>\n <div class=\"depoimento-card\" data-aos=\"fade-up\" data-aos-delay=\"200\">\n <p>\"O que mais me impressionou no Col\u00e9gio Gera\u00e7\u00e3o Atual foi o acompanhamento personalizado. Os professores realmente se importam com o desempenho de cada aluno e est\u00e3o sempre dispon\u00edveis para tirar d\u00favidas e oferecer suporte extra.\"<\/p>\n <div class=\"depoimento-autor\">\n <div class=\"foto\">PH<\/div>\n <div class=\"info\">\n <h4>Pedro Henrique<\/h4>\n <p>Direito - UFPE<\/p>\n <\/div>\n <\/div>\n <\/div>\n <div class=\"depoimento-card\" data-aos=\"fade-up\" data-aos-delay=\"300\">\n <p>\"Al\u00e9m da excelente prepara\u00e7\u00e3o acad\u00eamica, o Gera\u00e7\u00e3o Atual me ajudou a desenvolver habilidades socioemocionais que s\u00e3o essenciais na universidade e no mercado de trabalho. Foi uma forma\u00e7\u00e3o completa para a vida.\"<\/p>\n <div class=\"depoimento-autor\">\n <div class=\"foto\">CL<\/div>\n <div class=\"info\">\n <h4>Carolina Lima<\/h4>\n <p>Psicologia - UFPE<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n \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\"><\/i>\n <\/div>\n <h3>Material SAS<\/h3>\n <p>Material did\u00e1tico do Sistema Ari de S\u00e1, atualizado semestralmente e alinhado com os principais vestibulares do pa\u00eds.<\/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-chalkboard-teacher\"><\/i>\n <\/div>\n <h3>Corpo Docente Especializado<\/h3>\n <p>Professores com vasta experi\u00eancia em prepara\u00e7\u00e3o para vestibulares e ENEM.<\/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>Plataforma Digital<\/h3>\n <p>Acesso \u00e0 plataforma digital SAS com videoaulas, exerc\u00edcios e simulados 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-chart-line\"><\/i>\n <\/div>\n <h3>Simulados Peri\u00f3dicos<\/h3>\n <p>Simulados bimestrais no formato ENEM e dos principais vestibulares.<\/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-user-graduate\"><\/i>\n <\/div>\n <h3>Orienta\u00e7\u00e3o Vocacional<\/h3>\n <p>Programa de orienta\u00e7\u00e3o vocacional para auxiliar na escolha da carreira profissional.<\/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-brain\"><\/i>\n <\/div>\n <h3>Programa +Atitude<\/h3>\n <p>Desenvolvimento de habilidades socioemocionais essenciais para o sucesso acad\u00eamico e profissional.<\/p>\n <\/div>\n <\/div>\n <\/section>\n\n \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 Ensino M\u00e9dio\">\n <div class=\"overlay\">Salas de aula equipadas com recursos multim\u00eddia<\/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 para aulas pr\u00e1ticas<\/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=\"Sala de estudos\">\n <div class=\"overlay\">Sala de estudos para atividades em grupo<\/div>\n <\/div>\n <\/div>\n <\/section>\n\n \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 M\u00e9dio.<\/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('.resultado-item, .depoimento-card, .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 \/\/ Anima\u00e7\u00e3o para os n\u00fameros de resultados\n const resultadoNumeros = document.querySelectorAll('.resultado-item .numero');\n \n resultadoNumeros.forEach(numero => {\n const valorFinal = parseInt(numero.textContent);\n let valorAtual = 0;\n \n function animarNumero() {\n if (valorAtual < valorFinal) {\n valorAtual += 1;\n numero.textContent = valorAtual;\n setTimeout(animarNumero, 2000 \/ valorFinal);\n }\n }\n \n \/\/ Inicia a anima\u00e7\u00e3o quando o elemento estiver vis\u00edvel\n const observer = new IntersectionObserver((entries) => {\n entries.forEach(entry => {\n if (entry.isIntersecting) {\n numero.textContent = '0';\n setTimeout(animarNumero, 500);\n observer.unobserve(entry.target);\n }\n });\n });\n \n observer.observe(numero);\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>Ensino M\u00e9dio – Col\u00e9gio Gera\u00e7\u00e3o Atual ENSINO M\u00c9DIO Preparando para mais do que o vestibular, para a vida. Somos destaque em aprova\u00e7\u00e3o no SISU e v\u00e1rios vestibulares! Forma\u00e7\u00e3o Completa para o Futuro O Ensino M\u00e9dio do Col\u00e9gio Gera\u00e7\u00e3o Atual tem como objetivo desenvolver a capacidade de aprender e continuar aprendendo, da autonomia intelectual e do […]<\/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-2263","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/geracaoatual.com.br\/site\/wp-json\/wp\/v2\/pages\/2263","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=2263"}],"version-history":[{"count":7,"href":"https:\/\/geracaoatual.com.br\/site\/wp-json\/wp\/v2\/pages\/2263\/revisions"}],"predecessor-version":[{"id":2434,"href":"https:\/\/geracaoatual.com.br\/site\/wp-json\/wp\/v2\/pages\/2263\/revisions\/2434"}],"wp:attachment":[{"href":"https:\/\/geracaoatual.com.br\/site\/wp-json\/wp\/v2\/media?parent=2263"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

\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 M\u00e9dio - Col\u00e9gio Gera\u00e7\u00e3o Atual<\/title>\n <style>\n \/* Estilos para a p\u00e1gina de Ensino M\u00e9dio - 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-medio: #0c5bc0;\n --azul-escuro: #094a9e;\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(--azul-medio), var(--azul-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: 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 gr\u00e1ficos no banner *\/\n .grafico {\n position: absolute;\n z-index: 1;\n }\n\n .grafico-1 {\n top: 20%;\n left: 5%;\n width: 200px;\n height: 200px;\n opacity: 0.1;\n background-image: url('data:image\/svg+xml;utf8,<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"200\" height=\"200\" viewBox=\"0 0 200 200\"><path d=\"M20,100 Q50,50 100,75 T180,100\" stroke=\"%23ffffff\" stroke-width=\"3\" fill=\"none\"\/><path d=\"M20,150 Q50,100 100,125 T180,150\" stroke=\"%23ffffff\" stroke-width=\"3\" fill=\"none\"\/><path d=\"M20,50 Q50,0 100,25 T180,50\" stroke=\"%23ffffff\" stroke-width=\"3\" fill=\"none\"\/><\/svg>');\n }\n\n .grafico-2 {\n bottom: 10%;\n right: 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\"><circle cx=\"75\" cy=\"75\" r=\"50\" stroke=\"%23ffffff\" stroke-width=\"3\" fill=\"none\"\/><circle cx=\"75\" cy=\"75\" r=\"30\" stroke=\"%23ffffff\" stroke-width=\"2\" fill=\"none\"\/><circle cx=\"75\" cy=\"75\" r=\"10\" stroke=\"%23ffffff\" stroke-width=\"1\" fill=\"none\"\/><\/svg>');\n }\n\n \/* Se\u00e7\u00e3o de cita\u00e7\u00e3o *\/\n .citacao {\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 text-align: center;\n }\n\n .citacao blockquote {\n font-size: 2rem;\n color: var(--azul-escola);\n font-weight: 600;\n line-height: 1.4;\n margin-bottom: 30px;\n position: relative;\n }\n\n .citacao blockquote::before {\n content: '\"';\n font-size: 5rem;\n color: var(--amarelo-escola);\n position: absolute;\n top: -40px;\n left: -20px;\n opacity: 0.3;\n }\n\n .citacao blockquote::after {\n content: '\"';\n font-size: 5rem;\n color: var(--amarelo-escola);\n position: absolute;\n bottom: -80px;\n right: -20px;\n opacity: 0.3;\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-escola);\n font-weight: 600;\n }\n\n \/* Se\u00e7\u00e3o de resultados *\/\n .resultados {\n margin-bottom: 60px;\n }\n\n .resultados 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 .resultados 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 .resultados-grid {\n display: grid;\n grid-template-columns: repeat(3, 1fr);\n gap: 30px;\n }\n\n .resultado-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 .resultado-item:hover {\n transform: translateY(-10px);\n box-shadow: 0 15px 30px rgba(0,0,0,0.1);\n }\n\n .resultado-item .numero {\n font-size: 3.5rem;\n font-weight: 800;\n color: var(--azul-escola);\n margin-bottom: 10px;\n position: relative;\n display: inline-block;\n }\n\n .resultado-item .numero::after {\n content: '%';\n font-size: 1.5rem;\n position: absolute;\n top: 10px;\n right: -20px;\n }\n\n .resultado-item h3 {\n color: var(--azul-escola);\n font-size: 1.3rem;\n margin-bottom: 15px;\n }\n\n .resultado-item p {\n color: #666;\n font-size: 0.95rem;\n line-height: 1.6;\n }\n\n \/* Se\u00e7\u00e3o de depoimentos *\/\n .depoimentos {\n background: linear-gradient(45deg, var(--azul-medio), var(--azul-escuro));\n border-radius: 15px;\n padding: 60px 50px;\n margin-bottom: 60px;\n color: white;\n position: relative;\n overflow: hidden;\n }\n\n .depoimentos h2 {\n font-size: 2.5rem;\n margin-bottom: 40px;\n text-align: center;\n position: relative;\n }\n\n .depoimentos 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 .depoimentos-grid {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 30px;\n }\n\n .depoimento-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 .depoimento-card:hover {\n transform: translateY(-10px);\n background-color: rgba(255, 255, 255, 0.2);\n }\n\n .depoimento-card p {\n font-size: 1rem;\n line-height: 1.6;\n margin-bottom: 20px;\n font-style: italic;\n }\n\n .depoimento-autor {\n display: flex;\n align-items: center;\n }\n\n .depoimento-autor .foto {\n width: 50px;\n height: 50px;\n border-radius: 50%;\n background-color: var(--amarelo-escola);\n margin-right: 15px;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: bold;\n color: var(--azul-escola);\n }\n\n .depoimento-autor .info h4 {\n font-size: 1.1rem;\n margin-bottom: 5px;\n }\n\n .depoimento-autor .info p {\n font-size: 0.9rem;\n margin: 0;\n font-style: normal;\n opacity: 0.8;\n }\n\n .depoimentos-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(--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 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(--azul-medio);\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(--azul-medio);\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(--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(--azul-medio), var(--azul-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(--amarelo-escola);\n color: var(--azul-escola);\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: #e8b829;\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=\"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 \/* Responsividade *\/\n @media (max-width: 992px) {\n .resultados-grid, .diferenciais-grid {\n grid-template-columns: repeat(2, 1fr);\n }\n\n .depoimentos-grid {\n grid-template-columns: 1fr;\n gap: 30px;\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 .citacao, .introducao, .depoimentos {\n padding: 30px;\n }\n\n .citacao blockquote {\n font-size: 1.5rem;\n }\n\n .resultados-grid {\n grid-template-columns: repeat(2, 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 p {\n font-size: 1.2rem;\n }\n\n .citacao blockquote {\n font-size: 1.3rem;\n }\n\n .introducao h2, .resultados h2, .depoimentos h2, .diferenciais h2, .galeria h2, .cta h2 {\n font-size: 2rem;\n }\n\n .resultados-grid, .diferenciais-grid {\n grid-template-columns: 1fr;\n }\n\n .galeria-container {\n grid-template-columns: 1fr;\n }\n }\n <\/style>\n \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 \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 \n <section class=\"banner-principal\">\n <div class=\"banner-overlay\"><\/div>\n <div class=\"grafico grafico-1\"><\/div>\n <div class=\"grafico grafico-2\"><\/div>\n <div class=\"banner-conteudo\">\n <h1>ENSINO M\u00c9DIO<\/h1>\n <p>Preparando para mais do que o vestibular, para a vida.<\/p>\n <\/div>\n <\/section>\n\n \n <section class=\"citacao\">\n <blockquote>\n Somos destaque em aprova\u00e7\u00e3o no SISU e v\u00e1rios vestibulares!\n <\/blockquote>\n <\/section>\n\n \n <section class=\"introducao\">\n <h2>Forma\u00e7\u00e3o Completa para o Futuro<\/h2>\n <p>O Ensino M\u00e9dio do Col\u00e9gio Gera\u00e7\u00e3o Atual tem como objetivo <span class=\"destaque\">desenvolver a capacidade de aprender e continuar aprendendo<\/span>, da autonomia intelectual e do pensamento cr\u00edtico, de modo a ser capaz de prosseguir os estudos e de adaptar-se com flexibilidade a novas condi\u00e7\u00f5es de ocupa\u00e7\u00e3o ou aperfei\u00e7oamento.<\/p>\n <p>Nossos alunos s\u00e3o preparados para <span class=\"destaque-amarelo\">constituir significados socialmente constru\u00eddos e reconhecidos como verdadeiros<\/span>, sobre o mundo f\u00edsico e natural, sobre a realidade social e pol\u00edtica.<\/p>\n <p>Buscamos que nossos estudantes <span class=\"destaque\">compreendam o significado das ci\u00eancias, das letras e das artes<\/span> e do processo de transforma\u00e7\u00e3o da sociedade e da cultura, em especial as do Brasil, de modo a possuir as compet\u00eancias e habilidades necess\u00e1rias ao exerc\u00edcio da cidadania e do trabalho.<\/p>\n <p>Nosso diferencial est\u00e1 em <span class=\"destaque-amarelo\">dominar os princ\u00edpios e fundamentos cient\u00edfico-tecnol\u00f3gicos<\/span> que presidem a produ\u00e7\u00e3o moderna de bens, servi\u00e7os e conhecimentos, tanto em seus produtos como em seus processos, de modo a ser capaz de relacionar a teoria com a pr\u00e1tica e o desenvolvimento da flexibilidade para novas condi\u00e7\u00f5es de ocupa\u00e7\u00e3o ou aperfei\u00e7oamento posteriores.<\/p>\n <\/section>\n\n \n <section class=\"resultados\">\n <h2>Nossos Resultados<\/h2>\n <div class=\"resultados-grid\">\n <div class=\"resultado-item\" data-aos=\"zoom-in\">\n <div class=\"numero\">83<\/div>\n <h3>Aprova\u00e7\u00e3o no SISU<\/h3>\n <p>Percentual de estudantes aprovados no SISU e em v\u00e1rios vestibulares.<\/p>\n <\/div>\n <div class=\"resultado-item\" data-aos=\"zoom-in\" data-aos-delay=\"100\">\n <div class=\"numero\">95<\/div>\n <h3>Satisfa\u00e7\u00e3o dos Alunos<\/h3>\n <p>\u00cdndice de satisfa\u00e7\u00e3o dos alunos com a metodologia e prepara\u00e7\u00e3o para o vestibular.<\/p>\n <\/div>\n <div class=\"resultado-item\" data-aos=\"zoom-in\" data-aos-delay=\"200\">\n <div class=\"numero\">90<\/div>\n <h3>Aprova\u00e7\u00e3o em Federais<\/h3>\n <p>Percentual de aprova\u00e7\u00e3o em universidades federais como UFPE, UFRPE e IFPE.<\/p>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section class=\"depoimentos\">\n <div class=\"depoimentos-overlay\"><\/div>\n <h2>Depoimentos de Ex-alunos<\/h2>\n <div class=\"depoimentos-grid\">\n <div class=\"depoimento-card\" data-aos=\"fade-up\">\n <p>\"O Col\u00e9gio Gera\u00e7\u00e3o Atual foi fundamental para minha aprova\u00e7\u00e3o em Medicina na UFPE. A metodologia de ensino, o material did\u00e1tico atualizado e o apoio dos professores fizeram toda a diferen\u00e7a na minha prepara\u00e7\u00e3o para o vestibular.\"<\/p>\n <div class=\"depoimento-autor\">\n <div class=\"foto\">JM<\/div>\n <div class=\"info\">\n <h4>Jo\u00e3o Marcos<\/h4>\n <p>Medicina - UFPE<\/p>\n <\/div>\n <\/div>\n <\/div>\n <div class=\"depoimento-card\" data-aos=\"fade-up\" data-aos-delay=\"100\">\n <p>\"Estudei no Gera\u00e7\u00e3o Atual durante todo o Ensino M\u00e9dio e consegui aprova\u00e7\u00e3o em Engenharia Civil na UFRPE. O diferencial foi a prepara\u00e7\u00e3o completa, n\u00e3o apenas para o vestibular, mas para a vida acad\u00eamica como um todo.\"<\/p>\n <div class=\"depoimento-autor\">\n <div class=\"foto\">AM<\/div>\n <div class=\"info\">\n <h4>Ana Maria<\/h4>\n <p>Engenharia Civil - UFRPE<\/p>\n <\/div>\n <\/div>\n <\/div>\n <div class=\"depoimento-card\" data-aos=\"fade-up\" data-aos-delay=\"200\">\n <p>\"O que mais me impressionou no Col\u00e9gio Gera\u00e7\u00e3o Atual foi o acompanhamento personalizado. Os professores realmente se importam com o desempenho de cada aluno e est\u00e3o sempre dispon\u00edveis para tirar d\u00favidas e oferecer suporte extra.\"<\/p>\n <div class=\"depoimento-autor\">\n <div class=\"foto\">PH<\/div>\n <div class=\"info\">\n <h4>Pedro Henrique<\/h4>\n <p>Direito - UFPE<\/p>\n <\/div>\n <\/div>\n <\/div>\n <div class=\"depoimento-card\" data-aos=\"fade-up\" data-aos-delay=\"300\">\n <p>\"Al\u00e9m da excelente prepara\u00e7\u00e3o acad\u00eamica, o Gera\u00e7\u00e3o Atual me ajudou a desenvolver habilidades socioemocionais que s\u00e3o essenciais na universidade e no mercado de trabalho. Foi uma forma\u00e7\u00e3o completa para a vida.\"<\/p>\n <div class=\"depoimento-autor\">\n <div class=\"foto\">CL<\/div>\n <div class=\"info\">\n <h4>Carolina Lima<\/h4>\n <p>Psicologia - UFPE<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n \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\"><\/i>\n <\/div>\n <h3>Material SAS<\/h3>\n <p>Material did\u00e1tico do Sistema Ari de S\u00e1, atualizado semestralmente e alinhado com os principais vestibulares do pa\u00eds.<\/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-chalkboard-teacher\"><\/i>\n <\/div>\n <h3>Corpo Docente Especializado<\/h3>\n <p>Professores com vasta experi\u00eancia em prepara\u00e7\u00e3o para vestibulares e ENEM.<\/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>Plataforma Digital<\/h3>\n <p>Acesso \u00e0 plataforma digital SAS com videoaulas, exerc\u00edcios e simulados 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-chart-line\"><\/i>\n <\/div>\n <h3>Simulados Peri\u00f3dicos<\/h3>\n <p>Simulados bimestrais no formato ENEM e dos principais vestibulares.<\/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-user-graduate\"><\/i>\n <\/div>\n <h3>Orienta\u00e7\u00e3o Vocacional<\/h3>\n <p>Programa de orienta\u00e7\u00e3o vocacional para auxiliar na escolha da carreira profissional.<\/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-brain\"><\/i>\n <\/div>\n <h3>Programa +Atitude<\/h3>\n <p>Desenvolvimento de habilidades socioemocionais essenciais para o sucesso acad\u00eamico e profissional.<\/p>\n <\/div>\n <\/div>\n <\/section>\n\n \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 Ensino M\u00e9dio\">\n <div class=\"overlay\">Salas de aula equipadas com recursos multim\u00eddia<\/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 para aulas pr\u00e1ticas<\/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=\"Sala de estudos\">\n <div class=\"overlay\">Sala de estudos para atividades em grupo<\/div>\n <\/div>\n <\/div>\n <\/section>\n\n \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 M\u00e9dio.<\/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('.resultado-item, .depoimento-card, .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 \/\/ Anima\u00e7\u00e3o para os n\u00fameros de resultados\n const resultadoNumeros = document.querySelectorAll('.resultado-item .numero');\n \n resultadoNumeros.forEach(numero => {\n const valorFinal = parseInt(numero.textContent);\n let valorAtual = 0;\n \n function animarNumero() {\n if (valorAtual < valorFinal) {\n valorAtual += 1;\n numero.textContent = valorAtual;\n setTimeout(animarNumero, 2000 \/ valorFinal);\n }\n }\n \n \/\/ Inicia a anima\u00e7\u00e3o quando o elemento estiver vis\u00edvel\n const observer = new IntersectionObserver((entries) => {\n entries.forEach(entry => {\n if (entry.isIntersecting) {\n numero.textContent = '0';\n setTimeout(animarNumero, 500);\n observer.unobserve(entry.target);\n }\n });\n });\n \n observer.observe(numero);\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>Ensino M\u00e9dio – Col\u00e9gio Gera\u00e7\u00e3o Atual ENSINO M\u00c9DIO Preparando para mais do que o vestibular, para a vida. Somos destaque em aprova\u00e7\u00e3o no SISU e v\u00e1rios vestibulares! Forma\u00e7\u00e3o Completa para o Futuro O Ensino M\u00e9dio do Col\u00e9gio Gera\u00e7\u00e3o Atual tem como objetivo desenvolver a capacidade de aprender e continuar aprendendo, da autonomia intelectual e do […]<\/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-2263","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/geracaoatual.com.br\/site\/wp-json\/wp\/v2\/pages\/2263","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=2263"}],"version-history":[{"count":7,"href":"https:\/\/geracaoatual.com.br\/site\/wp-json\/wp\/v2\/pages\/2263\/revisions"}],"predecessor-version":[{"id":2434,"href":"https:\/\/geracaoatual.com.br\/site\/wp-json\/wp\/v2\/pages\/2263\/revisions\/2434"}],"wp:attachment":[{"href":"https:\/\/geracaoatual.com.br\/site\/wp-json\/wp\/v2\/media?parent=2263"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}