SME \u00c1guas Lindas – Secretaria Municipal de Educa\u00e7\u00e3o<\/title>\n <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@300;400;500;600;700;800&display=swap\" rel=\"stylesheet\">\n <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\n <style>\n :root {\n --primary: #1e3a5f;\n --primary-light: #3b82f6;\n --accent: #f59e0b;\n --text: #1e293b;\n --text-muted: #64748b;\n --bg-light: #f8fafc;\n --white: #ffffff;\n --shadow: 0 4px 20px -4px rgba(0,0,0,0.1);\n --shadow-hover: 0 8px 30px -4px rgba(0,0,0,0.15);\n }\n\n * {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n }\n\n html {\n scroll-behavior: smooth;\n }\n\n body {\n font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;\n color: var(--text);\n line-height: 1.6;\n background: var(--white);\n }\n\n \/* Header *\/\n .top-bar {\n background: linear-gradient(135deg, var(--primary), var(--primary-light));\n color: var(--white);\n padding: 8px 0;\n font-size: 14px;\n }\n\n .top-bar .container {\n display: flex;\n justify-content: space-between;\n align-items: center;\n }\n\n .top-bar a {\n color: var(--white);\n text-decoration: none;\n display: flex;\n align-items: center;\n gap: 8px;\n }\n\n \/* Navigation *\/\n .navbar {\n background: var(--white);\n box-shadow: var(--shadow);\n position: sticky;\n top: 0;\n z-index: 1000;\n }\n\n .navbar .container {\n display: flex;\n justify-content: space-between;\n align-items: center;\n padding: 16px 20px;\n }\n\n .logo {\n display: flex;\n align-items: center;\n gap: 12px;\n text-decoration: none;\n }\n\n .logo-icon {\n width: 48px;\n height: 48px;\n background: linear-gradient(135deg, var(--primary), var(--primary-light));\n border-radius: 12px;\n display: flex;\n align-items: center;\n justify-content: center;\n color: var(--white);\n font-weight: 700;\n font-size: 18px;\n }\n\n .logo-text h1 {\n font-size: 18px;\n font-weight: 700;\n color: var(--primary);\n line-height: 1.2;\n }\n\n .logo-text span {\n font-size: 13px;\n color: var(--primary-light);\n font-weight: 500;\n }\n\n .nav-menu {\n display: flex;\n list-style: none;\n gap: 8px;\n }\n\n .nav-menu a {\n text-decoration: none;\n color: var(--text);\n font-weight: 500;\n padding: 10px 16px;\n border-radius: 8px;\n transition: all 0.3s;\n }\n\n .nav-menu a:hover {\n background: var(--bg-light);\n color: var(--primary);\n }\n\n .nav-cta {\n background: linear-gradient(135deg, var(--primary), var(--primary-light));\n color: var(--white) !important;\n padding: 12px 24px !important;\n border-radius: 50px !important;\n }\n\n .nav-cta:hover {\n opacity: 0.9;\n transform: translateY(-2px);\n }\n\n .mobile-toggle {\n display: none;\n background: none;\n border: none;\n font-size: 24px;\n cursor: pointer;\n color: var(--primary);\n }\n\n \/* Container *\/\n .container {\n max-width: 1200px;\n margin: 0 auto;\n padding: 0 20px;\n }\n\n \/* Hero Section *\/\n .hero {\n background: linear-gradient(135deg, #f8fafc 0%, #e0f2fe 100%);\n padding: 80px 0;\n position: relative;\n overflow: hidden;\n }\n\n .hero::before {\n content: '';\n position: absolute;\n top: -100px;\n right: -100px;\n width: 400px;\n height: 400px;\n background: rgba(59, 130, 246, 0.1);\n border-radius: 50%;\n }\n\n .hero-grid {\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 60px;\n align-items: center;\n }\n\n .hero-badge {\n display: inline-flex;\n align-items: center;\n gap: 8px;\n background: #dbeafe;\n color: var(--primary);\n padding: 8px 16px;\n border-radius: 20px;\n font-size: 14px;\n font-weight: 500;\n margin-bottom: 24px;\n }\n\n .hero-badge::before {\n content: '';\n width: 8px;\n height: 8px;\n background: var(--primary-light);\n border-radius: 50%;\n animation: pulse 2s infinite;\n }\n\n @keyframes pulse {\n 0%, 100% { opacity: 1; }\n 50% { opacity: 0.5; }\n }\n\n .hero h2 {\n font-size: 48px;\n font-weight: 800;\n color: var(--primary);\n line-height: 1.2;\n margin-bottom: 20px;\n }\n\n .hero p {\n font-size: 18px;\n color: var(--text-muted);\n margin-bottom: 32px;\n max-width: 500px;\n }\n\n .hero-buttons {\n display: flex;\n gap: 16px;\n margin-bottom: 48px;\n }\n\n .btn {\n display: inline-flex;\n align-items: center;\n gap: 8px;\n padding: 16px 32px;\n border-radius: 50px;\n font-weight: 600;\n text-decoration: none;\n transition: all 0.3s;\n border: none;\n cursor: pointer;\n font-size: 16px;\n }\n\n .btn-primary {\n background: linear-gradient(135deg, var(--primary), var(--primary-light));\n color: var(--white);\n box-shadow: 0 4px 15px rgba(30, 58, 95, 0.3);\n }\n\n .btn-primary:hover {\n transform: translateY(-2px);\n box-shadow: 0 8px 25px rgba(30, 58, 95, 0.4);\n }\n\n .btn-outline {\n border: 2px solid var(--primary);\n color: var(--primary);\n background: transparent;\n }\n\n .btn-outline:hover {\n background: var(--primary);\n color: var(--white);\n }\n\n .hero-stats {\n display: flex;\n gap: 40px;\n }\n\n .stat-item h3 {\n font-size: 36px;\n font-weight: 800;\n color: var(--primary);\n }\n\n .stat-item p {\n font-size: 14px;\n color: var(--text-muted);\n margin: 0;\n }\n\n \/* Carousel *\/\n .carousel {\n background: var(--white);\n border-radius: 24px;\n box-shadow: var(--shadow-hover);\n overflow: hidden;\n position: relative;\n height: 400px;\n }\n\n .carousel-slide {\n position: absolute;\n inset: 0;\n padding: 40px;\n display: flex;\n flex-direction: column;\n justify-content: center;\n opacity: 0;\n transition: opacity 0.5s;\n }\n\n .carousel-slide.active {\n opacity: 1;\n }\n\n .carousel-badge {\n position: absolute;\n top: 20px;\n left: 20px;\n padding: 6px 16px;\n border-radius: 20px;\n font-size: 12px;\n font-weight: 700;\n color: var(--white);\n }\n\n .carousel-badge.novo { background: var(--accent); }\n .carousel-badge.atualizado { background: var(--primary-light); }\n .carousel-badge.importante { background: #10b981; }\n\n .carousel-slide h3 {\n font-size: 14px;\n color: var(--text-muted);\n text-transform: uppercase;\n letter-spacing: 1px;\n margin-bottom: 8px;\n }\n\n .carousel-slide h4 {\n font-size: 28px;\n font-weight: 700;\n color: var(--primary);\n margin-bottom: 16px;\n }\n\n .carousel-slide p {\n font-size: 16px;\n color: var(--text-muted);\n margin-bottom: 24px;\n }\n\n .carousel-date {\n display: flex;\n align-items: center;\n gap: 8px;\n font-size: 14px;\n color: var(--text-muted);\n margin-bottom: 24px;\n }\n\n .carousel-nav {\n position: absolute;\n bottom: 20px;\n left: 50%;\n transform: translateX(-50%);\n display: flex;\n gap: 8px;\n }\n\n .carousel-dot {\n width: 10px;\n height: 10px;\n border-radius: 50%;\n background: #cbd5e1;\n cursor: pointer;\n transition: all 0.3s;\n border: none;\n }\n\n .carousel-dot.active {\n background: var(--primary);\n width: 30px;\n border-radius: 5px;\n }\n\n .carousel-arrows {\n position: absolute;\n top: 50%;\n transform: translateY(-50%);\n width: 100%;\n display: flex;\n justify-content: space-between;\n padding: 0 20px;\n pointer-events: none;\n }\n\n .carousel-arrow {\n width: 40px;\n height: 40px;\n border-radius: 50%;\n background: var(--white);\n border: none;\n box-shadow: var(--shadow);\n cursor: pointer;\n display: flex;\n align-items: center;\n justify-content: center;\n pointer-events: all;\n transition: all 0.3s;\n }\n\n .carousel-arrow:hover {\n background: var(--primary);\n color: var(--white);\n }\n\n \/* Section Styles *\/\n .section {\n padding: 80px 0;\n }\n\n .section-header {\n text-align: center;\n margin-bottom: 48px;\n }\n\n .section-badge {\n display: inline-block;\n padding: 8px 16px;\n border-radius: 20px;\n font-size: 14px;\n font-weight: 500;\n margin-bottom: 16px;\n }\n\n .section-badge.blue { background: #dbeafe; color: var(--primary); }\n .section-badge.amber { background: #fef3c7; color: #92400e; }\n .section-badge.green { background: #d1fae5; color: #065f46; }\n\n .section h2 {\n font-size: 36px;\n font-weight: 700;\n color: var(--primary);\n margin-bottom: 16px;\n }\n\n .section-subtitle {\n font-size: 18px;\n color: var(--text-muted);\n max-width: 600px;\n margin: 0 auto;\n }\n\n \/* Cards Grid *\/\n .cards-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n gap: 20px;\n }\n\n .card {\n background: var(--white);\n border-radius: 16px;\n padding: 24px;\n box-shadow: var(--shadow);\n transition: all 0.3s;\n position: relative;\n text-decoration: none;\n color: inherit;\n display: block;\n }\n\n .card:hover {\n transform: translateY(-4px);\n box-shadow: var(--shadow-hover);\n }\n\n .card-date {\n position: absolute;\n top: 16px;\n right: 16px;\n background: #f1f5f9;\n color: var(--text-muted);\n padding: 4px 10px;\n border-radius: 6px;\n font-size: 12px;\n font-weight: 500;\n }\n\n .card-badge {\n position: absolute;\n top: -10px;\n left: 50%;\n transform: translateX(-50%);\n background: linear-gradient(135deg, var(--accent), #f97316);\n color: var(--white);\n padding: 4px 12px;\n border-radius: 20px;\n font-size: 11px;\n font-weight: 700;\n }\n\n .card-icon {\n width: 56px;\n height: 56px;\n border-radius: 12px;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 24px;\n margin-bottom: 16px;\n }\n\n .card-icon.pink { background: #fce7f3; color: #ec4899; }\n .card-icon.orange { background: #ffedd5; color: #f97316; }\n .card-icon.green { background: #d1fae5; color: #10b981; }\n .card-icon.blue { background: #dbeafe; color: #3b82f6; }\n .card-icon.purple { background: #ede9fe; color: #8b5cf6; }\n\n .card h3 {\n font-size: 18px;\n font-weight: 700;\n color: var(--primary);\n margin-bottom: 4px;\n }\n\n .card-subtitle {\n font-size: 14px;\n color: var(--text-muted);\n margin-bottom: 12px;\n }\n\n .card p {\n font-size: 14px;\n color: var(--text-muted);\n margin-bottom: 16px;\n line-height: 1.5;\n }\n\n .card-link {\n display: flex;\n align-items: center;\n gap: 4px;\n color: var(--primary-light);\n font-weight: 500;\n font-size: 14px;\n }\n\n \/* CTA Banner *\/\n .cta-banner {\n background: linear-gradient(135deg, var(--primary), var(--primary-light));\n border-radius: 16px;\n padding: 24px 32px;\n display: flex;\n align-items: center;\n justify-content: space-between;\n flex-wrap: wrap;\n gap: 20px;\n margin-top: 32px;\n }\n\n .cta-content {\n display: flex;\n align-items: center;\n gap: 20px;\n }\n\n .cta-icon {\n width: 56px;\n height: 56px;\n background: rgba(255,255,255,0.2);\n border-radius: 12px;\n display: flex;\n align-items: center;\n justify-content: center;\n color: var(--white);\n font-size: 24px;\n }\n\n .cta-text h3 {\n color: var(--white);\n font-size: 20px;\n font-weight: 700;\n margin-bottom: 4px;\n }\n\n .cta-text p {\n color: rgba(255,255,255,0.8);\n font-size: 14px;\n margin: 0;\n }\n\n .btn-white {\n background: var(--white);\n color: var(--primary);\n padding: 12px 24px;\n border-radius: 50px;\n font-weight: 600;\n text-decoration: none;\n display: inline-flex;\n align-items: center;\n gap: 8px;\n transition: all 0.3s;\n }\n\n .btn-white:hover {\n background: var(--accent);\n color: var(--white);\n }\n\n \/* Services Section *\/\n .bg-light { background: var(--bg-light); }\n\n .services-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 20px;\n }\n\n .service-card {\n background: var(--white);\n border-radius: 16px;\n padding: 24px;\n box-shadow: var(--shadow);\n transition: all 0.3s;\n text-decoration: none;\n color: inherit;\n display: block;\n border-top: 4px solid transparent;\n }\n\n .service-card:hover {\n transform: translateY(-4px);\n box-shadow: var(--shadow-hover);\n }\n\n .service-card.blue { border-top-color: #3b82f6; }\n .service-card.red { border-top-color: #ef4444; }\n .service-card.green { border-top-color: #10b981; }\n .service-card.amber { border-top-color: #f59e0b; }\n\n .service-icon {\n width: 48px;\n height: 48px;\n border-radius: 12px;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 20px;\n color: var(--white);\n margin-bottom: 16px;\n }\n\n .service-icon.blue { background: #3b82f6; }\n .service-icon.red { background: #ef4444; }\n .service-icon.green { background: #10b981; }\n .service-icon.amber { background: #f59e0b; }\n\n .service-card h3 {\n font-size: 18px;\n font-weight: 700;\n color: var(--primary);\n margin-bottom: 4px;\n }\n\n .service-card .subtitle {\n font-size: 13px;\n color: var(--text-muted);\n margin-bottom: 8px;\n }\n\n .service-card p {\n font-size: 14px;\n color: var(--text-muted);\n }\n\n \/* News Section *\/\n .news-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));\n gap: 24px;\n }\n\n .news-card {\n background: var(--white);\n border-radius: 16px;\n overflow: hidden;\n box-shadow: var(--shadow);\n transition: all 0.3s;\n text-decoration: none;\n color: inherit;\n display: block;\n }\n\n .news-card:hover {\n transform: translateY(-4px);\n box-shadow: var(--shadow-hover);\n }\n\n .news-bar {\n height: 4px;\n }\n\n .news-bar.amber { background: var(--accent); }\n .news-bar.blue { background: var(--primary-light); }\n .news-bar.green { background: #10b981; }\n\n .news-content {\n padding: 24px;\n }\n\n .news-tag {\n display: inline-block;\n padding: 4px 12px;\n border-radius: 20px;\n font-size: 12px;\n font-weight: 600;\n color: var(--white);\n margin-bottom: 16px;\n }\n\n .news-tag.amber { background: var(--accent); }\n .news-tag.blue { background: var(--primary-light); }\n .news-tag.green { background: #10b981; }\n\n .news-card h3 {\n font-size: 18px;\n font-weight: 700;\n color: var(--primary);\n line-height: 1.4;\n margin-bottom: 12px;\n }\n\n .news-card p {\n font-size: 14px;\n color: var(--text-muted);\n line-height: 1.6;\n margin-bottom: 16px;\n }\n\n .news-meta {\n display: flex;\n gap: 16px;\n padding-top: 16px;\n border-top: 1px solid #e2e8f0;\n font-size: 13px;\n color: #94a3b8;\n }\n\n .news-meta span {\n display: flex;\n align-items: center;\n gap: 4px;\n }\n\n .news-link {\n display: flex;\n align-items: center;\n gap: 4px;\n color: var(--primary-light);\n font-weight: 500;\n font-size: 14px;\n margin-top: 16px;\n }\n\n \/* Contact Section *\/\n .contact-grid {\n display: grid;\n grid-template-columns: 2fr 3fr;\n gap: 40px;\n }\n\n .contact-info {\n display: flex;\n flex-direction: column;\n gap: 16px;\n }\n\n .info-item {\n display: flex;\n gap: 16px;\n padding: 20px;\n background: var(--white);\n border-radius: 12px;\n box-shadow: var(--shadow);\n }\n\n .info-icon {\n width: 48px;\n height: 48px;\n background: linear-gradient(135deg, var(--primary), var(--primary-light));\n border-radius: 12px;\n display: flex;\n align-items: center;\n justify-content: center;\n color: var(--white);\n font-size: 20px;\n flex-shrink: 0;\n }\n\n .info-text h4 {\n font-size: 16px;\n font-weight: 600;\n color: var(--primary);\n margin-bottom: 4px;\n }\n\n .info-text p {\n font-size: 14px;\n color: #475569;\n margin: 0;\n }\n\n .info-text .small {\n font-size: 13px;\n color: var(--text-muted);\n margin-top: 4px;\n }\n\n \/* Form *\/\n .contact-form {\n background: var(--white);\n border-radius: 16px;\n padding: 32px;\n box-shadow: var(--shadow);\n }\n\n .form-row {\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 16px;\n margin-bottom: 16px;\n }\n\n .form-group {\n margin-bottom: 16px;\n }\n\n .form-group label {\n display: block;\n margin-bottom: 8px;\n font-size: 14px;\n font-weight: 500;\n color: var(--primary);\n }\n\n .form-group label span {\n color: #ef4444;\n }\n\n .form-group input,\n .form-group select,\n .form-group textarea {\n width: 100%;\n padding: 12px 16px;\n border: 1px solid #e2e8f0;\n border-radius: 12px;\n font-size: 14px;\n font-family: inherit;\n transition: all 0.3s;\n }\n\n .form-group input:focus,\n .form-group select:focus,\n .form-group textarea:focus {\n outline: none;\n border-color: var(--primary-light);\n box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.1);\n }\n\n .form-group textarea {\n resize: none;\n min-height: 120px;\n }\n\n .btn-submit {\n width: 100%;\n padding: 16px;\n background: linear-gradient(135deg, var(--primary), var(--primary-light));\n color: var(--white);\n border: none;\n border-radius: 12px;\n font-size: 16px;\n font-weight: 600;\n cursor: pointer;\n display: flex;\n align-items: center;\n justify-content: center;\n gap: 8px;\n transition: all 0.3s;\n }\n\n .btn-submit:hover {\n opacity: 0.9;\n transform: translateY(-2px);\n }\n\n .form-footer {\n text-align: center;\n margin-top: 16px;\n font-size: 13px;\n color: #94a3b8;\n }\n\n .form-footer a {\n color: var(--primary-light);\n }\n\n \/* Footer *\/\n .footer {\n background: #0f172a;\n color: var(--white);\n position: relative;\n }\n\n .footer::before {\n content: '';\n display: block;\n height: 4px;\n background: linear-gradient(90deg, var(--primary-light), var(--accent), var(--primary-light));\n }\n\n .footer-grid {\n display: grid;\n grid-template-columns: 2fr repeat(3, 1fr);\n gap: 40px;\n padding: 64px 0 32px;\n }\n\n .footer-brand {\n display: flex;\n align-items: center;\n gap: 12px;\n margin-bottom: 16px;\n }\n\n .footer-brand-icon {\n width: 56px;\n height: 56px;\n background: linear-gradient(135deg, var(--primary-light), #1d4ed8);\n border-radius: 12px;\n display: flex;\n align-items: center;\n justify-content: center;\n color: var(--white);\n font-size: 24px;\n }\n\n .footer-brand-text h3 {\n font-size: 20px;\n font-weight: 700;\n margin: 0;\n }\n\n .footer-brand-text span {\n font-size: 14px;\n color: var(--primary-light);\n }\n\n .footer-about p {\n color: #94a3b8;\n font-size: 14px;\n line-height: 1.6;\n margin-bottom: 24px;\n }\n\n .social-links {\n display: flex;\n gap: 12px;\n }\n\n .social-links a {\n width: 40px;\n height: 40px;\n background: #1e293b;\n border-radius: 8px;\n display: flex;\n align-items: center;\n justify-content: center;\n color: #94a3b8;\n text-decoration: none;\n transition: all 0.3s;\n }\n\n .social-links a:hover {\n background: var(--primary-light);\n color: var(--white);\n }\n\n .footer-column h4 {\n font-size: 18px;\n font-weight: 600;\n margin-bottom: 20px;\n display: flex;\n align-items: center;\n gap: 8px;\n }\n\n .footer-column h4::before {\n content: '';\n width: 24px;\n height: 2px;\n background: var(--primary-light);\n }\n\n .footer-links {\n list-style: none;\n }\n\n .footer-links li {\n margin-bottom: 12px;\n }\n\n .footer-links a {\n color: #94a3b8;\n text-decoration: none;\n font-size: 14px;\n display: flex;\n align-items: center;\n gap: 8px;\n transition: all 0.3s;\n }\n\n .footer-links a:hover {\n color: var(--white);\n }\n\n .footer-links a::before {\n content: '\u2192';\n opacity: 0;\n transition: all 0.3s;\n }\n\n .footer-links a:hover::before {\n opacity: 1;\n }\n\n .footer-bottom {\n border-top: 1px solid #1e293b;\n padding: 24px 0;\n }\n\n .footer-address {\n display: flex;\n justify-content: space-between;\n align-items: center;\n flex-wrap: wrap;\n gap: 16px;\n color: #64748b;\n font-size: 14px;\n margin-bottom: 16px;\n }\n\n .footer-address span {\n display: flex;\n align-items: center;\n gap: 8px;\n }\n\n .status-dot {\n width: 8px;\n height: 8px;\n background: #10b981;\n border-radius: 50%;\n animation: pulse 2s infinite;\n }\n\n .footer-copyright {\n border-top: 1px solid #1e293b;\n padding-top: 24px;\n display: flex;\n justify-content: space-between;\n align-items: center;\n flex-wrap: wrap;\n gap: 16px;\n color: #64748b;\n font-size: 14px;\n }\n\n .footer-copyright span {\n color: #ef4444;\n }\n\n \/* Responsive *\/\n @media (max-width: 992px) {\n .hero-grid {\n grid-template-columns: 1fr;\n gap: 40px;\n }\n\n .hero h2 {\n font-size: 36px;\n }\n\n .contact-grid {\n grid-template-columns: 1fr;\n }\n\n .footer-grid {\n grid-template-columns: repeat(2, 1fr);\n }\n }\n\n @media (max-width: 768px) {\n .mobile-toggle {\n display: block;\n }\n\n .nav-menu {\n position: fixed;\n top: 80px;\n left: 0;\n right: 0;\n background: var(--white);\n flex-direction: column;\n padding: 20px;\n box-shadow: var(--shadow);\n transform: translateY(-150%);\n transition: transform 0.3s;\n }\n\n .nav-menu.active {\n transform: translateY(0);\n }\n\n .hero {\n padding: 60px 0;\n }\n\n .hero h2 {\n font-size: 28px;\n }\n\n .hero-buttons {\n flex-direction: column;\n }\n\n .hero-stats {\n flex-direction: column;\n gap: 20px;\n }\n\n .form-row {\n grid-template-columns: 1fr;\n }\n\n .footer-grid {\n grid-template-columns: 1fr;\n }\n\n .cta-banner {\n flex-direction: column;\n text-align: center;\n }\n\n .cta-content {\n flex-direction: column;\n }\n }\n <\/style>\n<\/head>\n<body>\n \n <div class=\"top-bar\">\n <div class=\"container\">\n <span>Investindo no futuro: Nossas crian\u00e7as merecem o melhor!<\/span>\n <a href=\"tel:+556135001234\"><i class=\"fas fa-phone\"><\/i> (61) 3500-1234<\/a>\n <\/div>\n <\/div>\n\n \n <nav class=\"navbar\">\n <div class=\"container\">\n <a href=\"#\" class=\"logo\">\n <div class=\"logo-icon\">SME<\/div>\n <div class=\"logo-text\">\n <h1>Secretaria Municipal<\/h1>\n <span>de Educa\u00e7\u00e3o<\/span>\n <\/div>\n <\/a>\n\n <ul class=\"nav-menu\" id=\"navMenu\">\n <li><a href=\"#inicio\">In\u00edcio<\/a><\/li>\n <li><a href=\"#sistemas\">Pr\u00e9-Matr\u00edculas<\/a><\/li>\n <li><a href=\"#noticias\">Not\u00edcias<\/a><\/li>\n <li><a href=\"#contato\" class=\"nav-cta\">Entrar em contato<\/a><\/li>\n <\/ul>\n\n <button class=\"mobile-toggle\" id=\"mobileToggle\">\n <i class=\"fas fa-bars\"><\/i>\n <\/button>\n <\/div>\n <\/nav>\n\n \n <section class=\"hero\" id=\"inicio\">\n <div class=\"container\">\n <div class=\"hero-grid\">\n <div class=\"hero-content\">\n <div class=\"hero-badge\">Secretaria Municipal de Educa\u00e7\u00e3o<\/div>\n <h2>Investindo no futuro das nossas crian\u00e7as<\/h2>\n <p>A Secretaria Municipal de Educa\u00e7\u00e3o de \u00c1guas Lindas de Goi\u00e1s trabalha para garantir uma educa\u00e7\u00e3o de qualidade para todos.<\/p>\n\n <div class=\"hero-buttons\">\n <a href=\"#sistemas\" class=\"btn btn-primary\">Acessar Sistemas <i class=\"fas fa-arrow-right\"><\/i><\/a>\n <a href=\"#noticias\" class=\"btn btn-outline\">Ver Not\u00edcias<\/a>\n <\/div>\n\n <div class=\"hero-stats\">\n <div class=\"stat-item\">\n <h3>50+<\/h3>\n <p>Unidades Escolares<\/p>\n <\/div>\n <div class=\"stat-item\">\n <h3>25k+<\/h3>\n <p>Alunos Atendidos<\/p>\n <\/div>\n <div class=\"stat-item\">\n <h3>2k+<\/h3>\n <p>Professores<\/p>\n <\/div>\n <\/div>\n <\/div>\n\n <div class=\"carousel\" id=\"heroCarousel\">\n <div class=\"carousel-slide active\" style=\"background: #fef3c7;\">\n <span class=\"carousel-badge novo\">Novo<\/span>\n <h3>Primeira Convoca\u00e7\u00e3o<\/h3>\n <h4>Cadastro Reserva 2026<\/h4>\n <p>Creches Municipais e Conveniadas – Consulte o resultado da primeira convoca\u00e7\u00e3o<\/p>\n <div class=\"carousel-date\">\n <i class=\"far fa-calendar\"><\/i> Publicado em 23\/01\/2026\n <\/div>\n <a href=\"#\" class=\"btn btn-primary\" style=\"width: fit-content;\">Ver Resultado<\/a>\n <\/div>\n\n <div class=\"carousel-slide\" style=\"background: #dbeafe;\">\n <span class=\"carousel-badge atualizado\">Atualizado<\/span>\n <h3>Convoca\u00e7\u00f5es da Lista de Espera<\/h3>\n <h4>Cadastro Reserva<\/h4>\n <p>Consulte os resultados das convoca\u00e7\u00f5es da lista de espera para creches municipais<\/p>\n <div class=\"carousel-date\">\n <i class=\"far fa-calendar\"><\/i> Atualizado em 04\/02\/2026\n <\/div>\n <a href=\"#\" class=\"btn btn-primary\" style=\"width: fit-content;\">Consultar<\/a>\n <\/div>\n\n <div class=\"carousel-slide\" style=\"background: #d1fae5;\">\n <span class=\"carousel-badge importante\">Importante<\/span>\n <h3>Pr\u00e9-Matr\u00edculas 2026<\/h3>\n <h4>Educa\u00e7\u00e3o Infantil e Fundamental<\/h4>\n <p>Acesse os resultados das pr\u00e9-matr\u00edculas para o ano letivo de 2026<\/p>\n <div class=\"carousel-date\">\n <i class=\"far fa-calendar\"><\/i> Publicado em 29\/12\/2025\n <\/div>\n <a href=\"#\" class=\"btn btn-primary\" style=\"width: fit-content;\">Acessar<\/a>\n <\/div>\n\n <div class=\"carousel-nav\">\n <button class=\"carousel-dot active\" data-slide=\"0\"><\/button>\n <button class=\"carousel-dot\" data-slide=\"1\"><\/button>\n <button class=\"carousel-dot\" data-slide=\"2\"><\/button>\n <\/div>\n\n <div class=\"carousel-arrows\">\n <button class=\"carousel-arrow\" id=\"prevSlide\"><i class=\"fas fa-chevron-left\"><\/i><\/button>\n <button class=\"carousel-arrow\" id=\"nextSlide\"><i class=\"fas fa-chevron-right\"><\/i><\/button>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section class=\"section\" id=\"sistemas\">\n <div class=\"container\">\n <div class=\"section-header\">\n <span class=\"section-badge blue\"><i class=\"far fa-calendar\"><\/i> Acesso R\u00e1pido<\/span>\n <h2>Sistemas de Consulta<\/h2>\n <p class=\"section-subtitle\">Acesse os resultados de matr\u00edculas, transfer\u00eancias e lista de espera<\/p>\n <\/div>\n\n <div class=\"cards-grid\">\n <a href=\"#\" class=\"card\">\n <span class=\"card-date\">17\/12\/2025<\/span>\n <div class=\"card-icon pink\"><i class=\"fas fa-baby\"><\/i><\/div>\n <h3>Educa\u00e7\u00e3o Infantil<\/h3>\n <p class=\"card-subtitle\">Creches (0 a 3 anos)<\/p>\n <p>Consulte o resultado para creches municipais e conveniadas<\/p>\n <span class=\"card-link\">Acessar <i class=\"fas fa-arrow-right\"><\/i><\/span>\n <\/a>\n\n <a href=\"#\" class=\"card\">\n <span class=\"card-date\">29\/12\/2025<\/span>\n <div class=\"card-icon orange\"><i class=\"fas fa-users\"><\/i><\/div>\n <h3>Educa\u00e7\u00e3o Infantil<\/h3>\n <p class=\"card-subtitle\">Etapa I e II<\/p>\n <p>Resultados para turmas de 4 e 5 anos<\/p>\n <span class=\"card-link\">Acessar <i class=\"fas fa-arrow-right\"><\/i><\/span>\n <\/a>\n\n <a href=\"#\" class=\"card\">\n <span class=\"card-date\">29\/12\/2025<\/span>\n <div class=\"card-icon green\"><i class=\"fas fa-book-open\"><\/i><\/div>\n <h3>EJA e Ensino Fundamental<\/h3>\n <p class=\"card-subtitle\">1\u00ba ao 5\u00ba Ano<\/p>\n <p>Pr\u00e9-matr\u00edculas para EJA e Ensino Fundamental<\/p>\n <span class=\"card-link\">Acessar <i class=\"fas fa-arrow-right\"><\/i><\/span>\n <\/a>\n\n <a href=\"#\" class=\"card\">\n <span class=\"card-date\">16\/12\/2025<\/span>\n <div class=\"card-icon blue\"><i class=\"fas fa-exchange-alt\"><\/i><\/div>\n <h3>Solicita\u00e7\u00e3o<\/h3>\n <p class=\"card-subtitle\">Transfer\u00eancia<\/p>\n <p>Consulte o resultado das solicita\u00e7\u00f5es de transfer\u00eancia<\/p>\n <span class=\"card-link\">Acessar <i class=\"fas fa-arrow-right\"><\/i><\/span>\n <\/a>\n\n <a href=\"#\" class=\"card\">\n <span class=\"card-badge\">Atualizado<\/span>\n <span class=\"card-date\">04\/02\/2026<\/span>\n <div class=\"card-icon purple\"><i class=\"fas fa-list\"><\/i><\/div>\n <h3>Consultar<\/h3>\n <p class=\"card-subtitle\">Lista de Espera<\/p>\n <p>Acesse a lista de espera atualizada<\/p>\n <span class=\"card-link\">Acessar <i class=\"fas fa-arrow-right\"><\/i><\/span>\n <\/a>\n <\/div>\n\n <div class=\"cta-banner\">\n <div class=\"cta-content\">\n <div class=\"cta-icon\"><i class=\"far fa-calendar-alt\"><\/i><\/div>\n <div class=\"cta-text\">\n <h3>Sistema de Cadastro Reserva<\/h3>\n <p>Fa\u00e7a seu cadastro na lista de espera<\/p>\n <\/div>\n <\/div>\n <a href=\"#\" class=\"btn-white\">Acessar Sistema <i class=\"fas fa-arrow-right\"><\/i><\/a>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section class=\"section bg-light\">\n <div class=\"container\">\n <div class=\"section-header\">\n <span class=\"section-badge amber\"><i class=\"fas fa-building\"><\/i> Servi\u00e7os Online<\/span>\n <h2>Informa\u00e7\u00f5es e Servi\u00e7os<\/h2>\n <p class=\"section-subtitle\">Acesse os principais servi\u00e7os e sistemas da Secretaria de Educa\u00e7\u00e3o<\/p>\n <\/div>\n\n <div class=\"services-grid\">\n <a href=\"https:\/\/aguaslindasdegoias.gier.com.br\/\" target=\"_blank\" class=\"service-card blue\">\n <div class=\"service-icon blue\"><i class=\"fas fa-graduation-cap\"><\/i><\/div>\n <h3>GIER<\/h3>\n <p class=\"subtitle\">Sistema de Gest\u00e3o Escolar<\/p>\n <p>Acesse o sistema de gest\u00e3o escolar da rede municipal<\/p>\n <\/a>\n\n <a href=\"#\" class=\"service-card red\">\n <div class=\"service-icon red\"><i class=\"fas fa-video\"><\/i><\/div>\n <h3>V\u00eddeos<\/h3>\n <p class=\"subtitle\">Tutoriais<\/p>\n <p>Assista aos tutoriais e v\u00eddeos instrucionais<\/p>\n <\/a>\n\n <a href=\"#\" class=\"service-card green\">\n <div class=\"service-icon green\"><i class=\"fas fa-map-marker-alt\"><\/i><\/div>\n <h3>Endere\u00e7o<\/h3>\n <p class=\"subtitle\">Escolas e Creches<\/p>\n <p>Encontre o endere\u00e7o de todas as unidades escolares<\/p>\n <\/a>\n\n <a href=\"https:\/\/aguaslindasdegoias.go.gov.br\/\" target=\"_blank\" class=\"service-card amber\">\n <div class=\"service-icon amber\"><i class=\"fas fa-building\"><\/i><\/div>\n <h3>Prefeitura<\/h3>\n <p class=\"subtitle\">\u00c1guas Lindas de Goi\u00e1s<\/p>\n <p>Acesse o site oficial da prefeitura municipal<\/p>\n <\/a>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section class=\"section\" id=\"noticias\">\n <div class=\"container\">\n <div class=\"section-header\" style=\"display: flex; justify-content: space-between; align-items: flex-end; flex-wrap: wrap; gap: 20px;\">\n <div style=\"text-align: left;\">\n <span class=\"section-badge blue\"><i class=\"far fa-newspaper\"><\/i> Comunicados<\/span>\n <h2>\u00daltimas Not\u00edcias<\/h2>\n <\/div>\n <a href=\"#\" class=\"btn btn-outline\">Ver todas as not\u00edcias <i class=\"fas fa-arrow-right\"><\/i><\/a>\n <\/div>\n\n <div class=\"news-grid\">\n <a href=\"#\" class=\"news-card\">\n <div class=\"news-bar amber\"><\/div>\n <div class=\"news-content\">\n <span class=\"news-tag amber\">Convoca\u00e7\u00e3o<\/span>\n <h3>Resultados do Cadastro Reserva para Creches Municipais e Conveniadas<\/h3>\n <p>A Secretaria Municipal de Educa\u00e7\u00e3o (SME) torna p\u00fablico o resultado da Convoca\u00e7\u00e3o do Cadastro Reserva para o preenchimento das vagas remanescentes.<\/p>\n <div class=\"news-meta\">\n <span><i class=\"far fa-calendar\"><\/i> 03\/02\/2026<\/span>\n <span><i class=\"far fa-comment\"><\/i> 0 coment\u00e1rios<\/span>\n <\/div>\n <span class=\"news-link\">Leia mais <i class=\"fas fa-arrow-right\"><\/i><\/span>\n <\/div>\n <\/a>\n\n <a href=\"#\" class=\"news-card\">\n <div class=\"news-bar blue\"><\/div>\n <div class=\"news-content\">\n <span class=\"news-tag blue\">Cadastro Reserva<\/span>\n <h3>Divulgada a Primeira Convoca\u00e7\u00e3o do Cadastro Reserva para Creches<\/h3>\n <p>A Secretaria Municipal de Educa\u00e7\u00e3o (SME) torna p\u00fablico o resultado da Primeira Convoca\u00e7\u00e3o do Cadastro Reserva.<\/p>\n <div class=\"news-meta\">\n <span><i class=\"far fa-calendar\"><\/i> 23\/01\/2026<\/span>\n <span><i class=\"far fa-comment\"><\/i> 0 coment\u00e1rios<\/span>\n <\/div>\n <span class=\"news-link\">Leia mais <i class=\"fas fa-arrow-right\"><\/i><\/span>\n <\/div>\n <\/a>\n\n <a href=\"#\" class=\"news-card\">\n <div class=\"news-bar green\"><\/div>\n <div class=\"news-content\">\n <span class=\"news-tag green\">Matr\u00edculas<\/span>\n <h3>Inscri\u00e7\u00f5es abertas para cadastro reserva Creches Municipais<\/h3>\n <p>A Secretaria Municipal de Educa\u00e7\u00e3o torna p\u00fablico o sistema de cadastro para a lista de espera das Creches Municipais.<\/p>\n <div class=\"news-meta\">\n <span><i class=\"far fa-calendar\"><\/i> 09\/01\/2026<\/span>\n <span><i class=\"far fa-comment\"><\/i> 0 coment\u00e1rios<\/span>\n <\/div>\n <span class=\"news-link\">Leia mais <i class=\"fas fa-arrow-right\"><\/i><\/span>\n <\/div>\n <\/a>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section class=\"section bg-light\" id=\"contato\">\n <div class=\"container\">\n <div class=\"section-header\">\n <span class=\"section-badge green\"><i class=\"far fa-comments\"><\/i> Fale Conosco<\/span>\n <h2>Entre em Contato<\/h2>\n <p class=\"section-subtitle\">Tem alguma d\u00favida, sugest\u00e3o ou reclama\u00e7\u00e3o? Estamos aqui para ajudar.<\/p>\n <\/div>\n\n <div class=\"contact-grid\">\n <div class=\"contact-info\">\n <div class=\"info-item\">\n <div class=\"info-icon\"><i class=\"fas fa-map-marker-alt\"><\/i><\/div>\n <div class=\"info-text\">\n <h4>Endere\u00e7o<\/h4>\n <p>Quadra 46, Conjunto A, Lote 01<\/p>\n <p class=\"small\">Parque da Barragem Setor 08, \u00c1guas Lindas – GO<\/p>\n <p class=\"small\">CEP: 72910-004<\/p>\n <\/div>\n <\/div>\n\n <div class=\"info-item\">\n <div class=\"info-icon\"><i class=\"fas fa-phone\"><\/i><\/div>\n <div class=\"info-text\">\n <h4>Telefone<\/h4>\n <p>(61) 3500-1234<\/p>\n <p class=\"small\">Segunda a Sexta, 8h \u00e0s 17h<\/p>\n <\/div>\n <\/div>\n\n <div class=\"info-item\">\n <div class=\"info-icon\"><i class=\"fas fa-envelope\"><\/i><\/div>\n <div class=\"info-text\">\n <h4>E-mail<\/h4>\n <p>sme@aguaslindasdegoias.go.gov.br<\/p>\n <p class=\"small\">Respondemos em at\u00e9 48h<\/p>\n <\/div>\n <\/div>\n\n <div class=\"info-item\">\n <div class=\"info-icon\"><i class=\"far fa-clock\"><\/i><\/div>\n <div class=\"info-text\">\n <h4>Hor\u00e1rio de Atendimento<\/h4>\n <p>Segunda a Sexta: 8h \u00e0s 17h<\/p>\n <p class=\"small\">S\u00e1bado e Domingo: Fechado<\/p>\n <\/div>\n <\/div>\n <\/div>\n\n <form class=\"contact-form\" id=\"contactForm\">\n <div class=\"form-row\">\n <div class=\"form-group\">\n <label>Seu nome <span>*<\/span><\/label>\n <input type=\"text\" placeholder=\"Digite seu nome completo\" required>\n <\/div>\n <div class=\"form-group\">\n <label>Seu e-mail <span>*<\/span><\/label>\n <input type=\"email\" placeholder=\"seu@email.com\" required>\n <\/div>\n <\/div>\n\n <div class=\"form-row\">\n <div class=\"form-group\">\n <label>Celular <span>*<\/span><\/label>\n <input type=\"tel\" placeholder=\"(61) 99999-9999\" required>\n <\/div>\n <div class=\"form-group\">\n <label>Assunto <span>*<\/span><\/label>\n <select required>\n <option value=\"\">Selecione o assunto<\/option>\n <option value=\"elogios\">Elogios<\/option>\n <option value=\"matriculas\">Matr\u00edculas<\/option>\n <option value=\"reclamacoes\">Reclama\u00e7\u00f5es<\/option>\n <option value=\"denuncias\">Den\u00fancias<\/option>\n <option value=\"sugestoes\">Sugest\u00f5es<\/option>\n <option value=\"outros\">Outros<\/option>\n <\/select>\n <\/div>\n <\/div>\n\n <div class=\"form-group\">\n <label>Sua mensagem <span>*<\/span><\/label>\n <textarea placeholder=\"Digite sua mensagem aqui...\" required><\/textarea>\n <\/div>\n\n <button type=\"submit\" class=\"btn-submit\">\n <i class=\"fas fa-paper-plane\"><\/i> Enviar Mensagem\n <\/button>\n\n <p class=\"form-footer\">\n Ao enviar, voc\u00ea concorda com nossa <a href=\"#\">pol\u00edtica de privacidade<\/a>\n <\/p>\n <\/form>\n <\/div>\n <\/div>\n <\/section>\n\n \n <footer class=\"footer\">\n <div class=\"container\">\n <div class=\"footer-grid\">\n <div>\n <div class=\"footer-brand\">\n <div class=\"footer-brand-icon\"><i class=\"fas fa-graduation-cap\"><\/i><\/div>\n <div class=\"footer-brand-text\">\n <h3>SME<\/h3>\n <span>\u00c1guas Lindas de Goi\u00e1s<\/span>\n <\/div>\n <\/div>\n <div class=\"footer-about\">\n <p>Investindo no futuro: Nossas crian\u00e7as merecem o melhor! Educa\u00e7\u00e3o de qualidade para transformar vidas.<\/p>\n <\/div>\n <div class=\"social-links\">\n <a href=\"#\" aria-label=\"Facebook\"><i class=\"fab fa-facebook-f\"><\/i><\/a>\n <a href=\"#\" aria-label=\"Instagram\"><i class=\"fab fa-instagram\"><\/i><\/a>\n <a href=\"#\" aria-label=\"YouTube\"><i class=\"fab fa-youtube\"><\/i><\/a>\n <\/div>\n <\/div>\n\n <div class=\"footer-column\">\n <h4>Links R\u00e1pidos<\/h4>\n <ul class=\"footer-links\">\n <li><a href=\"#\">Portal do Professor<\/a><\/li>\n <li><a href=\"#\">Portal do Secret\u00e1rio Escolar<\/a><\/li>\n <li><a href=\"#\">Portal do Coordenador Pedag\u00f3gico<\/a><\/li>\n <li><a href=\"#\">V\u00eddeos Tutoriais<\/a><\/li>\n <\/ul>\n <\/div>\n\n <div class=\"footer-column\">\n <h4>Documentos<\/h4>\n <ul class=\"footer-links\">\n <li><a href=\"#\">Calend\u00e1rios Escolares<\/a><\/li>\n <li><a href=\"#\">Leis Municipais<\/a><\/li>\n <li><a href=\"#\">Portarias<\/a><\/li>\n <li><a href=\"#\">Resolu\u00e7\u00f5es<\/a><\/li>\n <li><a href=\"#\">Editais e Comunicados<\/a><\/li>\n <\/ul>\n <\/div>\n\n <div class=\"footer-column\">\n <h4>Servi\u00e7os<\/h4>\n <ul class=\"footer-links\">\n <li><a href=\"#sistemas\">Pr\u00e9-Matr\u00edculas<\/a><\/li>\n <li><a href=\"#sistemas\">Resultados<\/a><\/li>\n <li><a href=\"#sistemas\">Transfer\u00eancias<\/a><\/li>\n <li><a href=\"#sistemas\">Lista de Espera<\/a><\/li>\n <\/ul>\n <\/div>\n <\/div>\n\n <div class=\"footer-bottom\">\n <div class=\"footer-address\">\n <span><span class=\"status-dot\"><\/span> Quadra 46, Conjunto A, Lote 01 – Parque da Barragem Setor 08<\/span>\n <span>\u00c1guas Lindas de Goi\u00e1s – GO | CEP: 72910-004<\/span>\n <\/div>\n\n <div class=\"footer-copyright\">\n <p>Copyright \u00a9 2026 Secretaria Municipal de Educa\u00e7\u00e3o. Todos os direitos reservados.<\/p>\n <p>Feito com <span>\u2764<\/span> para \u00c1guas Lindas<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/footer>\n\n \n <script>\n \/\/ Mobile Menu Toggle\n const mobileToggle = document.getElementById('mobileToggle');\n const navMenu = document.getElementById('navMenu');\n\n mobileToggle.addEventListener('click', () => {\n navMenu.classList.toggle('active');\n const icon = mobileToggle.querySelector('i');\n icon.classList.toggle('fa-bars');\n icon.classList.toggle('fa-times');\n });\n\n \/\/ Carousel\n const slides = document.querySelectorAll('.carousel-slide');\n const dots = document.querySelectorAll('.carousel-dot');\n const prevBtn = document.getElementById('prevSlide');\n const nextBtn = document.getElementById('nextSlide');\n let currentSlide = 0;\n let autoPlayInterval;\n\n function showSlide(index) {\n slides.forEach((slide, i) => {\n slide.classList.toggle('active', i === index);\n });\n dots.forEach((dot, i) => {\n dot.classList.toggle('active', i === index);\n });\n currentSlide = index;\n }\n\n function nextSlide() {\n showSlide((currentSlide + 1) % slides.length);\n }\n\n function prevSlide() {\n showSlide((currentSlide - 1 + slides.length) % slides.length);\n }\n\n function startAutoPlay() {\n autoPlayInterval = setInterval(nextSlide, 5000);\n }\n\n function stopAutoPlay() {\n clearInterval(autoPlayInterval);\n }\n\n prevBtn.addEventListener('click', () => {\n prevSlide();\n stopAutoPlay();\n startAutoPlay();\n });\n\n nextBtn.addEventListener('click', () => {\n nextSlide();\n stopAutoPlay();\n startAutoPlay();\n });\n\n dots.forEach((dot, index) => {\n dot.addEventListener('click', () => {\n showSlide(index);\n stopAutoPlay();\n startAutoPlay();\n });\n });\n\n \/\/ Start autoplay\n startAutoPlay();\n\n \/\/ Contact Form\n const contactForm = document.getElementById('contactForm');\n contactForm.addEventListener('submit', (e) => {\n e.preventDefault();\n alert('Mensagem enviada com sucesso! Agradecemos seu contato.');\n contactForm.reset();\n });\n\n \/\/ Smooth scroll for anchor links\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 \/\/ Close mobile menu if open\n navMenu.classList.remove('active');\n mobileToggle.querySelector('i').classList.remove('fa-times');\n mobileToggle.querySelector('i').classList.add('fa-bars');\n }\n });\n });\n\n \/\/ Header scroll effect\n const navbar = document.querySelector('.navbar');\n let lastScroll = 0;\n\n window.addEventListener('scroll', () => {\n const currentScroll = window.pageYOffset;\n\n if (currentScroll > 100) {\n navbar.style.boxShadow = '0 4px 20px -4px rgba(0,0,0,0.15)';\n } else {\n navbar.style.boxShadow = '0 4px 20px -4px rgba(0,0,0,0.1)';\n }\n\n lastScroll = currentScroll;\n });\n <\/script>\n<\/body>\n<\/html>\n\n","protected":false},"excerpt":{"rendered":"<p>SME \u00c1guas Lindas – Secretaria Municipal de Educa\u00e7\u00e3o Investindo no futuro: Nossas crian\u00e7as merecem o melhor! (61) 3500-1234 SME Secretaria […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"full-width-container","site-content-style":"unboxed","site-sidebar-style":"unboxed","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-47","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/smeaguaslindas.com\/presmart\/wp-json\/wp\/v2\/pages\/47","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/smeaguaslindas.com\/presmart\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/smeaguaslindas.com\/presmart\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/smeaguaslindas.com\/presmart\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/smeaguaslindas.com\/presmart\/wp-json\/wp\/v2\/comments?post=47"}],"version-history":[{"count":3,"href":"https:\/\/smeaguaslindas.com\/presmart\/wp-json\/wp\/v2\/pages\/47\/revisions"}],"predecessor-version":[{"id":50,"href":"https:\/\/smeaguaslindas.com\/presmart\/wp-json\/wp\/v2\/pages\/47\/revisions\/50"}],"wp:attachment":[{"href":"https:\/\/smeaguaslindas.com\/presmart\/wp-json\/wp\/v2\/media?parent=47"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

{"id":47,"date":"2026-02-24T15:46:19","date_gmt":"2026-02-24T18:46:19","guid":{"rendered":"https:\/\/smeaguaslindas.com\/presmart\/?page_id=47"},"modified":"2026-02-24T15:49:41","modified_gmt":"2026-02-24T18:49:41","slug":"47-2","status":"publish","type":"page","link":"https:\/\/smeaguaslindas.com\/presmart\/47-2\/","title":{"rendered":""},"content":{"rendered":"\n\n\n\n \n \n SME \u00c1guas Lindas – Secretaria Municipal de Educa\u00e7\u00e3o<\/title>\n <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@300;400;500;600;700;800&display=swap\" rel=\"stylesheet\">\n <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\n <style>\n :root {\n --primary: #1e3a5f;\n --primary-light: #3b82f6;\n --accent: #f59e0b;\n --text: #1e293b;\n --text-muted: #64748b;\n --bg-light: #f8fafc;\n --white: #ffffff;\n --shadow: 0 4px 20px -4px rgba(0,0,0,0.1);\n --shadow-hover: 0 8px 30px -4px rgba(0,0,0,0.15);\n }\n\n * {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n }\n\n html {\n scroll-behavior: smooth;\n }\n\n body {\n font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;\n color: var(--text);\n line-height: 1.6;\n background: var(--white);\n }\n\n \/* Header *\/\n .top-bar {\n background: linear-gradient(135deg, var(--primary), var(--primary-light));\n color: var(--white);\n padding: 8px 0;\n font-size: 14px;\n }\n\n .top-bar .container {\n display: flex;\n justify-content: space-between;\n align-items: center;\n }\n\n .top-bar a {\n color: var(--white);\n text-decoration: none;\n display: flex;\n align-items: center;\n gap: 8px;\n }\n\n \/* Navigation *\/\n .navbar {\n background: var(--white);\n box-shadow: var(--shadow);\n position: sticky;\n top: 0;\n z-index: 1000;\n }\n\n .navbar .container {\n display: flex;\n justify-content: space-between;\n align-items: center;\n padding: 16px 20px;\n }\n\n .logo {\n display: flex;\n align-items: center;\n gap: 12px;\n text-decoration: none;\n }\n\n .logo-icon {\n width: 48px;\n height: 48px;\n background: linear-gradient(135deg, var(--primary), var(--primary-light));\n border-radius: 12px;\n display: flex;\n align-items: center;\n justify-content: center;\n color: var(--white);\n font-weight: 700;\n font-size: 18px;\n }\n\n .logo-text h1 {\n font-size: 18px;\n font-weight: 700;\n color: var(--primary);\n line-height: 1.2;\n }\n\n .logo-text span {\n font-size: 13px;\n color: var(--primary-light);\n font-weight: 500;\n }\n\n .nav-menu {\n display: flex;\n list-style: none;\n gap: 8px;\n }\n\n .nav-menu a {\n text-decoration: none;\n color: var(--text);\n font-weight: 500;\n padding: 10px 16px;\n border-radius: 8px;\n transition: all 0.3s;\n }\n\n .nav-menu a:hover {\n background: var(--bg-light);\n color: var(--primary);\n }\n\n .nav-cta {\n background: linear-gradient(135deg, var(--primary), var(--primary-light));\n color: var(--white) !important;\n padding: 12px 24px !important;\n border-radius: 50px !important;\n }\n\n .nav-cta:hover {\n opacity: 0.9;\n transform: translateY(-2px);\n }\n\n .mobile-toggle {\n display: none;\n background: none;\n border: none;\n font-size: 24px;\n cursor: pointer;\n color: var(--primary);\n }\n\n \/* Container *\/\n .container {\n max-width: 1200px;\n margin: 0 auto;\n padding: 0 20px;\n }\n\n \/* Hero Section *\/\n .hero {\n background: linear-gradient(135deg, #f8fafc 0%, #e0f2fe 100%);\n padding: 80px 0;\n position: relative;\n overflow: hidden;\n }\n\n .hero::before {\n content: '';\n position: absolute;\n top: -100px;\n right: -100px;\n width: 400px;\n height: 400px;\n background: rgba(59, 130, 246, 0.1);\n border-radius: 50%;\n }\n\n .hero-grid {\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 60px;\n align-items: center;\n }\n\n .hero-badge {\n display: inline-flex;\n align-items: center;\n gap: 8px;\n background: #dbeafe;\n color: var(--primary);\n padding: 8px 16px;\n border-radius: 20px;\n font-size: 14px;\n font-weight: 500;\n margin-bottom: 24px;\n }\n\n .hero-badge::before {\n content: '';\n width: 8px;\n height: 8px;\n background: var(--primary-light);\n border-radius: 50%;\n animation: pulse 2s infinite;\n }\n\n @keyframes pulse {\n 0%, 100% { opacity: 1; }\n 50% { opacity: 0.5; }\n }\n\n .hero h2 {\n font-size: 48px;\n font-weight: 800;\n color: var(--primary);\n line-height: 1.2;\n margin-bottom: 20px;\n }\n\n .hero p {\n font-size: 18px;\n color: var(--text-muted);\n margin-bottom: 32px;\n max-width: 500px;\n }\n\n .hero-buttons {\n display: flex;\n gap: 16px;\n margin-bottom: 48px;\n }\n\n .btn {\n display: inline-flex;\n align-items: center;\n gap: 8px;\n padding: 16px 32px;\n border-radius: 50px;\n font-weight: 600;\n text-decoration: none;\n transition: all 0.3s;\n border: none;\n cursor: pointer;\n font-size: 16px;\n }\n\n .btn-primary {\n background: linear-gradient(135deg, var(--primary), var(--primary-light));\n color: var(--white);\n box-shadow: 0 4px 15px rgba(30, 58, 95, 0.3);\n }\n\n .btn-primary:hover {\n transform: translateY(-2px);\n box-shadow: 0 8px 25px rgba(30, 58, 95, 0.4);\n }\n\n .btn-outline {\n border: 2px solid var(--primary);\n color: var(--primary);\n background: transparent;\n }\n\n .btn-outline:hover {\n background: var(--primary);\n color: var(--white);\n }\n\n .hero-stats {\n display: flex;\n gap: 40px;\n }\n\n .stat-item h3 {\n font-size: 36px;\n font-weight: 800;\n color: var(--primary);\n }\n\n .stat-item p {\n font-size: 14px;\n color: var(--text-muted);\n margin: 0;\n }\n\n \/* Carousel *\/\n .carousel {\n background: var(--white);\n border-radius: 24px;\n box-shadow: var(--shadow-hover);\n overflow: hidden;\n position: relative;\n height: 400px;\n }\n\n .carousel-slide {\n position: absolute;\n inset: 0;\n padding: 40px;\n display: flex;\n flex-direction: column;\n justify-content: center;\n opacity: 0;\n transition: opacity 0.5s;\n }\n\n .carousel-slide.active {\n opacity: 1;\n }\n\n .carousel-badge {\n position: absolute;\n top: 20px;\n left: 20px;\n padding: 6px 16px;\n border-radius: 20px;\n font-size: 12px;\n font-weight: 700;\n color: var(--white);\n }\n\n .carousel-badge.novo { background: var(--accent); }\n .carousel-badge.atualizado { background: var(--primary-light); }\n .carousel-badge.importante { background: #10b981; }\n\n .carousel-slide h3 {\n font-size: 14px;\n color: var(--text-muted);\n text-transform: uppercase;\n letter-spacing: 1px;\n margin-bottom: 8px;\n }\n\n .carousel-slide h4 {\n font-size: 28px;\n font-weight: 700;\n color: var(--primary);\n margin-bottom: 16px;\n }\n\n .carousel-slide p {\n font-size: 16px;\n color: var(--text-muted);\n margin-bottom: 24px;\n }\n\n .carousel-date {\n display: flex;\n align-items: center;\n gap: 8px;\n font-size: 14px;\n color: var(--text-muted);\n margin-bottom: 24px;\n }\n\n .carousel-nav {\n position: absolute;\n bottom: 20px;\n left: 50%;\n transform: translateX(-50%);\n display: flex;\n gap: 8px;\n }\n\n .carousel-dot {\n width: 10px;\n height: 10px;\n border-radius: 50%;\n background: #cbd5e1;\n cursor: pointer;\n transition: all 0.3s;\n border: none;\n }\n\n .carousel-dot.active {\n background: var(--primary);\n width: 30px;\n border-radius: 5px;\n }\n\n .carousel-arrows {\n position: absolute;\n top: 50%;\n transform: translateY(-50%);\n width: 100%;\n display: flex;\n justify-content: space-between;\n padding: 0 20px;\n pointer-events: none;\n }\n\n .carousel-arrow {\n width: 40px;\n height: 40px;\n border-radius: 50%;\n background: var(--white);\n border: none;\n box-shadow: var(--shadow);\n cursor: pointer;\n display: flex;\n align-items: center;\n justify-content: center;\n pointer-events: all;\n transition: all 0.3s;\n }\n\n .carousel-arrow:hover {\n background: var(--primary);\n color: var(--white);\n }\n\n \/* Section Styles *\/\n .section {\n padding: 80px 0;\n }\n\n .section-header {\n text-align: center;\n margin-bottom: 48px;\n }\n\n .section-badge {\n display: inline-block;\n padding: 8px 16px;\n border-radius: 20px;\n font-size: 14px;\n font-weight: 500;\n margin-bottom: 16px;\n }\n\n .section-badge.blue { background: #dbeafe; color: var(--primary); }\n .section-badge.amber { background: #fef3c7; color: #92400e; }\n .section-badge.green { background: #d1fae5; color: #065f46; }\n\n .section h2 {\n font-size: 36px;\n font-weight: 700;\n color: var(--primary);\n margin-bottom: 16px;\n }\n\n .section-subtitle {\n font-size: 18px;\n color: var(--text-muted);\n max-width: 600px;\n margin: 0 auto;\n }\n\n \/* Cards Grid *\/\n .cards-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n gap: 20px;\n }\n\n .card {\n background: var(--white);\n border-radius: 16px;\n padding: 24px;\n box-shadow: var(--shadow);\n transition: all 0.3s;\n position: relative;\n text-decoration: none;\n color: inherit;\n display: block;\n }\n\n .card:hover {\n transform: translateY(-4px);\n box-shadow: var(--shadow-hover);\n }\n\n .card-date {\n position: absolute;\n top: 16px;\n right: 16px;\n background: #f1f5f9;\n color: var(--text-muted);\n padding: 4px 10px;\n border-radius: 6px;\n font-size: 12px;\n font-weight: 500;\n }\n\n .card-badge {\n position: absolute;\n top: -10px;\n left: 50%;\n transform: translateX(-50%);\n background: linear-gradient(135deg, var(--accent), #f97316);\n color: var(--white);\n padding: 4px 12px;\n border-radius: 20px;\n font-size: 11px;\n font-weight: 700;\n }\n\n .card-icon {\n width: 56px;\n height: 56px;\n border-radius: 12px;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 24px;\n margin-bottom: 16px;\n }\n\n .card-icon.pink { background: #fce7f3; color: #ec4899; }\n .card-icon.orange { background: #ffedd5; color: #f97316; }\n .card-icon.green { background: #d1fae5; color: #10b981; }\n .card-icon.blue { background: #dbeafe; color: #3b82f6; }\n .card-icon.purple { background: #ede9fe; color: #8b5cf6; }\n\n .card h3 {\n font-size: 18px;\n font-weight: 700;\n color: var(--primary);\n margin-bottom: 4px;\n }\n\n .card-subtitle {\n font-size: 14px;\n color: var(--text-muted);\n margin-bottom: 12px;\n }\n\n .card p {\n font-size: 14px;\n color: var(--text-muted);\n margin-bottom: 16px;\n line-height: 1.5;\n }\n\n .card-link {\n display: flex;\n align-items: center;\n gap: 4px;\n color: var(--primary-light);\n font-weight: 500;\n font-size: 14px;\n }\n\n \/* CTA Banner *\/\n .cta-banner {\n background: linear-gradient(135deg, var(--primary), var(--primary-light));\n border-radius: 16px;\n padding: 24px 32px;\n display: flex;\n align-items: center;\n justify-content: space-between;\n flex-wrap: wrap;\n gap: 20px;\n margin-top: 32px;\n }\n\n .cta-content {\n display: flex;\n align-items: center;\n gap: 20px;\n }\n\n .cta-icon {\n width: 56px;\n height: 56px;\n background: rgba(255,255,255,0.2);\n border-radius: 12px;\n display: flex;\n align-items: center;\n justify-content: center;\n color: var(--white);\n font-size: 24px;\n }\n\n .cta-text h3 {\n color: var(--white);\n font-size: 20px;\n font-weight: 700;\n margin-bottom: 4px;\n }\n\n .cta-text p {\n color: rgba(255,255,255,0.8);\n font-size: 14px;\n margin: 0;\n }\n\n .btn-white {\n background: var(--white);\n color: var(--primary);\n padding: 12px 24px;\n border-radius: 50px;\n font-weight: 600;\n text-decoration: none;\n display: inline-flex;\n align-items: center;\n gap: 8px;\n transition: all 0.3s;\n }\n\n .btn-white:hover {\n background: var(--accent);\n color: var(--white);\n }\n\n \/* Services Section *\/\n .bg-light { background: var(--bg-light); }\n\n .services-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 20px;\n }\n\n .service-card {\n background: var(--white);\n border-radius: 16px;\n padding: 24px;\n box-shadow: var(--shadow);\n transition: all 0.3s;\n text-decoration: none;\n color: inherit;\n display: block;\n border-top: 4px solid transparent;\n }\n\n .service-card:hover {\n transform: translateY(-4px);\n box-shadow: var(--shadow-hover);\n }\n\n .service-card.blue { border-top-color: #3b82f6; }\n .service-card.red { border-top-color: #ef4444; }\n .service-card.green { border-top-color: #10b981; }\n .service-card.amber { border-top-color: #f59e0b; }\n\n .service-icon {\n width: 48px;\n height: 48px;\n border-radius: 12px;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 20px;\n color: var(--white);\n margin-bottom: 16px;\n }\n\n .service-icon.blue { background: #3b82f6; }\n .service-icon.red { background: #ef4444; }\n .service-icon.green { background: #10b981; }\n .service-icon.amber { background: #f59e0b; }\n\n .service-card h3 {\n font-size: 18px;\n font-weight: 700;\n color: var(--primary);\n margin-bottom: 4px;\n }\n\n .service-card .subtitle {\n font-size: 13px;\n color: var(--text-muted);\n margin-bottom: 8px;\n }\n\n .service-card p {\n font-size: 14px;\n color: var(--text-muted);\n }\n\n \/* News Section *\/\n .news-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));\n gap: 24px;\n }\n\n .news-card {\n background: var(--white);\n border-radius: 16px;\n overflow: hidden;\n box-shadow: var(--shadow);\n transition: all 0.3s;\n text-decoration: none;\n color: inherit;\n display: block;\n }\n\n .news-card:hover {\n transform: translateY(-4px);\n box-shadow: var(--shadow-hover);\n }\n\n .news-bar {\n height: 4px;\n }\n\n .news-bar.amber { background: var(--accent); }\n .news-bar.blue { background: var(--primary-light); }\n .news-bar.green { background: #10b981; }\n\n .news-content {\n padding: 24px;\n }\n\n .news-tag {\n display: inline-block;\n padding: 4px 12px;\n border-radius: 20px;\n font-size: 12px;\n font-weight: 600;\n color: var(--white);\n margin-bottom: 16px;\n }\n\n .news-tag.amber { background: var(--accent); }\n .news-tag.blue { background: var(--primary-light); }\n .news-tag.green { background: #10b981; }\n\n .news-card h3 {\n font-size: 18px;\n font-weight: 700;\n color: var(--primary);\n line-height: 1.4;\n margin-bottom: 12px;\n }\n\n .news-card p {\n font-size: 14px;\n color: var(--text-muted);\n line-height: 1.6;\n margin-bottom: 16px;\n }\n\n .news-meta {\n display: flex;\n gap: 16px;\n padding-top: 16px;\n border-top: 1px solid #e2e8f0;\n font-size: 13px;\n color: #94a3b8;\n }\n\n .news-meta span {\n display: flex;\n align-items: center;\n gap: 4px;\n }\n\n .news-link {\n display: flex;\n align-items: center;\n gap: 4px;\n color: var(--primary-light);\n font-weight: 500;\n font-size: 14px;\n margin-top: 16px;\n }\n\n \/* Contact Section *\/\n .contact-grid {\n display: grid;\n grid-template-columns: 2fr 3fr;\n gap: 40px;\n }\n\n .contact-info {\n display: flex;\n flex-direction: column;\n gap: 16px;\n }\n\n .info-item {\n display: flex;\n gap: 16px;\n padding: 20px;\n background: var(--white);\n border-radius: 12px;\n box-shadow: var(--shadow);\n }\n\n .info-icon {\n width: 48px;\n height: 48px;\n background: linear-gradient(135deg, var(--primary), var(--primary-light));\n border-radius: 12px;\n display: flex;\n align-items: center;\n justify-content: center;\n color: var(--white);\n font-size: 20px;\n flex-shrink: 0;\n }\n\n .info-text h4 {\n font-size: 16px;\n font-weight: 600;\n color: var(--primary);\n margin-bottom: 4px;\n }\n\n .info-text p {\n font-size: 14px;\n color: #475569;\n margin: 0;\n }\n\n .info-text .small {\n font-size: 13px;\n color: var(--text-muted);\n margin-top: 4px;\n }\n\n \/* Form *\/\n .contact-form {\n background: var(--white);\n border-radius: 16px;\n padding: 32px;\n box-shadow: var(--shadow);\n }\n\n .form-row {\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 16px;\n margin-bottom: 16px;\n }\n\n .form-group {\n margin-bottom: 16px;\n }\n\n .form-group label {\n display: block;\n margin-bottom: 8px;\n font-size: 14px;\n font-weight: 500;\n color: var(--primary);\n }\n\n .form-group label span {\n color: #ef4444;\n }\n\n .form-group input,\n .form-group select,\n .form-group textarea {\n width: 100%;\n padding: 12px 16px;\n border: 1px solid #e2e8f0;\n border-radius: 12px;\n font-size: 14px;\n font-family: inherit;\n transition: all 0.3s;\n }\n\n .form-group input:focus,\n .form-group select:focus,\n .form-group textarea:focus {\n outline: none;\n border-color: var(--primary-light);\n box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.1);\n }\n\n .form-group textarea {\n resize: none;\n min-height: 120px;\n }\n\n .btn-submit {\n width: 100%;\n padding: 16px;\n background: linear-gradient(135deg, var(--primary), var(--primary-light));\n color: var(--white);\n border: none;\n border-radius: 12px;\n font-size: 16px;\n font-weight: 600;\n cursor: pointer;\n display: flex;\n align-items: center;\n justify-content: center;\n gap: 8px;\n transition: all 0.3s;\n }\n\n .btn-submit:hover {\n opacity: 0.9;\n transform: translateY(-2px);\n }\n\n .form-footer {\n text-align: center;\n margin-top: 16px;\n font-size: 13px;\n color: #94a3b8;\n }\n\n .form-footer a {\n color: var(--primary-light);\n }\n\n \/* Footer *\/\n .footer {\n background: #0f172a;\n color: var(--white);\n position: relative;\n }\n\n .footer::before {\n content: '';\n display: block;\n height: 4px;\n background: linear-gradient(90deg, var(--primary-light), var(--accent), var(--primary-light));\n }\n\n .footer-grid {\n display: grid;\n grid-template-columns: 2fr repeat(3, 1fr);\n gap: 40px;\n padding: 64px 0 32px;\n }\n\n .footer-brand {\n display: flex;\n align-items: center;\n gap: 12px;\n margin-bottom: 16px;\n }\n\n .footer-brand-icon {\n width: 56px;\n height: 56px;\n background: linear-gradient(135deg, var(--primary-light), #1d4ed8);\n border-radius: 12px;\n display: flex;\n align-items: center;\n justify-content: center;\n color: var(--white);\n font-size: 24px;\n }\n\n .footer-brand-text h3 {\n font-size: 20px;\n font-weight: 700;\n margin: 0;\n }\n\n .footer-brand-text span {\n font-size: 14px;\n color: var(--primary-light);\n }\n\n .footer-about p {\n color: #94a3b8;\n font-size: 14px;\n line-height: 1.6;\n margin-bottom: 24px;\n }\n\n .social-links {\n display: flex;\n gap: 12px;\n }\n\n .social-links a {\n width: 40px;\n height: 40px;\n background: #1e293b;\n border-radius: 8px;\n display: flex;\n align-items: center;\n justify-content: center;\n color: #94a3b8;\n text-decoration: none;\n transition: all 0.3s;\n }\n\n .social-links a:hover {\n background: var(--primary-light);\n color: var(--white);\n }\n\n .footer-column h4 {\n font-size: 18px;\n font-weight: 600;\n margin-bottom: 20px;\n display: flex;\n align-items: center;\n gap: 8px;\n }\n\n .footer-column h4::before {\n content: '';\n width: 24px;\n height: 2px;\n background: var(--primary-light);\n }\n\n .footer-links {\n list-style: none;\n }\n\n .footer-links li {\n margin-bottom: 12px;\n }\n\n .footer-links a {\n color: #94a3b8;\n text-decoration: none;\n font-size: 14px;\n display: flex;\n align-items: center;\n gap: 8px;\n transition: all 0.3s;\n }\n\n .footer-links a:hover {\n color: var(--white);\n }\n\n .footer-links a::before {\n content: '\u2192';\n opacity: 0;\n transition: all 0.3s;\n }\n\n .footer-links a:hover::before {\n opacity: 1;\n }\n\n .footer-bottom {\n border-top: 1px solid #1e293b;\n padding: 24px 0;\n }\n\n .footer-address {\n display: flex;\n justify-content: space-between;\n align-items: center;\n flex-wrap: wrap;\n gap: 16px;\n color: #64748b;\n font-size: 14px;\n margin-bottom: 16px;\n }\n\n .footer-address span {\n display: flex;\n align-items: center;\n gap: 8px;\n }\n\n .status-dot {\n width: 8px;\n height: 8px;\n background: #10b981;\n border-radius: 50%;\n animation: pulse 2s infinite;\n }\n\n .footer-copyright {\n border-top: 1px solid #1e293b;\n padding-top: 24px;\n display: flex;\n justify-content: space-between;\n align-items: center;\n flex-wrap: wrap;\n gap: 16px;\n color: #64748b;\n font-size: 14px;\n }\n\n .footer-copyright span {\n color: #ef4444;\n }\n\n \/* Responsive *\/\n @media (max-width: 992px) {\n .hero-grid {\n grid-template-columns: 1fr;\n gap: 40px;\n }\n\n .hero h2 {\n font-size: 36px;\n }\n\n .contact-grid {\n grid-template-columns: 1fr;\n }\n\n .footer-grid {\n grid-template-columns: repeat(2, 1fr);\n }\n }\n\n @media (max-width: 768px) {\n .mobile-toggle {\n display: block;\n }\n\n .nav-menu {\n position: fixed;\n top: 80px;\n left: 0;\n right: 0;\n background: var(--white);\n flex-direction: column;\n padding: 20px;\n box-shadow: var(--shadow);\n transform: translateY(-150%);\n transition: transform 0.3s;\n }\n\n .nav-menu.active {\n transform: translateY(0);\n }\n\n .hero {\n padding: 60px 0;\n }\n\n .hero h2 {\n font-size: 28px;\n }\n\n .hero-buttons {\n flex-direction: column;\n }\n\n .hero-stats {\n flex-direction: column;\n gap: 20px;\n }\n\n .form-row {\n grid-template-columns: 1fr;\n }\n\n .footer-grid {\n grid-template-columns: 1fr;\n }\n\n .cta-banner {\n flex-direction: column;\n text-align: center;\n }\n\n .cta-content {\n flex-direction: column;\n }\n }\n <\/style>\n<\/head>\n<body>\n \n <div class=\"top-bar\">\n <div class=\"container\">\n <span>Investindo no futuro: Nossas crian\u00e7as merecem o melhor!<\/span>\n <a href=\"tel:+556135001234\"><i class=\"fas fa-phone\"><\/i> (61) 3500-1234<\/a>\n <\/div>\n <\/div>\n\n \n <nav class=\"navbar\">\n <div class=\"container\">\n <a href=\"#\" class=\"logo\">\n <div class=\"logo-icon\">SME<\/div>\n <div class=\"logo-text\">\n <h1>Secretaria Municipal<\/h1>\n <span>de Educa\u00e7\u00e3o<\/span>\n <\/div>\n <\/a>\n\n <ul class=\"nav-menu\" id=\"navMenu\">\n <li><a href=\"#inicio\">In\u00edcio<\/a><\/li>\n <li><a href=\"#sistemas\">Pr\u00e9-Matr\u00edculas<\/a><\/li>\n <li><a href=\"#noticias\">Not\u00edcias<\/a><\/li>\n <li><a href=\"#contato\" class=\"nav-cta\">Entrar em contato<\/a><\/li>\n <\/ul>\n\n <button class=\"mobile-toggle\" id=\"mobileToggle\">\n <i class=\"fas fa-bars\"><\/i>\n <\/button>\n <\/div>\n <\/nav>\n\n \n <section class=\"hero\" id=\"inicio\">\n <div class=\"container\">\n <div class=\"hero-grid\">\n <div class=\"hero-content\">\n <div class=\"hero-badge\">Secretaria Municipal de Educa\u00e7\u00e3o<\/div>\n <h2>Investindo no futuro das nossas crian\u00e7as<\/h2>\n <p>A Secretaria Municipal de Educa\u00e7\u00e3o de \u00c1guas Lindas de Goi\u00e1s trabalha para garantir uma educa\u00e7\u00e3o de qualidade para todos.<\/p>\n\n <div class=\"hero-buttons\">\n <a href=\"#sistemas\" class=\"btn btn-primary\">Acessar Sistemas <i class=\"fas fa-arrow-right\"><\/i><\/a>\n <a href=\"#noticias\" class=\"btn btn-outline\">Ver Not\u00edcias<\/a>\n <\/div>\n\n <div class=\"hero-stats\">\n <div class=\"stat-item\">\n <h3>50+<\/h3>\n <p>Unidades Escolares<\/p>\n <\/div>\n <div class=\"stat-item\">\n <h3>25k+<\/h3>\n <p>Alunos Atendidos<\/p>\n <\/div>\n <div class=\"stat-item\">\n <h3>2k+<\/h3>\n <p>Professores<\/p>\n <\/div>\n <\/div>\n <\/div>\n\n <div class=\"carousel\" id=\"heroCarousel\">\n <div class=\"carousel-slide active\" style=\"background: #fef3c7;\">\n <span class=\"carousel-badge novo\">Novo<\/span>\n <h3>Primeira Convoca\u00e7\u00e3o<\/h3>\n <h4>Cadastro Reserva 2026<\/h4>\n <p>Creches Municipais e Conveniadas – Consulte o resultado da primeira convoca\u00e7\u00e3o<\/p>\n <div class=\"carousel-date\">\n <i class=\"far fa-calendar\"><\/i> Publicado em 23\/01\/2026\n <\/div>\n <a href=\"#\" class=\"btn btn-primary\" style=\"width: fit-content;\">Ver Resultado<\/a>\n <\/div>\n\n <div class=\"carousel-slide\" style=\"background: #dbeafe;\">\n <span class=\"carousel-badge atualizado\">Atualizado<\/span>\n <h3>Convoca\u00e7\u00f5es da Lista de Espera<\/h3>\n <h4>Cadastro Reserva<\/h4>\n <p>Consulte os resultados das convoca\u00e7\u00f5es da lista de espera para creches municipais<\/p>\n <div class=\"carousel-date\">\n <i class=\"far fa-calendar\"><\/i> Atualizado em 04\/02\/2026\n <\/div>\n <a href=\"#\" class=\"btn btn-primary\" style=\"width: fit-content;\">Consultar<\/a>\n <\/div>\n\n <div class=\"carousel-slide\" style=\"background: #d1fae5;\">\n <span class=\"carousel-badge importante\">Importante<\/span>\n <h3>Pr\u00e9-Matr\u00edculas 2026<\/h3>\n <h4>Educa\u00e7\u00e3o Infantil e Fundamental<\/h4>\n <p>Acesse os resultados das pr\u00e9-matr\u00edculas para o ano letivo de 2026<\/p>\n <div class=\"carousel-date\">\n <i class=\"far fa-calendar\"><\/i> Publicado em 29\/12\/2025\n <\/div>\n <a href=\"#\" class=\"btn btn-primary\" style=\"width: fit-content;\">Acessar<\/a>\n <\/div>\n\n <div class=\"carousel-nav\">\n <button class=\"carousel-dot active\" data-slide=\"0\"><\/button>\n <button class=\"carousel-dot\" data-slide=\"1\"><\/button>\n <button class=\"carousel-dot\" data-slide=\"2\"><\/button>\n <\/div>\n\n <div class=\"carousel-arrows\">\n <button class=\"carousel-arrow\" id=\"prevSlide\"><i class=\"fas fa-chevron-left\"><\/i><\/button>\n <button class=\"carousel-arrow\" id=\"nextSlide\"><i class=\"fas fa-chevron-right\"><\/i><\/button>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section class=\"section\" id=\"sistemas\">\n <div class=\"container\">\n <div class=\"section-header\">\n <span class=\"section-badge blue\"><i class=\"far fa-calendar\"><\/i> Acesso R\u00e1pido<\/span>\n <h2>Sistemas de Consulta<\/h2>\n <p class=\"section-subtitle\">Acesse os resultados de matr\u00edculas, transfer\u00eancias e lista de espera<\/p>\n <\/div>\n\n <div class=\"cards-grid\">\n <a href=\"#\" class=\"card\">\n <span class=\"card-date\">17\/12\/2025<\/span>\n <div class=\"card-icon pink\"><i class=\"fas fa-baby\"><\/i><\/div>\n <h3>Educa\u00e7\u00e3o Infantil<\/h3>\n <p class=\"card-subtitle\">Creches (0 a 3 anos)<\/p>\n <p>Consulte o resultado para creches municipais e conveniadas<\/p>\n <span class=\"card-link\">Acessar <i class=\"fas fa-arrow-right\"><\/i><\/span>\n <\/a>\n\n <a href=\"#\" class=\"card\">\n <span class=\"card-date\">29\/12\/2025<\/span>\n <div class=\"card-icon orange\"><i class=\"fas fa-users\"><\/i><\/div>\n <h3>Educa\u00e7\u00e3o Infantil<\/h3>\n <p class=\"card-subtitle\">Etapa I e II<\/p>\n <p>Resultados para turmas de 4 e 5 anos<\/p>\n <span class=\"card-link\">Acessar <i class=\"fas fa-arrow-right\"><\/i><\/span>\n <\/a>\n\n <a href=\"#\" class=\"card\">\n <span class=\"card-date\">29\/12\/2025<\/span>\n <div class=\"card-icon green\"><i class=\"fas fa-book-open\"><\/i><\/div>\n <h3>EJA e Ensino Fundamental<\/h3>\n <p class=\"card-subtitle\">1\u00ba ao 5\u00ba Ano<\/p>\n <p>Pr\u00e9-matr\u00edculas para EJA e Ensino Fundamental<\/p>\n <span class=\"card-link\">Acessar <i class=\"fas fa-arrow-right\"><\/i><\/span>\n <\/a>\n\n <a href=\"#\" class=\"card\">\n <span class=\"card-date\">16\/12\/2025<\/span>\n <div class=\"card-icon blue\"><i class=\"fas fa-exchange-alt\"><\/i><\/div>\n <h3>Solicita\u00e7\u00e3o<\/h3>\n <p class=\"card-subtitle\">Transfer\u00eancia<\/p>\n <p>Consulte o resultado das solicita\u00e7\u00f5es de transfer\u00eancia<\/p>\n <span class=\"card-link\">Acessar <i class=\"fas fa-arrow-right\"><\/i><\/span>\n <\/a>\n\n <a href=\"#\" class=\"card\">\n <span class=\"card-badge\">Atualizado<\/span>\n <span class=\"card-date\">04\/02\/2026<\/span>\n <div class=\"card-icon purple\"><i class=\"fas fa-list\"><\/i><\/div>\n <h3>Consultar<\/h3>\n <p class=\"card-subtitle\">Lista de Espera<\/p>\n <p>Acesse a lista de espera atualizada<\/p>\n <span class=\"card-link\">Acessar <i class=\"fas fa-arrow-right\"><\/i><\/span>\n <\/a>\n <\/div>\n\n <div class=\"cta-banner\">\n <div class=\"cta-content\">\n <div class=\"cta-icon\"><i class=\"far fa-calendar-alt\"><\/i><\/div>\n <div class=\"cta-text\">\n <h3>Sistema de Cadastro Reserva<\/h3>\n <p>Fa\u00e7a seu cadastro na lista de espera<\/p>\n <\/div>\n <\/div>\n <a href=\"#\" class=\"btn-white\">Acessar Sistema <i class=\"fas fa-arrow-right\"><\/i><\/a>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section class=\"section bg-light\">\n <div class=\"container\">\n <div class=\"section-header\">\n <span class=\"section-badge amber\"><i class=\"fas fa-building\"><\/i> Servi\u00e7os Online<\/span>\n <h2>Informa\u00e7\u00f5es e Servi\u00e7os<\/h2>\n <p class=\"section-subtitle\">Acesse os principais servi\u00e7os e sistemas da Secretaria de Educa\u00e7\u00e3o<\/p>\n <\/div>\n\n <div class=\"services-grid\">\n <a href=\"https:\/\/aguaslindasdegoias.gier.com.br\/\" target=\"_blank\" class=\"service-card blue\">\n <div class=\"service-icon blue\"><i class=\"fas fa-graduation-cap\"><\/i><\/div>\n <h3>GIER<\/h3>\n <p class=\"subtitle\">Sistema de Gest\u00e3o Escolar<\/p>\n <p>Acesse o sistema de gest\u00e3o escolar da rede municipal<\/p>\n <\/a>\n\n <a href=\"#\" class=\"service-card red\">\n <div class=\"service-icon red\"><i class=\"fas fa-video\"><\/i><\/div>\n <h3>V\u00eddeos<\/h3>\n <p class=\"subtitle\">Tutoriais<\/p>\n <p>Assista aos tutoriais e v\u00eddeos instrucionais<\/p>\n <\/a>\n\n <a href=\"#\" class=\"service-card green\">\n <div class=\"service-icon green\"><i class=\"fas fa-map-marker-alt\"><\/i><\/div>\n <h3>Endere\u00e7o<\/h3>\n <p class=\"subtitle\">Escolas e Creches<\/p>\n <p>Encontre o endere\u00e7o de todas as unidades escolares<\/p>\n <\/a>\n\n <a href=\"https:\/\/aguaslindasdegoias.go.gov.br\/\" target=\"_blank\" class=\"service-card amber\">\n <div class=\"service-icon amber\"><i class=\"fas fa-building\"><\/i><\/div>\n <h3>Prefeitura<\/h3>\n <p class=\"subtitle\">\u00c1guas Lindas de Goi\u00e1s<\/p>\n <p>Acesse o site oficial da prefeitura municipal<\/p>\n <\/a>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section class=\"section\" id=\"noticias\">\n <div class=\"container\">\n <div class=\"section-header\" style=\"display: flex; justify-content: space-between; align-items: flex-end; flex-wrap: wrap; gap: 20px;\">\n <div style=\"text-align: left;\">\n <span class=\"section-badge blue\"><i class=\"far fa-newspaper\"><\/i> Comunicados<\/span>\n <h2>\u00daltimas Not\u00edcias<\/h2>\n <\/div>\n <a href=\"#\" class=\"btn btn-outline\">Ver todas as not\u00edcias <i class=\"fas fa-arrow-right\"><\/i><\/a>\n <\/div>\n\n <div class=\"news-grid\">\n <a href=\"#\" class=\"news-card\">\n <div class=\"news-bar amber\"><\/div>\n <div class=\"news-content\">\n <span class=\"news-tag amber\">Convoca\u00e7\u00e3o<\/span>\n <h3>Resultados do Cadastro Reserva para Creches Municipais e Conveniadas<\/h3>\n <p>A Secretaria Municipal de Educa\u00e7\u00e3o (SME) torna p\u00fablico o resultado da Convoca\u00e7\u00e3o do Cadastro Reserva para o preenchimento das vagas remanescentes.<\/p>\n <div class=\"news-meta\">\n <span><i class=\"far fa-calendar\"><\/i> 03\/02\/2026<\/span>\n <span><i class=\"far fa-comment\"><\/i> 0 coment\u00e1rios<\/span>\n <\/div>\n <span class=\"news-link\">Leia mais <i class=\"fas fa-arrow-right\"><\/i><\/span>\n <\/div>\n <\/a>\n\n <a href=\"#\" class=\"news-card\">\n <div class=\"news-bar blue\"><\/div>\n <div class=\"news-content\">\n <span class=\"news-tag blue\">Cadastro Reserva<\/span>\n <h3>Divulgada a Primeira Convoca\u00e7\u00e3o do Cadastro Reserva para Creches<\/h3>\n <p>A Secretaria Municipal de Educa\u00e7\u00e3o (SME) torna p\u00fablico o resultado da Primeira Convoca\u00e7\u00e3o do Cadastro Reserva.<\/p>\n <div class=\"news-meta\">\n <span><i class=\"far fa-calendar\"><\/i> 23\/01\/2026<\/span>\n <span><i class=\"far fa-comment\"><\/i> 0 coment\u00e1rios<\/span>\n <\/div>\n <span class=\"news-link\">Leia mais <i class=\"fas fa-arrow-right\"><\/i><\/span>\n <\/div>\n <\/a>\n\n <a href=\"#\" class=\"news-card\">\n <div class=\"news-bar green\"><\/div>\n <div class=\"news-content\">\n <span class=\"news-tag green\">Matr\u00edculas<\/span>\n <h3>Inscri\u00e7\u00f5es abertas para cadastro reserva Creches Municipais<\/h3>\n <p>A Secretaria Municipal de Educa\u00e7\u00e3o torna p\u00fablico o sistema de cadastro para a lista de espera das Creches Municipais.<\/p>\n <div class=\"news-meta\">\n <span><i class=\"far fa-calendar\"><\/i> 09\/01\/2026<\/span>\n <span><i class=\"far fa-comment\"><\/i> 0 coment\u00e1rios<\/span>\n <\/div>\n <span class=\"news-link\">Leia mais <i class=\"fas fa-arrow-right\"><\/i><\/span>\n <\/div>\n <\/a>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section class=\"section bg-light\" id=\"contato\">\n <div class=\"container\">\n <div class=\"section-header\">\n <span class=\"section-badge green\"><i class=\"far fa-comments\"><\/i> Fale Conosco<\/span>\n <h2>Entre em Contato<\/h2>\n <p class=\"section-subtitle\">Tem alguma d\u00favida, sugest\u00e3o ou reclama\u00e7\u00e3o? Estamos aqui para ajudar.<\/p>\n <\/div>\n\n <div class=\"contact-grid\">\n <div class=\"contact-info\">\n <div class=\"info-item\">\n <div class=\"info-icon\"><i class=\"fas fa-map-marker-alt\"><\/i><\/div>\n <div class=\"info-text\">\n <h4>Endere\u00e7o<\/h4>\n <p>Quadra 46, Conjunto A, Lote 01<\/p>\n <p class=\"small\">Parque da Barragem Setor 08, \u00c1guas Lindas – GO<\/p>\n <p class=\"small\">CEP: 72910-004<\/p>\n <\/div>\n <\/div>\n\n <div class=\"info-item\">\n <div class=\"info-icon\"><i class=\"fas fa-phone\"><\/i><\/div>\n <div class=\"info-text\">\n <h4>Telefone<\/h4>\n <p>(61) 3500-1234<\/p>\n <p class=\"small\">Segunda a Sexta, 8h \u00e0s 17h<\/p>\n <\/div>\n <\/div>\n\n <div class=\"info-item\">\n <div class=\"info-icon\"><i class=\"fas fa-envelope\"><\/i><\/div>\n <div class=\"info-text\">\n <h4>E-mail<\/h4>\n <p>sme@aguaslindasdegoias.go.gov.br<\/p>\n <p class=\"small\">Respondemos em at\u00e9 48h<\/p>\n <\/div>\n <\/div>\n\n <div class=\"info-item\">\n <div class=\"info-icon\"><i class=\"far fa-clock\"><\/i><\/div>\n <div class=\"info-text\">\n <h4>Hor\u00e1rio de Atendimento<\/h4>\n <p>Segunda a Sexta: 8h \u00e0s 17h<\/p>\n <p class=\"small\">S\u00e1bado e Domingo: Fechado<\/p>\n <\/div>\n <\/div>\n <\/div>\n\n <form class=\"contact-form\" id=\"contactForm\">\n <div class=\"form-row\">\n <div class=\"form-group\">\n <label>Seu nome <span>*<\/span><\/label>\n <input type=\"text\" placeholder=\"Digite seu nome completo\" required>\n <\/div>\n <div class=\"form-group\">\n <label>Seu e-mail <span>*<\/span><\/label>\n <input type=\"email\" placeholder=\"seu@email.com\" required>\n <\/div>\n <\/div>\n\n <div class=\"form-row\">\n <div class=\"form-group\">\n <label>Celular <span>*<\/span><\/label>\n <input type=\"tel\" placeholder=\"(61) 99999-9999\" required>\n <\/div>\n <div class=\"form-group\">\n <label>Assunto <span>*<\/span><\/label>\n <select required>\n <option value=\"\">Selecione o assunto<\/option>\n <option value=\"elogios\">Elogios<\/option>\n <option value=\"matriculas\">Matr\u00edculas<\/option>\n <option value=\"reclamacoes\">Reclama\u00e7\u00f5es<\/option>\n <option value=\"denuncias\">Den\u00fancias<\/option>\n <option value=\"sugestoes\">Sugest\u00f5es<\/option>\n <option value=\"outros\">Outros<\/option>\n <\/select>\n <\/div>\n <\/div>\n\n <div class=\"form-group\">\n <label>Sua mensagem <span>*<\/span><\/label>\n <textarea placeholder=\"Digite sua mensagem aqui...\" required><\/textarea>\n <\/div>\n\n <button type=\"submit\" class=\"btn-submit\">\n <i class=\"fas fa-paper-plane\"><\/i> Enviar Mensagem\n <\/button>\n\n <p class=\"form-footer\">\n Ao enviar, voc\u00ea concorda com nossa <a href=\"#\">pol\u00edtica de privacidade<\/a>\n <\/p>\n <\/form>\n <\/div>\n <\/div>\n <\/section>\n\n \n <footer class=\"footer\">\n <div class=\"container\">\n <div class=\"footer-grid\">\n <div>\n <div class=\"footer-brand\">\n <div class=\"footer-brand-icon\"><i class=\"fas fa-graduation-cap\"><\/i><\/div>\n <div class=\"footer-brand-text\">\n <h3>SME<\/h3>\n <span>\u00c1guas Lindas de Goi\u00e1s<\/span>\n <\/div>\n <\/div>\n <div class=\"footer-about\">\n <p>Investindo no futuro: Nossas crian\u00e7as merecem o melhor! Educa\u00e7\u00e3o de qualidade para transformar vidas.<\/p>\n <\/div>\n <div class=\"social-links\">\n <a href=\"#\" aria-label=\"Facebook\"><i class=\"fab fa-facebook-f\"><\/i><\/a>\n <a href=\"#\" aria-label=\"Instagram\"><i class=\"fab fa-instagram\"><\/i><\/a>\n <a href=\"#\" aria-label=\"YouTube\"><i class=\"fab fa-youtube\"><\/i><\/a>\n <\/div>\n <\/div>\n\n <div class=\"footer-column\">\n <h4>Links R\u00e1pidos<\/h4>\n <ul class=\"footer-links\">\n <li><a href=\"#\">Portal do Professor<\/a><\/li>\n <li><a href=\"#\">Portal do Secret\u00e1rio Escolar<\/a><\/li>\n <li><a href=\"#\">Portal do Coordenador Pedag\u00f3gico<\/a><\/li>\n <li><a href=\"#\">V\u00eddeos Tutoriais<\/a><\/li>\n <\/ul>\n <\/div>\n\n <div class=\"footer-column\">\n <h4>Documentos<\/h4>\n <ul class=\"footer-links\">\n <li><a href=\"#\">Calend\u00e1rios Escolares<\/a><\/li>\n <li><a href=\"#\">Leis Municipais<\/a><\/li>\n <li><a href=\"#\">Portarias<\/a><\/li>\n <li><a href=\"#\">Resolu\u00e7\u00f5es<\/a><\/li>\n <li><a href=\"#\">Editais e Comunicados<\/a><\/li>\n <\/ul>\n <\/div>\n\n <div class=\"footer-column\">\n <h4>Servi\u00e7os<\/h4>\n <ul class=\"footer-links\">\n <li><a href=\"#sistemas\">Pr\u00e9-Matr\u00edculas<\/a><\/li>\n <li><a href=\"#sistemas\">Resultados<\/a><\/li>\n <li><a href=\"#sistemas\">Transfer\u00eancias<\/a><\/li>\n <li><a href=\"#sistemas\">Lista de Espera<\/a><\/li>\n <\/ul>\n <\/div>\n <\/div>\n\n <div class=\"footer-bottom\">\n <div class=\"footer-address\">\n <span><span class=\"status-dot\"><\/span> Quadra 46, Conjunto A, Lote 01 – Parque da Barragem Setor 08<\/span>\n <span>\u00c1guas Lindas de Goi\u00e1s – GO | CEP: 72910-004<\/span>\n <\/div>\n\n <div class=\"footer-copyright\">\n <p>Copyright \u00a9 2026 Secretaria Municipal de Educa\u00e7\u00e3o. Todos os direitos reservados.<\/p>\n <p>Feito com <span>\u2764<\/span> para \u00c1guas Lindas<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/footer>\n\n \n <script>\n \/\/ Mobile Menu Toggle\n const mobileToggle = document.getElementById('mobileToggle');\n const navMenu = document.getElementById('navMenu');\n\n mobileToggle.addEventListener('click', () => {\n navMenu.classList.toggle('active');\n const icon = mobileToggle.querySelector('i');\n icon.classList.toggle('fa-bars');\n icon.classList.toggle('fa-times');\n });\n\n \/\/ Carousel\n const slides = document.querySelectorAll('.carousel-slide');\n const dots = document.querySelectorAll('.carousel-dot');\n const prevBtn = document.getElementById('prevSlide');\n const nextBtn = document.getElementById('nextSlide');\n let currentSlide = 0;\n let autoPlayInterval;\n\n function showSlide(index) {\n slides.forEach((slide, i) => {\n slide.classList.toggle('active', i === index);\n });\n dots.forEach((dot, i) => {\n dot.classList.toggle('active', i === index);\n });\n currentSlide = index;\n }\n\n function nextSlide() {\n showSlide((currentSlide + 1) % slides.length);\n }\n\n function prevSlide() {\n showSlide((currentSlide - 1 + slides.length) % slides.length);\n }\n\n function startAutoPlay() {\n autoPlayInterval = setInterval(nextSlide, 5000);\n }\n\n function stopAutoPlay() {\n clearInterval(autoPlayInterval);\n }\n\n prevBtn.addEventListener('click', () => {\n prevSlide();\n stopAutoPlay();\n startAutoPlay();\n });\n\n nextBtn.addEventListener('click', () => {\n nextSlide();\n stopAutoPlay();\n startAutoPlay();\n });\n\n dots.forEach((dot, index) => {\n dot.addEventListener('click', () => {\n showSlide(index);\n stopAutoPlay();\n startAutoPlay();\n });\n });\n\n \/\/ Start autoplay\n startAutoPlay();\n\n \/\/ Contact Form\n const contactForm = document.getElementById('contactForm');\n contactForm.addEventListener('submit', (e) => {\n e.preventDefault();\n alert('Mensagem enviada com sucesso! Agradecemos seu contato.');\n contactForm.reset();\n });\n\n \/\/ Smooth scroll for anchor links\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 \/\/ Close mobile menu if open\n navMenu.classList.remove('active');\n mobileToggle.querySelector('i').classList.remove('fa-times');\n mobileToggle.querySelector('i').classList.add('fa-bars');\n }\n });\n });\n\n \/\/ Header scroll effect\n const navbar = document.querySelector('.navbar');\n let lastScroll = 0;\n\n window.addEventListener('scroll', () => {\n const currentScroll = window.pageYOffset;\n\n if (currentScroll > 100) {\n navbar.style.boxShadow = '0 4px 20px -4px rgba(0,0,0,0.15)';\n } else {\n navbar.style.boxShadow = '0 4px 20px -4px rgba(0,0,0,0.1)';\n }\n\n lastScroll = currentScroll;\n });\n <\/script>\n<\/body>\n<\/html>\n\n","protected":false},"excerpt":{"rendered":"<p>SME \u00c1guas Lindas – Secretaria Municipal de Educa\u00e7\u00e3o Investindo no futuro: Nossas crian\u00e7as merecem o melhor! (61) 3500-1234 SME Secretaria […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"full-width-container","site-content-style":"unboxed","site-sidebar-style":"unboxed","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-47","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/smeaguaslindas.com\/presmart\/wp-json\/wp\/v2\/pages\/47","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/smeaguaslindas.com\/presmart\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/smeaguaslindas.com\/presmart\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/smeaguaslindas.com\/presmart\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/smeaguaslindas.com\/presmart\/wp-json\/wp\/v2\/comments?post=47"}],"version-history":[{"count":3,"href":"https:\/\/smeaguaslindas.com\/presmart\/wp-json\/wp\/v2\/pages\/47\/revisions"}],"predecessor-version":[{"id":50,"href":"https:\/\/smeaguaslindas.com\/presmart\/wp-json\/wp\/v2\/pages\/47\/revisions\/50"}],"wp:attachment":[{"href":"https:\/\/smeaguaslindas.com\/presmart\/wp-json\/wp\/v2\/media?parent=47"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}