Col\u00e9gio Gera\u00e7\u00e3o Atual<\/title>\n <style>\n \/* Estilos para a p\u00e1gina Home - Moderno e Din\u00e2mico *\/\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 width: 100%;\n }\n\n .container {\n max-width: 1200px;\n margin: 0 auto;\n padding: 0 20px;\n width: 100%;\n }\n\n \/* Cores principais *\/\n :root {\n --azul-escola: #0c5bc0;\n --amarelo-escola: #f7c71a;\n --verde-infantil: #8bc34a;\n --amarelo-fundamental1: #fcd332;\n --vermelho-fundamental2: #e53935;\n --azul-medio: #0c5bc0;\n --cinza-claro: #f5f5f5;\n --vermelho: #e53935;\n --cinza-escuro: #2c3e50;\n --cinza-medio: #34495e;\n }\n\n \/* Menu de Navega\u00e7\u00e3o - Melhorado para responsividade *\/\n .header {\n position: fixed;\n top: 0;\n left: 0;\n width: 100%;\n background-color: var(--amarelo-escola);\n z-index: 1000;\n box-shadow: 0 2px 10px rgba(0,0,0,0.1);\n }\n\n .navbar {\n display: flex;\n justify-content: space-between;\n align-items: center;\n padding: 15px 20px;\n max-width: 1400px;\n margin: 0 auto;\n position: relative;\n }\n\n .logo {\n height: 60px;\n z-index: 1001;\n }\n\n .logo img {\n height: 100%;\n }\n\n .nav-links {\n display: flex;\n align-items: center;\n gap: 10px;\n }\n\n .nav-item {\n position: relative;\n }\n\n .nav-link {\n color: var(--azul-escola);\n text-decoration: none;\n font-weight: 600;\n font-size: 1rem;\n padding: 10px 15px;\n border-radius: 5px;\n transition: all 0.3s ease;\n white-space: nowrap;\n }\n\n .nav-link:hover {\n background-color: rgba(255, 255, 255, 0.2);\n }\n\n .nav-item.has-dropdown:hover .dropdown {\n display: block;\n }\n\n .dropdown {\n position: absolute;\n top: 100%;\n left: 0;\n background-color: white;\n min-width: 220px;\n box-shadow: 0 8px 16px rgba(0,0,0,0.1);\n border-radius: 5px;\n padding: 10px 0;\n display: none;\n z-index: 1001;\n }\n\n .dropdown-item {\n display: block;\n padding: 10px 20px;\n color: var(--azul-escola);\n text-decoration: none;\n font-weight: 500;\n transition: all 0.3s ease;\n }\n\n .dropdown-item:hover {\n background-color: rgba(12, 91, 192, 0.1);\n }\n\n .dropdown-item.infantil:hover {\n background-color: rgba(139, 195, 74, 0.1);\n color: var(--verde-infantil);\n }\n\n .dropdown-item.fundamental1:hover {\n background-color: rgba(252, 211, 50, 0.1);\n color: var(--amarelo-fundamental1);\n }\n\n .dropdown-item.fundamental2:hover {\n background-color: rgba(229, 57, 53, 0.1);\n color: var(--vermelho-fundamental2);\n }\n\n .dropdown-item.medio:hover {\n background-color: rgba(12, 91, 192, 0.1);\n color: var(--azul-medio);\n }\n\n .portal-buttons {\n display: flex;\n gap: 10px;\n }\n\n .portal-button {\n padding: 10px 15px;\n background-color: var(--vermelho);\n color: white;\n border: none;\n border-radius: 5px;\n font-size: 0.9rem;\n font-weight: 600;\n cursor: pointer;\n transition: all 0.3s ease;\n text-decoration: none;\n white-space: nowrap;\n }\n\n .portal-button:hover {\n transform: translateY(-3px);\n box-shadow: 0 5px 10px rgba(229, 57, 53, 0.3);\n }\n\n \/* Menu Toggle para Mobile *\/\n .menu-toggle {\n display: none;\n flex-direction: column;\n justify-content: space-between;\n width: 30px;\n height: 21px;\n cursor: pointer;\n z-index: 1001;\n }\n\n .menu-toggle span {\n display: block;\n height: 3px;\n width: 100%;\n background-color: var(--azul-escola);\n border-radius: 3px;\n transition: all 0.3s ease;\n }\n\n .menu-toggle.active span:nth-child(1) {\n transform: rotate(45deg) translate(5px, 5px);\n }\n\n .menu-toggle.active span:nth-child(2) {\n opacity: 0;\n }\n\n .menu-toggle.active span:nth-child(3) {\n transform: rotate(-45deg) translate(7px, -6px);\n }\n\n \/* Nova Se\u00e7\u00e3o Principal - Sem waves *\/\n .hero-section {\n position: relative;\n background-color: var(--amarelo-escola);\n min-height: 100vh;\n display: flex;\n align-items: center;\n overflow: hidden;\n margin-bottom: 40px;\n width: 100vw;\n margin-left: calc(-50vw + 50%);\n margin-right: calc(-50vw + 50%);\n padding-top: 90px;\n }\n\n @keyframes float {\n 0%, 100% {\n transform: translateY(0px) rotate(0deg);\n }\n 50% {\n transform: translateY(-20px) rotate(5deg);\n }\n }\n\n .hero-container {\n max-width: 1400px;\n margin: 0 auto;\n padding: 0 20px;\n width: 100%;\n display: flex;\n align-items: center;\n justify-content: space-between;\n position: relative;\n z-index: 2;\n }\n\n .hero-content {\n flex: 1;\n padding-right: 40px;\n }\n\n \/* Substituindo o texto por imagem do slogan *\/\n .hero-slogan {\n width: 80%;\n max-width: 500px;\n height: auto;\n margin-bottom: -50px;\n border-radius: 10px;\n }\n\n .hero-description {\n font-size: 1.3rem;\n color: var(--azul-escola);\n margin-bottom: 40px;\n line-height: 1.6;\n max-width: 600px;\n Color: black;\n justify-content: justify;\n \n }\n\n .hero-buttons {\n display: flex;\n gap: 20px;\n justify-content: center;\n align-items: center;\n width: 100%;\n }\n\n .hero-button {\n padding: 15px 30px;\n background-color: var(--azul-escola);\n color: white;\n border: none;\n border-radius: 50px;\n font-size: 1.1rem;\n font-weight: 600;\n cursor: pointer;\n transition: all 0.3s ease;\n text-decoration: none;\n display: inline-flex;\n align-items: center;\n justify-content: center;\n gap: 10px;\n min-width: 200px;\n }\n\n .hero-button:hover {\n transform: translateY(-5px);\n box-shadow: 0 10px 20px rgba(12, 91, 192, 0.3);\n background-color: #094a9e;\n }\n\n .hero-button i {\n font-size: 1.2rem;\n }\n\n .hero-image {\n flex: 1;\n position: relative;\n height: 700px;\n width: 100%;\n max-width: 500px;\n border-radius: 20px;\n overflow: hidden;\n \n }\n\n .hero-image img {\n width: 100%;\n height: 100%;\n object-fit: cover;\n }\n\n \/* Se\u00e7\u00e3o de Segmentos *\/\n .segmentos {\n margin-bottom: 40px;\n padding: 0 20px;\n }\n\n .segmentos h2 {\n color: var(--azul-escola);\n font-size: 2.5rem;\n text-align: center;\n margin-bottom: 40px;\n position: relative;\n }\n\n .segmentos 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 .segmentos-grid {\n display: grid;\n grid-template-columns: repeat(4, 1fr);\n gap: 20px;\n }\n\n .segmento-item {\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 text-decoration: none;\n position: relative;\n height: 250px;\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n text-align: center;\n padding: 20px;\n }\n\n .segmento-item:hover {\n transform: translateY(-10px);\n box-shadow: 0 15px 30px rgba(0,0,0,0.1);\n }\n\n .segmento-infantil {\n background-color: var(--verde-infantil);\n }\n\n .segmento-fundamental1 {\n background-color: var(--amarelo-fundamental1);\n }\n\n .segmento-fundamental2 {\n background-color: var(--vermelho-fundamental2);\n }\n\n .segmento-medio {\n background-color: var(--azul-medio);\n }\n\n .segmento-icone {\n width: 80px;\n height: 80px;\n margin-bottom: 20px;\n transition: all 0.3s ease;\n display: flex;\n align-items: center;\n justify-content: center;\n background-color: rgba(255, 255, 255, 0.2);\n border-radius: 50%;\n backdrop-filter: blur(5px);\n }\n\n .segmento-icone svg {\n width: 50px;\n height: 50px;\n fill: white;\n transition: all 0.3s ease;\n }\n\n .segmento-item:hover .segmento-icone {\n transform: scale(1.1) rotate(5deg);\n }\n\n .segmento-item:hover .segmento-icone svg {\n transform: scale(1.1);\n }\n\n .segmento-titulo {\n font-size: 1.5rem;\n font-weight: 700;\n margin-bottom: 10px;\n color: white;\n text-shadow: 1px 1px 3px rgba(0,0,0,0.3);\n }\n\n .segmento-subtitulo {\n font-size: 1.1rem;\n color: white;\n text-shadow: 1px 1px 3px rgba(0,0,0,0.3);\n }\n\n \/* Se\u00e7\u00e3o de Frases Destaque *\/\n .frases-destaque {\n margin-bottom: 40px;\n text-align: center;\n padding: 40px 20px;\n background-color: var(--amarelo-escola);\n border-radius: 15px;\n position: relative;\n overflow: hidden;\n }\n\n .frases-destaque h2 {\n color: var(--azul-escola);\n font-size: 2.8rem;\n margin-bottom: 20px;\n font-weight: 800;\n }\n\n .frases-destaque p {\n color: var(--azul-escola);\n font-size: 1.8rem;\n font-weight: 600;\n font-style: italic;\n }\n\n .frases-overlay {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background: url('data:image\/svg+xml;utf8,<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"100\" height=\"100\" viewBox=\"0 0 100 100\"><polygon points=\"0,0 100,0 50,100\" fill=\"%23ffffff\" fill-opacity=\"0.05\"\/><polygon points=\"0,100 100,100 50,0\" fill=\"%23ffffff\" fill-opacity=\"0.05\"\/><\/svg>');\n background-size: 50px 50px;\n opacity: 0.3;\n z-index: 1;\n }\n\n .frases-conteudo {\n position: relative;\n z-index: 2;\n }\n\n \/* Se\u00e7\u00e3o de Depoimentos *\/\n .depoimentos {\n margin-bottom: 40px;\n padding: 0 20px;\n }\n\n .depoimentos h2 {\n color: var(--azul-escola);\n font-size: 2.5rem;\n text-align: center;\n margin-bottom: 40px;\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-video {\n border-radius: 15px;\n overflow: hidden;\n box-shadow: 0 10px 20px rgba(0,0,0,0.1);\n position: relative;\n padding-bottom: 56.25%;\n height: 0;\n }\n\n .depoimento-video iframe {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n border: none;\n }\n\n \/* Se\u00e7\u00e3o de Resultados *\/\n .resultados {\n margin-bottom: 40px;\n background-color: var(--cinza-claro);\n border-radius: 15px;\n padding: 40px 20px;\n position: relative;\n }\n\n .resultados h2 {\n color: var(--azul-escola);\n font-size: 2.5rem;\n text-align: center;\n margin-bottom: 40px;\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(4, 1fr);\n gap: 30px;\n }\n\n .resultado-item {\n background-color: white;\n border-radius: 15px;\n padding: 30px;\n text-align: center;\n box-shadow: 0 10px 20px rgba(0,0,0,0.05);\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-numero {\n font-size: 3rem;\n font-weight: 800;\n color: var(--azul-escola);\n margin-bottom: 10px;\n }\n\n .resultado-texto {\n color: #555;\n font-size: 1.1rem;\n line-height: 1.4;\n }\n\n \/* Se\u00e7\u00e3o de Sobre N\u00f3s *\/\n .sobre {\n margin-bottom: 40px;\n display: flex;\n align-items: center;\n gap: 50px;\n padding: 0 20px;\n }\n\n .sobre-imagem {\n flex: 1;\n border-radius: 15px;\n overflow: hidden;\n box-shadow: 0 10px 20px rgba(0,0,0,0.1);\n }\n\n .sobre-imagem img {\n width: 100%;\n height: auto;\n display: block;\n transition: all 0.5s ease;\n }\n\n .sobre-imagem:hover img {\n transform: scale(1.05);\n }\n\n .sobre-conteudo {\n flex: 1;\n }\n\n .sobre-conteudo h2 {\n color: var(--azul-escola);\n font-size: 2.5rem;\n margin-bottom: 30px;\n position: relative;\n }\n\n .sobre-conteudo h2::after {\n content: '';\n position: absolute;\n bottom: -15px;\n left: 0;\n width: 100px;\n height: 5px;\n background: var(--amarelo-escola);\n border-radius: 10px;\n }\n\n .sobre-conteudo p {\n color: #555;\n font-size: 1.1rem;\n line-height: 1.8;\n margin-bottom: 20px;\n }\n\n .sobre-conteudo .destaque {\n font-weight: 700;\n color: var(--azul-escola);\n }\n\n \/* Se\u00e7\u00e3o de Ambiente Escolar *\/\n .ambiente {\n margin-bottom: 40px;\n padding: 0 20px;\n }\n\n .ambiente h2 {\n color: var(--azul-escola);\n font-size: 2.5rem;\n text-align: center;\n margin-bottom: 40px;\n position: relative;\n }\n\n .ambiente 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 .ambiente-grid {\n display: grid;\n grid-template-columns: repeat(3, 1fr);\n gap: 30px;\n }\n\n .ambiente-item {\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 position: relative;\n }\n\n .ambiente-item:hover {\n transform: translateY(-10px);\n box-shadow: 0 15px 30px rgba(0,0,0,0.1);\n }\n\n .ambiente-item img {\n width: 100%;\n height: 250px;\n object-fit: cover;\n transition: all 0.5s ease;\n }\n\n .ambiente-item:hover img {\n transform: scale(1.1);\n }\n\n .ambiente-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 }\n\n .ambiente-titulo {\n font-size: 1.3rem;\n font-weight: 600;\n margin-bottom: 5px;\n color: white;\n }\n\n .ambiente-descricao {\n font-size: 0.9rem;\n opacity: 0.9;\n }\n\n \/* Se\u00e7\u00e3o de Diferenciais *\/\n .diferenciais {\n margin-bottom: 40px;\n background: linear-gradient(45deg, var(--azul-escola), #4a90e2);\n border-radius: 15px;\n padding: 40px 20px;\n color: white;\n position: relative;\n overflow: hidden;\n }\n\n .diferenciais h2 {\n font-size: 2.5rem;\n text-align: center;\n margin-bottom: 40px;\n position: relative;\n color: white;\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: rgba(255, 255, 255, 0.1);\n border-radius: 15px;\n padding: 30px;\n text-align: center;\n transition: all 0.3s ease;\n backdrop-filter: blur(5px);\n }\n\n .diferencial-item:hover {\n transform: translateY(-10px);\n background-color: rgba(255, 255, 255, 0.2);\n }\n\n .diferencial-item .icone {\n width: 80px;\n height: 80px;\n background-color: rgba(255, 255, 255, 0.2);\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: white;\n transition: all 0.3s ease;\n }\n\n .diferencial-item:hover .icone i {\n color: var(--azul-escola);\n }\n\n .diferencial-item h3 {\n color: white;\n font-size: 1.3rem;\n margin-bottom: 15px;\n }\n\n .diferencial-item p {\n color: rgba(255, 255, 255, 0.9);\n font-size: 0.95rem;\n line-height: 1.6;\n }\n\n \/* Se\u00e7\u00e3o de CTA *\/\n .cta {\n background: linear-gradient(45deg, var(--azul-escola), #4a90e2);\n border-radius: 15px;\n padding: 40px 20px;\n text-align: center;\n margin-bottom: 40px;\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: white;\n }\n\n .botao-whatsapp i {\n margin-right: 10px;\n }\n\n .cta-overlay {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background: url('data:image\/svg+xml;utf8,<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"100\" height=\"100\" viewBox=\"0 0 100 100\"><polygon points=\"0,0 100,0 50,100\" fill=\"%23ffffff\" fill-opacity=\"0.05\"\/><polygon points=\"0,100 100,100 50,0\" fill=\"%23ffffff\" fill-opacity=\"0.05\"\/><\/svg>');\n background-size: 50px 50px;\n opacity: 0.3;\n z-index: 1;\n }\n\n .cta-conteudo {\n position: relative;\n z-index: 2;\n }\n\n \/* Rodap\u00e9 - Redimensionado e mais compacto *\/\n .footer {\n background: linear-gradient(135deg, var(--cinza-escuro) 0%, var(--cinza-medio) 100%);\n color: white;\n padding: 25px 0 15px;\n margin-top: 40px;\n }\n\n .footer-container {\n max-width: 1400px;\n margin: 0 auto;\n padding: 0 20px;\n }\n\n .footer-content {\n display: grid;\n grid-template-columns: repeat(4, 1fr);\n gap: 25px;\n margin-bottom: 15px;\n }\n\n .footer-section h3 {\n color: var(--amarelo-escola);\n font-size: 1.1rem;\n margin-bottom: 12px;\n font-weight: 700;\n }\n\n .footer-section p,\n .footer-section a {\n color: rgba(255, 255, 255, 0.8);\n font-size: 0.85rem;\n line-height: 1.5;\n text-decoration: none;\n transition: all 0.3s ease;\n }\n\n .footer-section a:hover {\n color: var(--amarelo-escola);\n }\n\n .footer-section ul {\n list-style: none;\n }\n\n .footer-section ul li {\n margin-bottom: 6px;\n }\n\n .footer-social {\n display: flex;\n gap: 12px;\n margin-top: 12px;\n }\n\n .footer-social a {\n display: flex;\n align-items: center;\n justify-content: center;\n width: 35px;\n height: 35px;\n background-color: rgba(255, 255, 255, 0.1);\n border-radius: 50%;\n transition: all 0.3s ease;\n }\n\n .footer-social a:hover {\n background-color: var(--amarelo-escola);\n transform: translateY(-2px);\n }\n\n .footer-social a i {\n font-size: 1.1rem;\n }\n\n .footer-bottom {\n border-top: 1px solid rgba(255, 255, 255, 0.1);\n padding-top: 15px;\n text-align: center;\n }\n\n .footer-bottom p {\n color: rgba(255, 255, 255, 0.6);\n font-size: 0.75rem;\n }\n\n \/* Responsividade para \u00edcones dos segmentos *\/\n @media (max-width: 1024px) {\n .segmento-icone {\n width: 70px;\n height: 70px;\n }\n \n .segmento-icone svg {\n width: 42px;\n height: 42px;\n }\n }\n\n @media (max-width: 768px) {\n .segmento-icone {\n width: 60px;\n height: 60px;\n margin-bottom: 15px;\n }\n \n .segmento-icone svg {\n width: 36px;\n height: 36px;\n }\n }\n\n @media (max-width: 480px) {\n .segmento-icone {\n width: 50px;\n height: 50px;\n margin-bottom: 12px;\n }\n \n .segmento-icone svg {\n width: 30px;\n height: 30px;\n }\n }\n\n \/* Responsividade geral *\/\n @media (max-width: 1024px) {\n .nav-links {\n display: none;\n position: absolute;\n top: 100%;\n left: 0;\n width: 100%;\n background-color: var(--amarelo-escola);\n flex-direction: column;\n padding: 20px;\n box-shadow: 0 5px 15px rgba(0,0,0,0.1);\n }\n\n .nav-links.active {\n display: flex;\n }\n\n .nav-item {\n margin: 10px 0;\n width: 100%;\n }\n\n .nav-link {\n display: block;\n width: 100%;\n text-align: center;\n padding: 15px;\n }\n\n .dropdown {\n position: static;\n display: block;\n box-shadow: none;\n background-color: rgba(255, 255, 255, 0.1);\n margin-top: 10px;\n }\n\n .portal-buttons {\n flex-direction: column;\n width: 100%;\n gap: 10px;\n }\n\n .portal-button {\n width: 100%;\n text-align: center;\n }\n\n .menu-toggle {\n display: flex;\n }\n\n .hero-container {\n flex-direction: column;\n text-align: center;\n padding: 20px;\n }\n\n .hero-content {\n padding-right: 0;\n margin-bottom: 30px;\n order: 2;\n display: flex;\n flex-direction: column;\n }\n\n .hero-slogan {\n order: 1;\n max-width: 100%;\n height: 300px;\n margin-bottom: 2px;\n position: center;\n }\n\n .hero-description {\n order: 3;\n margin-bottom: 20px;\n }\n\n .hero-buttons {\n order: 4;\n justify-content: center;\n flex-wrap: wrap;\n }\n\n .hero-image {\n order: 3;\n max-width: 100%;\n height: 300px;\n margin-bottom: 20px;\n position: center;\n }\n\n .segmentos-grid {\n grid-template-columns: repeat(2, 1fr);\n }\n\n .resultados-grid {\n grid-template-columns: repeat(2, 1fr);\n }\n\n .depoimentos-grid {\n grid-template-columns: 1fr;\n }\n\n .ambiente-grid {\n grid-template-columns: repeat(2, 1fr);\n }\n\n .diferenciais-grid {\n grid-template-columns: 1fr;\n }\n\n .sobre {\n flex-direction: column;\n text-align: center;\n }\n\n .footer-content {\n grid-template-columns: repeat(2, 1fr);\n gap: 20px;\n }\n\n .footer-section h3 {\n font-size: 1rem;\n margin-bottom: 10px;\n }\n\n .footer-section p,\n .footer-section a {\n font-size: 0.8rem;\n }\n\n .footer-social {\n gap: 10px;\n margin-top: 10px;\n }\n\n .footer-social a {\n width: 32px;\n height: 32px;\n }\n\n .footer-social a i {\n font-size: 1rem;\n }\n }\n\n @media (max-width: 768px) {\n .hero-title {\n font-size: 2.5rem;\n }\n\n .hero-description {\n font-size: 1.1rem;\n }\n\n .segmentos-grid {\n grid-template-columns: 1fr;\n }\n\n .resultados-grid {\n grid-template-columns: repeat(2, 1fr);\n }\n\n .ambiente-grid {\n grid-template-columns: 1fr;\n }\n\n .footer-content {\n grid-template-columns: 1fr;\n text-align: center;\n gap: 15px;\n }\n\n .footer-section h3 {\n font-size: 0.95rem;\n margin-bottom: 8px;\n }\n\n .footer-section p,\n .footer-section a {\n font-size: 0.75rem;\n }\n\n .footer-social {\n justify-content: center;\n gap: 8px;\n margin-top: 8px;\n }\n\n .footer-social a {\n width: 30px;\n height: 30px;\n }\n\n .footer-social a i {\n font-size: 0.9rem;\n }\n\n .footer-bottom p {\n font-size: 0.7rem;\n }\n }\n\n @media (max-width: 480px) {\n .hero-title {\n font-size: 2rem;\n }\n\n .hero-description {\n font-size: 1rem;\n }\n\n .hero-button {\n padding: 12px 20px;\n font-size: 1rem;\n }\n\n .resultados-grid {\n grid-template-columns: 1fr;\n }\n\n .navbar {\n padding: 10px 15px;\n }\n\n .logo {\n height: 50px;\n }\n }\n <\/style>\n <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.0.0\/css\/all.min.css\">\n<\/head>\n<body>\n \n <header class=\"header\">\n <nav class=\"navbar\">\n <div class=\"logo\">\n <a href=\"https:\/\/geracaoatual.com.br\/site\/\"><img decoding=\"async\" src=\"https:\/\/geracaoatual.com.br\/site\/wp-content\/uploads\/2025\/06\/LOGO-SITE.png\" alt=\"Col\u00e9gio Gera\u00e7\u00e3o Atual\"><\/a>\n <\/div>\n \n <div class=\"nav-links\" id=\"navLinks\">\n <div class=\"nav-item\">\n <a href=\"https:\/\/geracaoatual.com.br\/site\/\" class=\"nav-link\">Home<\/a>\n <\/div>\n <div class=\"nav-item has-dropdown\">\n <a href=\"#\" class=\"nav-link\">Segmentos<\/a>\n <div class=\"dropdown\">\n <a href=\"https:\/\/geracaoatual.com.br\/site\/educacao-infantil\/\" class=\"dropdown-item infantil\">Educa\u00e7\u00e3o Infantil<\/a>\n <a href=\"https:\/\/geracaoatual.com.br\/site\/ensino-fundamental1\/\" class=\"dropdown-item fundamental1\">Ensino Fundamental I<\/a>\n <a href=\"https:\/\/geracaoatual.com.br\/site\/ensino-fundamental2\/\" class=\"dropdown-item fundamental2\">Ensino Fundamental II<\/a>\n <a href=\"https:\/\/geracaoatual.com.br\/site\/ensino-medio\/\" class=\"dropdown-item medio\">Ensino M\u00e9dio<\/a>\n <\/div>\n <\/div>\n \n \n <div class=\"nav-item\">\n <a href=\"https:\/\/geracaoatual.com.br\/site\/conquistas\/\" class=\"nav-link\">Conquistas<\/a>\n <\/div>\n <div class=\"nav-item\">\n <a href=\"#\" class=\"nav-link\">Contato<\/a>\n <\/div>\n \n <div class=\"portal-buttons\">\n <a href=\"#\" class=\"portal-button\">Portal do Aluno<\/a>\n <a href=\"#\" class=\"portal-button\">Portal do Professor<\/a>\n <\/div>\n <\/div>\n \n <div class=\"menu-toggle\" id=\"menuToggle\">\n <span><\/span>\n <span><\/span>\n <span><\/span>\n <\/div>\n <\/nav>\n <\/header>\n\n \n <section class=\"hero-section\">\n <div class=\"hero-container\">\n <div class=\"hero-content\">\n \n <img decoding=\"async\" src=\"https:\/\/geracaoatual.com.br\/site\/wp-content\/uploads\/2025\/06\/Design-sem-nome-19.png\" alt=\"Slogan da Campanha de Matr\u00edculas\" class=\"hero-slogan\">\n \n <p class=\"hero-description\">\n Descubra uma educa\u00e7\u00e3o que vai al\u00e9m do ensino tradicional. No Col\u00e9gio Gera\u00e7\u00e3o Atual, \n preparamos nossos alunos para os desafios do futuro com metodologias inovadoras e \n um ambiente acolhedor.\n <\/p>\n \n <div class=\"hero-buttons\">\n <a href=\"https:\/\/wa.me\/5511999999999?text=Ol\u00e1! Gostaria de saber mais sobre as matr\u00edculas 2025.\" class=\"hero-button\">\n <i class=\"fab fa-whatsapp\"><\/i> Fale Conosco\n <\/a>\n <\/div>\n <\/div>\n \n <div class=\"hero-image\">\n \n <img decoding=\"async\" src=\"https:\/\/geracaoatual.com.br\/site\/wp-content\/uploads\/2025\/06\/PREPARANDO-PARA-A-VIDA-E-PARA-4.png\" alt=\"Imagem Principal da Campanha de Matr\u00edculas\">\n <\/div>\n <\/div>\n <\/section>\n\n \n <div class=\"container\">\n \n <section class=\"segmentos\">\n <h2>Nossos Segmentos<\/h2>\n <div class=\"segmentos-grid\">\n <a href=\"https:\/\/geracaoatual.com.br\/site\/educacao-infantil\/\" class=\"segmento-item segmento-infantil\">\n <div class=\"segmento-icone\"><i class=\"fas fa-school\"><\/i><\/div>\n <h3 class=\"segmento-titulo\">Educa\u00e7\u00e3o Infantil<\/h3>\n <p class=\"segmento-subtitulo\">2 a 5 anos<\/p>\n <\/a>\n \n <a href=\"https:\/\/geracaoatual.com.br\/site\/ensino-fundamental1\/\" class=\"segmento-item segmento-fundamental1\">\n <div class=\"segmento-icone\"><i class=\"fas fa-school\"><\/i><\/div>\n <h3 class=\"segmento-titulo\">Fundamental I<\/h3>\n <p class=\"segmento-subtitulo\">1\u00ba ao 5\u00ba ano<\/p>\n <\/a>\n \n <a href=\"https:\/\/geracaoatual.com.br\/site\/ensino-fundamental2\/\" class=\"segmento-item segmento-fundamental2\">\n <div class=\"segmento-icone\"><i class=\"fas fa-school\"><\/i><\/div>\n <h3 class=\"segmento-titulo\">Fundamental II<\/h3>\n <p class=\"segmento-subtitulo\">6\u00ba ao 9\u00ba ano<\/p>\n <\/a>\n \n <a href=\"https:\/\/geracaoatual.com.br\/site\/ensino-medio\/\" class=\"segmento-item segmento-medio\">\n<div class=\"segmento-icone\"><i class=\"fas fa-school\"><\/i><\/div>\n <h3 class=\"segmento-titulo\">Ensino M\u00e9dio<\/h3>\n <p class=\"segmento-subtitulo\">1\u00aa \u00e0 3\u00aa s\u00e9rie<\/p>\n <\/a>\n <\/div>\n <\/section>\n\n \n <section class=\"frases-destaque\">\n <div class=\"frases-overlay\"><\/div>\n <div class=\"frases-conteudo\">\n <h2>Nosso Compromisso<\/h2>\n <p>\"Formar cidad\u00e3os cr\u00edticos, criativos e preparados para transformar o mundo\"<\/p>\n <\/div>\n <\/section>\n\n \n <section class=\"depoimentos\">\n <h2>Depoimentos<\/h2>\n <div class=\"depoimentos-grid\">\n <div class=\"depoimento-video\">\n <iframe src=\"https:\/\/www.youtube.com\/embed\/dQw4w9WgXcQ\" title=\"Depoimento 1\"><\/iframe>\n <\/div>\n <div class=\"depoimento-video\">\n <iframe src=\"https:\/\/www.youtube.com\/embed\/dQw4w9WgXcQ\" title=\"Depoimento 2\"><\/iframe>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section class=\"resultados\">\n <h2>Nossos Resultados<\/h2>\n <div class=\"resultados-grid\">\n <div class=\"resultado-item\">\n <div class=\"resultado-numero\">98%<\/div>\n <div class=\"resultado-texto\">Aprova\u00e7\u00e3o no ENEM<\/div>\n <\/div>\n <div class=\"resultado-item\">\n <div class=\"resultado-numero\">25<\/div>\n <div class=\"resultado-texto\">Anos de Experi\u00eancia<\/div>\n <\/div>\n <div class=\"resultado-item\">\n <div class=\"resultado-numero\">1200+<\/div>\n <div class=\"resultado-texto\">Alunos Formados<\/div>\n <\/div>\n <div class=\"resultado-item\">\n <div class=\"resultado-numero\">95%<\/div>\n <div class=\"resultado-texto\">Satisfa\u00e7\u00e3o dos Pais<\/div>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section class=\"sobre\">\n <div class=\"sobre-imagem\">\n <img decoding=\"async\" src=\"https:\/\/geracaoatual.com.br\/site\/wp-content\/uploads\/2024\/08\/Fachada-Unidade-01-scaled.jpg\" alt=\"Sobre o Col\u00e9gio\">\n <\/div>\n <div class=\"sobre-conteudo\">\n <h2>Sobre N\u00f3s<\/h2>\n <p>\n O <span class=\"destaque\">Col\u00e9gio Gera\u00e7\u00e3o Atual<\/span> \u00e9 uma institui\u00e7\u00e3o de ensino comprometida \n com a excel\u00eancia educacional h\u00e1 mais de 25 anos. Nossa miss\u00e3o \u00e9 formar cidad\u00e3os cr\u00edticos, \n criativos e preparados para os desafios do s\u00e9culo XXI.\n <\/p>\n <p>\n Com uma metodologia inovadora e um corpo docente altamente qualificado, oferecemos uma \n educa\u00e7\u00e3o integral que valoriza tanto o desenvolvimento acad\u00eamico quanto o crescimento \n pessoal de cada aluno.\n <\/p>\n <p>\n Nosso compromisso \u00e9 com uma <span class=\"destaque\">educa\u00e7\u00e3o que transforma vidas<\/span> \n e constr\u00f3i um futuro melhor para todos.\n <\/p>\n <\/div>\n <\/section>\n\n \n <section class=\"ambiente\">\n <h2>Nosso Espa\u00e7o<\/h2>\n <div class=\"ambiente-grid\">\n <div class=\"ambiente-item\">\n <img decoding=\"async\" src=\"https:\/\/geracaoatual.com.br\/site\/wp-content\/uploads\/2025\/06\/DSC09658-scaled.jpg\" alt=\"Laborat\u00f3rio\">\n <div class=\"ambiente-overlay\">\n <h3 class=\"ambiente-titulo\">Laborat\u00f3rio<\/h3>\n <p class=\"ambiente-descricao\">Espa\u00e7o para aprendizado pr\u00e1tico e experimenta\u00e7\u00f5es<\/p>\n <\/div>\n <\/div>\n <div class=\"ambiente-item\">\n <img decoding=\"async\" src=\"https:\/\/geracaoatual.com.br\/site\/wp-content\/uploads\/2025\/06\/DSC09621-scaled.jpg\" alt=\"Biblioteca\">\n <div class=\"ambiente-overlay\">\n <h3 class=\"ambiente-titulo\">Cozinha Experimental<\/h3>\n <p class=\"ambiente-descricao\">Onde realizamos atividades direcionadas, culin\u00e1rias e vivemos experi\u00eancias inesquec\u00edveis<\/p>\n <\/div>\n <\/div>\n <div class=\"ambiente-item\">\n <img decoding=\"async\" src=\"https:\/\/geracaoatual.com.br\/site\/wp-content\/uploads\/2025\/06\/DSC09593-scaled.jpg\" alt=\"Quadra Esportiva\">\n <div class=\"ambiente-overlay\">\n <h3 class=\"ambiente-titulo\">Quadra Poliesportiva<\/h3>\n <p class=\"ambiente-descricao\">Espa\u00e7o para esportes, atividades f\u00edsicas e a querida aula de psicomotricidade<\/p>\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\">\n <div class=\"icone\">\n <i class=\"fas fa-graduation-cap\"><\/i>\n <\/div>\n <h3>Metodologia Inovadora<\/h3>\n <p>Utilizamos as mais modernas t\u00e9cnicas pedag\u00f3gicas para garantir um aprendizado eficaz e prazeroso.<\/p>\n <\/div>\n <div class=\"diferencial-item\">\n <div class=\"icone\">\n <i class=\"fas fa-users\"><\/i>\n <\/div>\n <h3>Professores Qualificados<\/h3>\n <p>Nossa equipe \u00e9 formada por profissionais experientes e em constante atualiza\u00e7\u00e3o pedag\u00f3gica.<\/p>\n <\/div>\n <div class=\"diferencial-item\">\n <div class=\"icone\">\n <i class=\"fas fa-laptop\"><\/i>\n <\/div>\n <h3>Tecnologia Educacional<\/h3>\n <p>Integramos tecnologia ao ensino para preparar os alunos para o mundo digital.<\/p>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section class=\"cta\">\n <div class=\"cta-overlay\"><\/div>\n <div class=\"cta-conteudo\">\n <h2>Matr\u00edculas Abertas 2025<\/h2>\n <p>Garante j\u00e1 a vaga do seu filho em uma das melhores escolas da regi\u00e3o. Entre em contato conosco e conhe\u00e7a nossa proposta pedag\u00f3gica.<\/p>\n <a href=\"https:\/\/wa.me\/5511999999999?text=Ol\u00e1! Gostaria de saber mais sobre as matr\u00edculas 2025.\" class=\"botao-whatsapp\">\n <i class=\"fab fa-whatsapp\"><\/i>\n Fale Conosco pelo WhatsApp\n <\/a>\n <\/div>\n <\/section>\n <\/div>\n\n \n <footer class=\"footer\">\n <div class=\"footer-container\">\n <div class=\"footer-content\">\n <div class=\"footer-section\">\n <h3>Col\u00e9gio Gera\u00e7\u00e3o Atual<\/h3>\n <p>Educa\u00e7\u00e3o de qualidade h\u00e1 mais de 25 anos, formando cidad\u00e3os preparados para o futuro.<\/p>\n <div class=\"footer-social\">\n <a href=\"#\"><i class=\"fab fa-facebook-f\"><\/i><\/a>\n <a href=\"#\"><i class=\"fab fa-instagram\"><\/i><\/a>\n <a href=\"#\"><i class=\"fab fa-youtube\"><\/i><\/a>\n <a href=\"https:\/\/wa.me\/5511999999999\"><i class=\"fab fa-whatsapp\"><\/i><\/a>\n <\/div>\n <\/div>\n \n <div class=\"footer-section\">\n <h3>Segmentos<\/h3>\n <ul>\n <li><a href=\"https:\/\/geracaoatual.com.br\/site\/educacao-infantil\/\">Educa\u00e7\u00e3o Infantil<\/a><\/li>\n <li><a href=\"https:\/\/geracaoatual.com.br\/site\/ensino-fundamental1\/\">Ensino Fundamental I<\/a><\/li>\n <li><a href=\"https:\/\/geracaoatual.com.br\/site\/ensino-fundamental2\/\">Ensino Fundamental II<\/a><\/li>\n <li><a href=\"https:\/\/geracaoatual.com.br\/site\/ensino-medio\/\">Ensino M\u00e9dio<\/a><\/li>\n <\/ul>\n <\/div>\n \n <div class=\"footer-section\">\n <h3>Links \u00dateis<\/h3>\n <ul>\n <li><a href=\"#\">Portal do Aluno<\/a><\/li>\n <li><a href=\"#\">Portal do Professor<\/a><\/li>\n <li><a href=\"#\">Calend\u00e1rio Escolar<\/a><\/li>\n <li><a href=\"#\">Material Did\u00e1tico<\/a><\/li>\n <\/ul>\n <\/div>\n \n <div class=\"footer-section\">\n <h3>Contato<\/h3>\n <p><i class=\"fas fa-map-marker-alt\"><\/i> Rua da Educa\u00e7\u00e3o, 123 - Centro<\/p>\n <p><i class=\"fas fa-phone\"><\/i> (11) 9999-9999<\/p>\n <p><i class=\"fas fa-envelope\"><\/i> contato@colegiogeracaoatual.com.br<\/p>\n <p><i class=\"fab fa-whatsapp\"><\/i> <a href=\"https:\/\/wa.me\/5511999999999\">(11) 99999-9999<\/a><\/p>\n <\/div>\n <\/div>\n \n <div class=\"footer-bottom\">\n <p>© 2024 Col\u00e9gio Gera\u00e7\u00e3o Atual. Todos os direitos reservados.<\/p>\n <\/div>\n <\/div>\n <\/footer>\n\n <script>\n \/\/ Menu Toggle para Mobile\n const menuToggle = document.getElementById('menuToggle');\n const navLinks = document.getElementById('navLinks');\n\n menuToggle.addEventListener('click', function() {\n navLinks.classList.toggle('active');\n menuToggle.classList.toggle('active');\n });\n\n \/\/ Fechar menu ao clicar em um link (mobile)\n const navLinksItems = document.querySelectorAll('.nav-link');\n navLinksItems.forEach(link => {\n link.addEventListener('click', () => {\n navLinks.classList.remove('active');\n menuToggle.classList.remove('active');\n });\n });\n\n \/\/ Smooth scroll para links internos\n document.querySelectorAll('a[href^=\"#\"]').forEach(anchor => {\n anchor.addEventListener('click', function (e) {\n e.preventDefault();\n const target = document.querySelector(this.getAttribute('href'));\n if (target) {\n target.scrollIntoView({\n behavior: 'smooth',\n block: 'start'\n });\n }\n });\n });\n\n \/\/ Anima\u00e7\u00e3o de entrada dos elementos\n const observerOptions = {\n threshold: 0.1,\n rootMargin: '0px 0px -50px 0px'\n };\n\n const observer = new IntersectionObserver(function(entries) {\n entries.forEach(entry => {\n if (entry.isIntersecting) {\n entry.target.style.opacity = '1';\n entry.target.style.transform = 'translateY(0)';\n }\n });\n }, observerOptions);\n\n \/\/ Aplicar anima\u00e7\u00e3o aos elementos\n document.querySelectorAll('.segmento-item, .resultado-item, .ambiente-item, .diferencial-item').forEach(el => {\n el.style.opacity = '0';\n el.style.transform = 'translateY(30px)';\n el.style.transition = 'opacity 0.6s ease, transform 0.6s ease';\n observer.observe(el);\n });\n <\/script>\n<\/body>\n<\/html>\n\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>Col\u00e9gio Gera\u00e7\u00e3o Atual Home Segmentos Educa\u00e7\u00e3o Infantil Ensino Fundamental I Ensino Fundamental II Ensino M\u00e9dio Conquistas Contato Portal do Aluno Portal do Professor Descubra uma educa\u00e7\u00e3o que vai al\u00e9m do ensino tradicional. No Col\u00e9gio Gera\u00e7\u00e3o Atual, preparamos nossos alunos para os desafios do futuro com metodologias inovadoras e um ambiente acolhedor. Fale Conosco Nossos Segmentos […]<\/p>\n","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"_joinchat":[],"footnotes":""},"class_list":["post-2173","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/geracaoatual.com.br\/site\/wp-json\/wp\/v2\/pages\/2173","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=2173"}],"version-history":[{"count":137,"href":"https:\/\/geracaoatual.com.br\/site\/wp-json\/wp\/v2\/pages\/2173\/revisions"}],"predecessor-version":[{"id":2569,"href":"https:\/\/geracaoatual.com.br\/site\/wp-json\/wp\/v2\/pages\/2173\/revisions\/2569"}],"wp:attachment":[{"href":"https:\/\/geracaoatual.com.br\/site\/wp-json\/wp\/v2\/media?parent=2173"}],"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 Col\u00e9gio Gera\u00e7\u00e3o Atual<\/title>\n <style>\n \/* Estilos para a p\u00e1gina Home - Moderno e Din\u00e2mico *\/\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 width: 100%;\n }\n\n .container {\n max-width: 1200px;\n margin: 0 auto;\n padding: 0 20px;\n width: 100%;\n }\n\n \/* Cores principais *\/\n :root {\n --azul-escola: #0c5bc0;\n --amarelo-escola: #f7c71a;\n --verde-infantil: #8bc34a;\n --amarelo-fundamental1: #fcd332;\n --vermelho-fundamental2: #e53935;\n --azul-medio: #0c5bc0;\n --cinza-claro: #f5f5f5;\n --vermelho: #e53935;\n --cinza-escuro: #2c3e50;\n --cinza-medio: #34495e;\n }\n\n \/* Menu de Navega\u00e7\u00e3o - Melhorado para responsividade *\/\n .header {\n position: fixed;\n top: 0;\n left: 0;\n width: 100%;\n background-color: var(--amarelo-escola);\n z-index: 1000;\n box-shadow: 0 2px 10px rgba(0,0,0,0.1);\n }\n\n .navbar {\n display: flex;\n justify-content: space-between;\n align-items: center;\n padding: 15px 20px;\n max-width: 1400px;\n margin: 0 auto;\n position: relative;\n }\n\n .logo {\n height: 60px;\n z-index: 1001;\n }\n\n .logo img {\n height: 100%;\n }\n\n .nav-links {\n display: flex;\n align-items: center;\n gap: 10px;\n }\n\n .nav-item {\n position: relative;\n }\n\n .nav-link {\n color: var(--azul-escola);\n text-decoration: none;\n font-weight: 600;\n font-size: 1rem;\n padding: 10px 15px;\n border-radius: 5px;\n transition: all 0.3s ease;\n white-space: nowrap;\n }\n\n .nav-link:hover {\n background-color: rgba(255, 255, 255, 0.2);\n }\n\n .nav-item.has-dropdown:hover .dropdown {\n display: block;\n }\n\n .dropdown {\n position: absolute;\n top: 100%;\n left: 0;\n background-color: white;\n min-width: 220px;\n box-shadow: 0 8px 16px rgba(0,0,0,0.1);\n border-radius: 5px;\n padding: 10px 0;\n display: none;\n z-index: 1001;\n }\n\n .dropdown-item {\n display: block;\n padding: 10px 20px;\n color: var(--azul-escola);\n text-decoration: none;\n font-weight: 500;\n transition: all 0.3s ease;\n }\n\n .dropdown-item:hover {\n background-color: rgba(12, 91, 192, 0.1);\n }\n\n .dropdown-item.infantil:hover {\n background-color: rgba(139, 195, 74, 0.1);\n color: var(--verde-infantil);\n }\n\n .dropdown-item.fundamental1:hover {\n background-color: rgba(252, 211, 50, 0.1);\n color: var(--amarelo-fundamental1);\n }\n\n .dropdown-item.fundamental2:hover {\n background-color: rgba(229, 57, 53, 0.1);\n color: var(--vermelho-fundamental2);\n }\n\n .dropdown-item.medio:hover {\n background-color: rgba(12, 91, 192, 0.1);\n color: var(--azul-medio);\n }\n\n .portal-buttons {\n display: flex;\n gap: 10px;\n }\n\n .portal-button {\n padding: 10px 15px;\n background-color: var(--vermelho);\n color: white;\n border: none;\n border-radius: 5px;\n font-size: 0.9rem;\n font-weight: 600;\n cursor: pointer;\n transition: all 0.3s ease;\n text-decoration: none;\n white-space: nowrap;\n }\n\n .portal-button:hover {\n transform: translateY(-3px);\n box-shadow: 0 5px 10px rgba(229, 57, 53, 0.3);\n }\n\n \/* Menu Toggle para Mobile *\/\n .menu-toggle {\n display: none;\n flex-direction: column;\n justify-content: space-between;\n width: 30px;\n height: 21px;\n cursor: pointer;\n z-index: 1001;\n }\n\n .menu-toggle span {\n display: block;\n height: 3px;\n width: 100%;\n background-color: var(--azul-escola);\n border-radius: 3px;\n transition: all 0.3s ease;\n }\n\n .menu-toggle.active span:nth-child(1) {\n transform: rotate(45deg) translate(5px, 5px);\n }\n\n .menu-toggle.active span:nth-child(2) {\n opacity: 0;\n }\n\n .menu-toggle.active span:nth-child(3) {\n transform: rotate(-45deg) translate(7px, -6px);\n }\n\n \/* Nova Se\u00e7\u00e3o Principal - Sem waves *\/\n .hero-section {\n position: relative;\n background-color: var(--amarelo-escola);\n min-height: 100vh;\n display: flex;\n align-items: center;\n overflow: hidden;\n margin-bottom: 40px;\n width: 100vw;\n margin-left: calc(-50vw + 50%);\n margin-right: calc(-50vw + 50%);\n padding-top: 90px;\n }\n\n @keyframes float {\n 0%, 100% {\n transform: translateY(0px) rotate(0deg);\n }\n 50% {\n transform: translateY(-20px) rotate(5deg);\n }\n }\n\n .hero-container {\n max-width: 1400px;\n margin: 0 auto;\n padding: 0 20px;\n width: 100%;\n display: flex;\n align-items: center;\n justify-content: space-between;\n position: relative;\n z-index: 2;\n }\n\n .hero-content {\n flex: 1;\n padding-right: 40px;\n }\n\n \/* Substituindo o texto por imagem do slogan *\/\n .hero-slogan {\n width: 80%;\n max-width: 500px;\n height: auto;\n margin-bottom: -50px;\n border-radius: 10px;\n }\n\n .hero-description {\n font-size: 1.3rem;\n color: var(--azul-escola);\n margin-bottom: 40px;\n line-height: 1.6;\n max-width: 600px;\n Color: black;\n justify-content: justify;\n \n }\n\n .hero-buttons {\n display: flex;\n gap: 20px;\n justify-content: center;\n align-items: center;\n width: 100%;\n }\n\n .hero-button {\n padding: 15px 30px;\n background-color: var(--azul-escola);\n color: white;\n border: none;\n border-radius: 50px;\n font-size: 1.1rem;\n font-weight: 600;\n cursor: pointer;\n transition: all 0.3s ease;\n text-decoration: none;\n display: inline-flex;\n align-items: center;\n justify-content: center;\n gap: 10px;\n min-width: 200px;\n }\n\n .hero-button:hover {\n transform: translateY(-5px);\n box-shadow: 0 10px 20px rgba(12, 91, 192, 0.3);\n background-color: #094a9e;\n }\n\n .hero-button i {\n font-size: 1.2rem;\n }\n\n .hero-image {\n flex: 1;\n position: relative;\n height: 700px;\n width: 100%;\n max-width: 500px;\n border-radius: 20px;\n overflow: hidden;\n \n }\n\n .hero-image img {\n width: 100%;\n height: 100%;\n object-fit: cover;\n }\n\n \/* Se\u00e7\u00e3o de Segmentos *\/\n .segmentos {\n margin-bottom: 40px;\n padding: 0 20px;\n }\n\n .segmentos h2 {\n color: var(--azul-escola);\n font-size: 2.5rem;\n text-align: center;\n margin-bottom: 40px;\n position: relative;\n }\n\n .segmentos 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 .segmentos-grid {\n display: grid;\n grid-template-columns: repeat(4, 1fr);\n gap: 20px;\n }\n\n .segmento-item {\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 text-decoration: none;\n position: relative;\n height: 250px;\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n text-align: center;\n padding: 20px;\n }\n\n .segmento-item:hover {\n transform: translateY(-10px);\n box-shadow: 0 15px 30px rgba(0,0,0,0.1);\n }\n\n .segmento-infantil {\n background-color: var(--verde-infantil);\n }\n\n .segmento-fundamental1 {\n background-color: var(--amarelo-fundamental1);\n }\n\n .segmento-fundamental2 {\n background-color: var(--vermelho-fundamental2);\n }\n\n .segmento-medio {\n background-color: var(--azul-medio);\n }\n\n .segmento-icone {\n width: 80px;\n height: 80px;\n margin-bottom: 20px;\n transition: all 0.3s ease;\n display: flex;\n align-items: center;\n justify-content: center;\n background-color: rgba(255, 255, 255, 0.2);\n border-radius: 50%;\n backdrop-filter: blur(5px);\n }\n\n .segmento-icone svg {\n width: 50px;\n height: 50px;\n fill: white;\n transition: all 0.3s ease;\n }\n\n .segmento-item:hover .segmento-icone {\n transform: scale(1.1) rotate(5deg);\n }\n\n .segmento-item:hover .segmento-icone svg {\n transform: scale(1.1);\n }\n\n .segmento-titulo {\n font-size: 1.5rem;\n font-weight: 700;\n margin-bottom: 10px;\n color: white;\n text-shadow: 1px 1px 3px rgba(0,0,0,0.3);\n }\n\n .segmento-subtitulo {\n font-size: 1.1rem;\n color: white;\n text-shadow: 1px 1px 3px rgba(0,0,0,0.3);\n }\n\n \/* Se\u00e7\u00e3o de Frases Destaque *\/\n .frases-destaque {\n margin-bottom: 40px;\n text-align: center;\n padding: 40px 20px;\n background-color: var(--amarelo-escola);\n border-radius: 15px;\n position: relative;\n overflow: hidden;\n }\n\n .frases-destaque h2 {\n color: var(--azul-escola);\n font-size: 2.8rem;\n margin-bottom: 20px;\n font-weight: 800;\n }\n\n .frases-destaque p {\n color: var(--azul-escola);\n font-size: 1.8rem;\n font-weight: 600;\n font-style: italic;\n }\n\n .frases-overlay {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background: url('data:image\/svg+xml;utf8,<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"100\" height=\"100\" viewBox=\"0 0 100 100\"><polygon points=\"0,0 100,0 50,100\" fill=\"%23ffffff\" fill-opacity=\"0.05\"\/><polygon points=\"0,100 100,100 50,0\" fill=\"%23ffffff\" fill-opacity=\"0.05\"\/><\/svg>');\n background-size: 50px 50px;\n opacity: 0.3;\n z-index: 1;\n }\n\n .frases-conteudo {\n position: relative;\n z-index: 2;\n }\n\n \/* Se\u00e7\u00e3o de Depoimentos *\/\n .depoimentos {\n margin-bottom: 40px;\n padding: 0 20px;\n }\n\n .depoimentos h2 {\n color: var(--azul-escola);\n font-size: 2.5rem;\n text-align: center;\n margin-bottom: 40px;\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-video {\n border-radius: 15px;\n overflow: hidden;\n box-shadow: 0 10px 20px rgba(0,0,0,0.1);\n position: relative;\n padding-bottom: 56.25%;\n height: 0;\n }\n\n .depoimento-video iframe {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n border: none;\n }\n\n \/* Se\u00e7\u00e3o de Resultados *\/\n .resultados {\n margin-bottom: 40px;\n background-color: var(--cinza-claro);\n border-radius: 15px;\n padding: 40px 20px;\n position: relative;\n }\n\n .resultados h2 {\n color: var(--azul-escola);\n font-size: 2.5rem;\n text-align: center;\n margin-bottom: 40px;\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(4, 1fr);\n gap: 30px;\n }\n\n .resultado-item {\n background-color: white;\n border-radius: 15px;\n padding: 30px;\n text-align: center;\n box-shadow: 0 10px 20px rgba(0,0,0,0.05);\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-numero {\n font-size: 3rem;\n font-weight: 800;\n color: var(--azul-escola);\n margin-bottom: 10px;\n }\n\n .resultado-texto {\n color: #555;\n font-size: 1.1rem;\n line-height: 1.4;\n }\n\n \/* Se\u00e7\u00e3o de Sobre N\u00f3s *\/\n .sobre {\n margin-bottom: 40px;\n display: flex;\n align-items: center;\n gap: 50px;\n padding: 0 20px;\n }\n\n .sobre-imagem {\n flex: 1;\n border-radius: 15px;\n overflow: hidden;\n box-shadow: 0 10px 20px rgba(0,0,0,0.1);\n }\n\n .sobre-imagem img {\n width: 100%;\n height: auto;\n display: block;\n transition: all 0.5s ease;\n }\n\n .sobre-imagem:hover img {\n transform: scale(1.05);\n }\n\n .sobre-conteudo {\n flex: 1;\n }\n\n .sobre-conteudo h2 {\n color: var(--azul-escola);\n font-size: 2.5rem;\n margin-bottom: 30px;\n position: relative;\n }\n\n .sobre-conteudo h2::after {\n content: '';\n position: absolute;\n bottom: -15px;\n left: 0;\n width: 100px;\n height: 5px;\n background: var(--amarelo-escola);\n border-radius: 10px;\n }\n\n .sobre-conteudo p {\n color: #555;\n font-size: 1.1rem;\n line-height: 1.8;\n margin-bottom: 20px;\n }\n\n .sobre-conteudo .destaque {\n font-weight: 700;\n color: var(--azul-escola);\n }\n\n \/* Se\u00e7\u00e3o de Ambiente Escolar *\/\n .ambiente {\n margin-bottom: 40px;\n padding: 0 20px;\n }\n\n .ambiente h2 {\n color: var(--azul-escola);\n font-size: 2.5rem;\n text-align: center;\n margin-bottom: 40px;\n position: relative;\n }\n\n .ambiente 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 .ambiente-grid {\n display: grid;\n grid-template-columns: repeat(3, 1fr);\n gap: 30px;\n }\n\n .ambiente-item {\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 position: relative;\n }\n\n .ambiente-item:hover {\n transform: translateY(-10px);\n box-shadow: 0 15px 30px rgba(0,0,0,0.1);\n }\n\n .ambiente-item img {\n width: 100%;\n height: 250px;\n object-fit: cover;\n transition: all 0.5s ease;\n }\n\n .ambiente-item:hover img {\n transform: scale(1.1);\n }\n\n .ambiente-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 }\n\n .ambiente-titulo {\n font-size: 1.3rem;\n font-weight: 600;\n margin-bottom: 5px;\n color: white;\n }\n\n .ambiente-descricao {\n font-size: 0.9rem;\n opacity: 0.9;\n }\n\n \/* Se\u00e7\u00e3o de Diferenciais *\/\n .diferenciais {\n margin-bottom: 40px;\n background: linear-gradient(45deg, var(--azul-escola), #4a90e2);\n border-radius: 15px;\n padding: 40px 20px;\n color: white;\n position: relative;\n overflow: hidden;\n }\n\n .diferenciais h2 {\n font-size: 2.5rem;\n text-align: center;\n margin-bottom: 40px;\n position: relative;\n color: white;\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: rgba(255, 255, 255, 0.1);\n border-radius: 15px;\n padding: 30px;\n text-align: center;\n transition: all 0.3s ease;\n backdrop-filter: blur(5px);\n }\n\n .diferencial-item:hover {\n transform: translateY(-10px);\n background-color: rgba(255, 255, 255, 0.2);\n }\n\n .diferencial-item .icone {\n width: 80px;\n height: 80px;\n background-color: rgba(255, 255, 255, 0.2);\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: white;\n transition: all 0.3s ease;\n }\n\n .diferencial-item:hover .icone i {\n color: var(--azul-escola);\n }\n\n .diferencial-item h3 {\n color: white;\n font-size: 1.3rem;\n margin-bottom: 15px;\n }\n\n .diferencial-item p {\n color: rgba(255, 255, 255, 0.9);\n font-size: 0.95rem;\n line-height: 1.6;\n }\n\n \/* Se\u00e7\u00e3o de CTA *\/\n .cta {\n background: linear-gradient(45deg, var(--azul-escola), #4a90e2);\n border-radius: 15px;\n padding: 40px 20px;\n text-align: center;\n margin-bottom: 40px;\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: white;\n }\n\n .botao-whatsapp i {\n margin-right: 10px;\n }\n\n .cta-overlay {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background: url('data:image\/svg+xml;utf8,<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"100\" height=\"100\" viewBox=\"0 0 100 100\"><polygon points=\"0,0 100,0 50,100\" fill=\"%23ffffff\" fill-opacity=\"0.05\"\/><polygon points=\"0,100 100,100 50,0\" fill=\"%23ffffff\" fill-opacity=\"0.05\"\/><\/svg>');\n background-size: 50px 50px;\n opacity: 0.3;\n z-index: 1;\n }\n\n .cta-conteudo {\n position: relative;\n z-index: 2;\n }\n\n \/* Rodap\u00e9 - Redimensionado e mais compacto *\/\n .footer {\n background: linear-gradient(135deg, var(--cinza-escuro) 0%, var(--cinza-medio) 100%);\n color: white;\n padding: 25px 0 15px;\n margin-top: 40px;\n }\n\n .footer-container {\n max-width: 1400px;\n margin: 0 auto;\n padding: 0 20px;\n }\n\n .footer-content {\n display: grid;\n grid-template-columns: repeat(4, 1fr);\n gap: 25px;\n margin-bottom: 15px;\n }\n\n .footer-section h3 {\n color: var(--amarelo-escola);\n font-size: 1.1rem;\n margin-bottom: 12px;\n font-weight: 700;\n }\n\n .footer-section p,\n .footer-section a {\n color: rgba(255, 255, 255, 0.8);\n font-size: 0.85rem;\n line-height: 1.5;\n text-decoration: none;\n transition: all 0.3s ease;\n }\n\n .footer-section a:hover {\n color: var(--amarelo-escola);\n }\n\n .footer-section ul {\n list-style: none;\n }\n\n .footer-section ul li {\n margin-bottom: 6px;\n }\n\n .footer-social {\n display: flex;\n gap: 12px;\n margin-top: 12px;\n }\n\n .footer-social a {\n display: flex;\n align-items: center;\n justify-content: center;\n width: 35px;\n height: 35px;\n background-color: rgba(255, 255, 255, 0.1);\n border-radius: 50%;\n transition: all 0.3s ease;\n }\n\n .footer-social a:hover {\n background-color: var(--amarelo-escola);\n transform: translateY(-2px);\n }\n\n .footer-social a i {\n font-size: 1.1rem;\n }\n\n .footer-bottom {\n border-top: 1px solid rgba(255, 255, 255, 0.1);\n padding-top: 15px;\n text-align: center;\n }\n\n .footer-bottom p {\n color: rgba(255, 255, 255, 0.6);\n font-size: 0.75rem;\n }\n\n \/* Responsividade para \u00edcones dos segmentos *\/\n @media (max-width: 1024px) {\n .segmento-icone {\n width: 70px;\n height: 70px;\n }\n \n .segmento-icone svg {\n width: 42px;\n height: 42px;\n }\n }\n\n @media (max-width: 768px) {\n .segmento-icone {\n width: 60px;\n height: 60px;\n margin-bottom: 15px;\n }\n \n .segmento-icone svg {\n width: 36px;\n height: 36px;\n }\n }\n\n @media (max-width: 480px) {\n .segmento-icone {\n width: 50px;\n height: 50px;\n margin-bottom: 12px;\n }\n \n .segmento-icone svg {\n width: 30px;\n height: 30px;\n }\n }\n\n \/* Responsividade geral *\/\n @media (max-width: 1024px) {\n .nav-links {\n display: none;\n position: absolute;\n top: 100%;\n left: 0;\n width: 100%;\n background-color: var(--amarelo-escola);\n flex-direction: column;\n padding: 20px;\n box-shadow: 0 5px 15px rgba(0,0,0,0.1);\n }\n\n .nav-links.active {\n display: flex;\n }\n\n .nav-item {\n margin: 10px 0;\n width: 100%;\n }\n\n .nav-link {\n display: block;\n width: 100%;\n text-align: center;\n padding: 15px;\n }\n\n .dropdown {\n position: static;\n display: block;\n box-shadow: none;\n background-color: rgba(255, 255, 255, 0.1);\n margin-top: 10px;\n }\n\n .portal-buttons {\n flex-direction: column;\n width: 100%;\n gap: 10px;\n }\n\n .portal-button {\n width: 100%;\n text-align: center;\n }\n\n .menu-toggle {\n display: flex;\n }\n\n .hero-container {\n flex-direction: column;\n text-align: center;\n padding: 20px;\n }\n\n .hero-content {\n padding-right: 0;\n margin-bottom: 30px;\n order: 2;\n display: flex;\n flex-direction: column;\n }\n\n .hero-slogan {\n order: 1;\n max-width: 100%;\n height: 300px;\n margin-bottom: 2px;\n position: center;\n }\n\n .hero-description {\n order: 3;\n margin-bottom: 20px;\n }\n\n .hero-buttons {\n order: 4;\n justify-content: center;\n flex-wrap: wrap;\n }\n\n .hero-image {\n order: 3;\n max-width: 100%;\n height: 300px;\n margin-bottom: 20px;\n position: center;\n }\n\n .segmentos-grid {\n grid-template-columns: repeat(2, 1fr);\n }\n\n .resultados-grid {\n grid-template-columns: repeat(2, 1fr);\n }\n\n .depoimentos-grid {\n grid-template-columns: 1fr;\n }\n\n .ambiente-grid {\n grid-template-columns: repeat(2, 1fr);\n }\n\n .diferenciais-grid {\n grid-template-columns: 1fr;\n }\n\n .sobre {\n flex-direction: column;\n text-align: center;\n }\n\n .footer-content {\n grid-template-columns: repeat(2, 1fr);\n gap: 20px;\n }\n\n .footer-section h3 {\n font-size: 1rem;\n margin-bottom: 10px;\n }\n\n .footer-section p,\n .footer-section a {\n font-size: 0.8rem;\n }\n\n .footer-social {\n gap: 10px;\n margin-top: 10px;\n }\n\n .footer-social a {\n width: 32px;\n height: 32px;\n }\n\n .footer-social a i {\n font-size: 1rem;\n }\n }\n\n @media (max-width: 768px) {\n .hero-title {\n font-size: 2.5rem;\n }\n\n .hero-description {\n font-size: 1.1rem;\n }\n\n .segmentos-grid {\n grid-template-columns: 1fr;\n }\n\n .resultados-grid {\n grid-template-columns: repeat(2, 1fr);\n }\n\n .ambiente-grid {\n grid-template-columns: 1fr;\n }\n\n .footer-content {\n grid-template-columns: 1fr;\n text-align: center;\n gap: 15px;\n }\n\n .footer-section h3 {\n font-size: 0.95rem;\n margin-bottom: 8px;\n }\n\n .footer-section p,\n .footer-section a {\n font-size: 0.75rem;\n }\n\n .footer-social {\n justify-content: center;\n gap: 8px;\n margin-top: 8px;\n }\n\n .footer-social a {\n width: 30px;\n height: 30px;\n }\n\n .footer-social a i {\n font-size: 0.9rem;\n }\n\n .footer-bottom p {\n font-size: 0.7rem;\n }\n }\n\n @media (max-width: 480px) {\n .hero-title {\n font-size: 2rem;\n }\n\n .hero-description {\n font-size: 1rem;\n }\n\n .hero-button {\n padding: 12px 20px;\n font-size: 1rem;\n }\n\n .resultados-grid {\n grid-template-columns: 1fr;\n }\n\n .navbar {\n padding: 10px 15px;\n }\n\n .logo {\n height: 50px;\n }\n }\n <\/style>\n <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.0.0\/css\/all.min.css\">\n<\/head>\n<body>\n \n <header class=\"header\">\n <nav class=\"navbar\">\n <div class=\"logo\">\n <a href=\"https:\/\/geracaoatual.com.br\/site\/\"><img decoding=\"async\" src=\"https:\/\/geracaoatual.com.br\/site\/wp-content\/uploads\/2025\/06\/LOGO-SITE.png\" alt=\"Col\u00e9gio Gera\u00e7\u00e3o Atual\"><\/a>\n <\/div>\n \n <div class=\"nav-links\" id=\"navLinks\">\n <div class=\"nav-item\">\n <a href=\"https:\/\/geracaoatual.com.br\/site\/\" class=\"nav-link\">Home<\/a>\n <\/div>\n <div class=\"nav-item has-dropdown\">\n <a href=\"#\" class=\"nav-link\">Segmentos<\/a>\n <div class=\"dropdown\">\n <a href=\"https:\/\/geracaoatual.com.br\/site\/educacao-infantil\/\" class=\"dropdown-item infantil\">Educa\u00e7\u00e3o Infantil<\/a>\n <a href=\"https:\/\/geracaoatual.com.br\/site\/ensino-fundamental1\/\" class=\"dropdown-item fundamental1\">Ensino Fundamental I<\/a>\n <a href=\"https:\/\/geracaoatual.com.br\/site\/ensino-fundamental2\/\" class=\"dropdown-item fundamental2\">Ensino Fundamental II<\/a>\n <a href=\"https:\/\/geracaoatual.com.br\/site\/ensino-medio\/\" class=\"dropdown-item medio\">Ensino M\u00e9dio<\/a>\n <\/div>\n <\/div>\n \n \n <div class=\"nav-item\">\n <a href=\"https:\/\/geracaoatual.com.br\/site\/conquistas\/\" class=\"nav-link\">Conquistas<\/a>\n <\/div>\n <div class=\"nav-item\">\n <a href=\"#\" class=\"nav-link\">Contato<\/a>\n <\/div>\n \n <div class=\"portal-buttons\">\n <a href=\"#\" class=\"portal-button\">Portal do Aluno<\/a>\n <a href=\"#\" class=\"portal-button\">Portal do Professor<\/a>\n <\/div>\n <\/div>\n \n <div class=\"menu-toggle\" id=\"menuToggle\">\n <span><\/span>\n <span><\/span>\n <span><\/span>\n <\/div>\n <\/nav>\n <\/header>\n\n \n <section class=\"hero-section\">\n <div class=\"hero-container\">\n <div class=\"hero-content\">\n \n <img decoding=\"async\" src=\"https:\/\/geracaoatual.com.br\/site\/wp-content\/uploads\/2025\/06\/Design-sem-nome-19.png\" alt=\"Slogan da Campanha de Matr\u00edculas\" class=\"hero-slogan\">\n \n <p class=\"hero-description\">\n Descubra uma educa\u00e7\u00e3o que vai al\u00e9m do ensino tradicional. No Col\u00e9gio Gera\u00e7\u00e3o Atual, \n preparamos nossos alunos para os desafios do futuro com metodologias inovadoras e \n um ambiente acolhedor.\n <\/p>\n \n <div class=\"hero-buttons\">\n <a href=\"https:\/\/wa.me\/5511999999999?text=Ol\u00e1! Gostaria de saber mais sobre as matr\u00edculas 2025.\" class=\"hero-button\">\n <i class=\"fab fa-whatsapp\"><\/i> Fale Conosco\n <\/a>\n <\/div>\n <\/div>\n \n <div class=\"hero-image\">\n \n <img decoding=\"async\" src=\"https:\/\/geracaoatual.com.br\/site\/wp-content\/uploads\/2025\/06\/PREPARANDO-PARA-A-VIDA-E-PARA-4.png\" alt=\"Imagem Principal da Campanha de Matr\u00edculas\">\n <\/div>\n <\/div>\n <\/section>\n\n \n <div class=\"container\">\n \n <section class=\"segmentos\">\n <h2>Nossos Segmentos<\/h2>\n <div class=\"segmentos-grid\">\n <a href=\"https:\/\/geracaoatual.com.br\/site\/educacao-infantil\/\" class=\"segmento-item segmento-infantil\">\n <div class=\"segmento-icone\"><i class=\"fas fa-school\"><\/i><\/div>\n <h3 class=\"segmento-titulo\">Educa\u00e7\u00e3o Infantil<\/h3>\n <p class=\"segmento-subtitulo\">2 a 5 anos<\/p>\n <\/a>\n \n <a href=\"https:\/\/geracaoatual.com.br\/site\/ensino-fundamental1\/\" class=\"segmento-item segmento-fundamental1\">\n <div class=\"segmento-icone\"><i class=\"fas fa-school\"><\/i><\/div>\n <h3 class=\"segmento-titulo\">Fundamental I<\/h3>\n <p class=\"segmento-subtitulo\">1\u00ba ao 5\u00ba ano<\/p>\n <\/a>\n \n <a href=\"https:\/\/geracaoatual.com.br\/site\/ensino-fundamental2\/\" class=\"segmento-item segmento-fundamental2\">\n <div class=\"segmento-icone\"><i class=\"fas fa-school\"><\/i><\/div>\n <h3 class=\"segmento-titulo\">Fundamental II<\/h3>\n <p class=\"segmento-subtitulo\">6\u00ba ao 9\u00ba ano<\/p>\n <\/a>\n \n <a href=\"https:\/\/geracaoatual.com.br\/site\/ensino-medio\/\" class=\"segmento-item segmento-medio\">\n<div class=\"segmento-icone\"><i class=\"fas fa-school\"><\/i><\/div>\n <h3 class=\"segmento-titulo\">Ensino M\u00e9dio<\/h3>\n <p class=\"segmento-subtitulo\">1\u00aa \u00e0 3\u00aa s\u00e9rie<\/p>\n <\/a>\n <\/div>\n <\/section>\n\n \n <section class=\"frases-destaque\">\n <div class=\"frases-overlay\"><\/div>\n <div class=\"frases-conteudo\">\n <h2>Nosso Compromisso<\/h2>\n <p>\"Formar cidad\u00e3os cr\u00edticos, criativos e preparados para transformar o mundo\"<\/p>\n <\/div>\n <\/section>\n\n \n <section class=\"depoimentos\">\n <h2>Depoimentos<\/h2>\n <div class=\"depoimentos-grid\">\n <div class=\"depoimento-video\">\n <iframe src=\"https:\/\/www.youtube.com\/embed\/dQw4w9WgXcQ\" title=\"Depoimento 1\"><\/iframe>\n <\/div>\n <div class=\"depoimento-video\">\n <iframe src=\"https:\/\/www.youtube.com\/embed\/dQw4w9WgXcQ\" title=\"Depoimento 2\"><\/iframe>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section class=\"resultados\">\n <h2>Nossos Resultados<\/h2>\n <div class=\"resultados-grid\">\n <div class=\"resultado-item\">\n <div class=\"resultado-numero\">98%<\/div>\n <div class=\"resultado-texto\">Aprova\u00e7\u00e3o no ENEM<\/div>\n <\/div>\n <div class=\"resultado-item\">\n <div class=\"resultado-numero\">25<\/div>\n <div class=\"resultado-texto\">Anos de Experi\u00eancia<\/div>\n <\/div>\n <div class=\"resultado-item\">\n <div class=\"resultado-numero\">1200+<\/div>\n <div class=\"resultado-texto\">Alunos Formados<\/div>\n <\/div>\n <div class=\"resultado-item\">\n <div class=\"resultado-numero\">95%<\/div>\n <div class=\"resultado-texto\">Satisfa\u00e7\u00e3o dos Pais<\/div>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section class=\"sobre\">\n <div class=\"sobre-imagem\">\n <img decoding=\"async\" src=\"https:\/\/geracaoatual.com.br\/site\/wp-content\/uploads\/2024\/08\/Fachada-Unidade-01-scaled.jpg\" alt=\"Sobre o Col\u00e9gio\">\n <\/div>\n <div class=\"sobre-conteudo\">\n <h2>Sobre N\u00f3s<\/h2>\n <p>\n O <span class=\"destaque\">Col\u00e9gio Gera\u00e7\u00e3o Atual<\/span> \u00e9 uma institui\u00e7\u00e3o de ensino comprometida \n com a excel\u00eancia educacional h\u00e1 mais de 25 anos. Nossa miss\u00e3o \u00e9 formar cidad\u00e3os cr\u00edticos, \n criativos e preparados para os desafios do s\u00e9culo XXI.\n <\/p>\n <p>\n Com uma metodologia inovadora e um corpo docente altamente qualificado, oferecemos uma \n educa\u00e7\u00e3o integral que valoriza tanto o desenvolvimento acad\u00eamico quanto o crescimento \n pessoal de cada aluno.\n <\/p>\n <p>\n Nosso compromisso \u00e9 com uma <span class=\"destaque\">educa\u00e7\u00e3o que transforma vidas<\/span> \n e constr\u00f3i um futuro melhor para todos.\n <\/p>\n <\/div>\n <\/section>\n\n \n <section class=\"ambiente\">\n <h2>Nosso Espa\u00e7o<\/h2>\n <div class=\"ambiente-grid\">\n <div class=\"ambiente-item\">\n <img decoding=\"async\" src=\"https:\/\/geracaoatual.com.br\/site\/wp-content\/uploads\/2025\/06\/DSC09658-scaled.jpg\" alt=\"Laborat\u00f3rio\">\n <div class=\"ambiente-overlay\">\n <h3 class=\"ambiente-titulo\">Laborat\u00f3rio<\/h3>\n <p class=\"ambiente-descricao\">Espa\u00e7o para aprendizado pr\u00e1tico e experimenta\u00e7\u00f5es<\/p>\n <\/div>\n <\/div>\n <div class=\"ambiente-item\">\n <img decoding=\"async\" src=\"https:\/\/geracaoatual.com.br\/site\/wp-content\/uploads\/2025\/06\/DSC09621-scaled.jpg\" alt=\"Biblioteca\">\n <div class=\"ambiente-overlay\">\n <h3 class=\"ambiente-titulo\">Cozinha Experimental<\/h3>\n <p class=\"ambiente-descricao\">Onde realizamos atividades direcionadas, culin\u00e1rias e vivemos experi\u00eancias inesquec\u00edveis<\/p>\n <\/div>\n <\/div>\n <div class=\"ambiente-item\">\n <img decoding=\"async\" src=\"https:\/\/geracaoatual.com.br\/site\/wp-content\/uploads\/2025\/06\/DSC09593-scaled.jpg\" alt=\"Quadra Esportiva\">\n <div class=\"ambiente-overlay\">\n <h3 class=\"ambiente-titulo\">Quadra Poliesportiva<\/h3>\n <p class=\"ambiente-descricao\">Espa\u00e7o para esportes, atividades f\u00edsicas e a querida aula de psicomotricidade<\/p>\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\">\n <div class=\"icone\">\n <i class=\"fas fa-graduation-cap\"><\/i>\n <\/div>\n <h3>Metodologia Inovadora<\/h3>\n <p>Utilizamos as mais modernas t\u00e9cnicas pedag\u00f3gicas para garantir um aprendizado eficaz e prazeroso.<\/p>\n <\/div>\n <div class=\"diferencial-item\">\n <div class=\"icone\">\n <i class=\"fas fa-users\"><\/i>\n <\/div>\n <h3>Professores Qualificados<\/h3>\n <p>Nossa equipe \u00e9 formada por profissionais experientes e em constante atualiza\u00e7\u00e3o pedag\u00f3gica.<\/p>\n <\/div>\n <div class=\"diferencial-item\">\n <div class=\"icone\">\n <i class=\"fas fa-laptop\"><\/i>\n <\/div>\n <h3>Tecnologia Educacional<\/h3>\n <p>Integramos tecnologia ao ensino para preparar os alunos para o mundo digital.<\/p>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section class=\"cta\">\n <div class=\"cta-overlay\"><\/div>\n <div class=\"cta-conteudo\">\n <h2>Matr\u00edculas Abertas 2025<\/h2>\n <p>Garante j\u00e1 a vaga do seu filho em uma das melhores escolas da regi\u00e3o. Entre em contato conosco e conhe\u00e7a nossa proposta pedag\u00f3gica.<\/p>\n <a href=\"https:\/\/wa.me\/5511999999999?text=Ol\u00e1! Gostaria de saber mais sobre as matr\u00edculas 2025.\" class=\"botao-whatsapp\">\n <i class=\"fab fa-whatsapp\"><\/i>\n Fale Conosco pelo WhatsApp\n <\/a>\n <\/div>\n <\/section>\n <\/div>\n\n \n <footer class=\"footer\">\n <div class=\"footer-container\">\n <div class=\"footer-content\">\n <div class=\"footer-section\">\n <h3>Col\u00e9gio Gera\u00e7\u00e3o Atual<\/h3>\n <p>Educa\u00e7\u00e3o de qualidade h\u00e1 mais de 25 anos, formando cidad\u00e3os preparados para o futuro.<\/p>\n <div class=\"footer-social\">\n <a href=\"#\"><i class=\"fab fa-facebook-f\"><\/i><\/a>\n <a href=\"#\"><i class=\"fab fa-instagram\"><\/i><\/a>\n <a href=\"#\"><i class=\"fab fa-youtube\"><\/i><\/a>\n <a href=\"https:\/\/wa.me\/5511999999999\"><i class=\"fab fa-whatsapp\"><\/i><\/a>\n <\/div>\n <\/div>\n \n <div class=\"footer-section\">\n <h3>Segmentos<\/h3>\n <ul>\n <li><a href=\"https:\/\/geracaoatual.com.br\/site\/educacao-infantil\/\">Educa\u00e7\u00e3o Infantil<\/a><\/li>\n <li><a href=\"https:\/\/geracaoatual.com.br\/site\/ensino-fundamental1\/\">Ensino Fundamental I<\/a><\/li>\n <li><a href=\"https:\/\/geracaoatual.com.br\/site\/ensino-fundamental2\/\">Ensino Fundamental II<\/a><\/li>\n <li><a href=\"https:\/\/geracaoatual.com.br\/site\/ensino-medio\/\">Ensino M\u00e9dio<\/a><\/li>\n <\/ul>\n <\/div>\n \n <div class=\"footer-section\">\n <h3>Links \u00dateis<\/h3>\n <ul>\n <li><a href=\"#\">Portal do Aluno<\/a><\/li>\n <li><a href=\"#\">Portal do Professor<\/a><\/li>\n <li><a href=\"#\">Calend\u00e1rio Escolar<\/a><\/li>\n <li><a href=\"#\">Material Did\u00e1tico<\/a><\/li>\n <\/ul>\n <\/div>\n \n <div class=\"footer-section\">\n <h3>Contato<\/h3>\n <p><i class=\"fas fa-map-marker-alt\"><\/i> Rua da Educa\u00e7\u00e3o, 123 - Centro<\/p>\n <p><i class=\"fas fa-phone\"><\/i> (11) 9999-9999<\/p>\n <p><i class=\"fas fa-envelope\"><\/i> contato@colegiogeracaoatual.com.br<\/p>\n <p><i class=\"fab fa-whatsapp\"><\/i> <a href=\"https:\/\/wa.me\/5511999999999\">(11) 99999-9999<\/a><\/p>\n <\/div>\n <\/div>\n \n <div class=\"footer-bottom\">\n <p>© 2024 Col\u00e9gio Gera\u00e7\u00e3o Atual. Todos os direitos reservados.<\/p>\n <\/div>\n <\/div>\n <\/footer>\n\n <script>\n \/\/ Menu Toggle para Mobile\n const menuToggle = document.getElementById('menuToggle');\n const navLinks = document.getElementById('navLinks');\n\n menuToggle.addEventListener('click', function() {\n navLinks.classList.toggle('active');\n menuToggle.classList.toggle('active');\n });\n\n \/\/ Fechar menu ao clicar em um link (mobile)\n const navLinksItems = document.querySelectorAll('.nav-link');\n navLinksItems.forEach(link => {\n link.addEventListener('click', () => {\n navLinks.classList.remove('active');\n menuToggle.classList.remove('active');\n });\n });\n\n \/\/ Smooth scroll para links internos\n document.querySelectorAll('a[href^=\"#\"]').forEach(anchor => {\n anchor.addEventListener('click', function (e) {\n e.preventDefault();\n const target = document.querySelector(this.getAttribute('href'));\n if (target) {\n target.scrollIntoView({\n behavior: 'smooth',\n block: 'start'\n });\n }\n });\n });\n\n \/\/ Anima\u00e7\u00e3o de entrada dos elementos\n const observerOptions = {\n threshold: 0.1,\n rootMargin: '0px 0px -50px 0px'\n };\n\n const observer = new IntersectionObserver(function(entries) {\n entries.forEach(entry => {\n if (entry.isIntersecting) {\n entry.target.style.opacity = '1';\n entry.target.style.transform = 'translateY(0)';\n }\n });\n }, observerOptions);\n\n \/\/ Aplicar anima\u00e7\u00e3o aos elementos\n document.querySelectorAll('.segmento-item, .resultado-item, .ambiente-item, .diferencial-item').forEach(el => {\n el.style.opacity = '0';\n el.style.transform = 'translateY(30px)';\n el.style.transition = 'opacity 0.6s ease, transform 0.6s ease';\n observer.observe(el);\n });\n <\/script>\n<\/body>\n<\/html>\n\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>Col\u00e9gio Gera\u00e7\u00e3o Atual Home Segmentos Educa\u00e7\u00e3o Infantil Ensino Fundamental I Ensino Fundamental II Ensino M\u00e9dio Conquistas Contato Portal do Aluno Portal do Professor Descubra uma educa\u00e7\u00e3o que vai al\u00e9m do ensino tradicional. No Col\u00e9gio Gera\u00e7\u00e3o Atual, preparamos nossos alunos para os desafios do futuro com metodologias inovadoras e um ambiente acolhedor. Fale Conosco Nossos Segmentos […]<\/p>\n","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"_joinchat":[],"footnotes":""},"class_list":["post-2173","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/geracaoatual.com.br\/site\/wp-json\/wp\/v2\/pages\/2173","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=2173"}],"version-history":[{"count":137,"href":"https:\/\/geracaoatual.com.br\/site\/wp-json\/wp\/v2\/pages\/2173\/revisions"}],"predecessor-version":[{"id":2569,"href":"https:\/\/geracaoatual.com.br\/site\/wp-json\/wp\/v2\/pages\/2173\/revisions\/2569"}],"wp:attachment":[{"href":"https:\/\/geracaoatual.com.br\/site\/wp-json\/wp\/v2\/media?parent=2173"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}