IELM - Legion\u00e1rias de Maria<\/title>\r\n \r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Plus+Jakarta+Sans:wght@300;500;700&family=Playfair+Display:ital,wght@1,600&display=swap\" rel=\"stylesheet\">\r\n <script src=\"https:\/\/unpkg.com\/@phosphor-icons\/web\"><\/script>\r\n\r\n <style>\r\n :root {\r\n --primary: #0098df; \r\n --secondary: #91d8f7;\r\n --bg-light: #f8fafc;\r\n --text-dark: #1e293b;\r\n --text-soft: #64748b;\r\n --white: #ffffff;\r\n --rounded: 24px;\r\n }\r\n\r\n * { margin: 0; padding: 0; box-sizing: border-box; }\r\n \r\n body { \r\n font-family: 'Plus Jakarta Sans', sans-serif; \r\n color: var(--text-dark); \r\n background: var(--bg-light); \r\n scroll-behavior: smooth; \r\n line-height: 1.6;\r\n \/* O padding-top \u00e9 mantido para que o conte\u00fado n\u00e3o fique escondido sob o menu injetado pelo plugin *\/\r\n padding-top: 70px; \r\n }\r\n\r\n a { text-decoration: none; color: inherit; transition: 0.3s; }\r\n ul { list-style: none; }\r\n\r\n \/* --- SE\u00c7\u00d5ES DO SITE --- *\/\r\n .hero { height: 90vh; display: flex; align-items: center; justify-content: center; text-align: center; padding: 0 20px; background: radial-gradient(circle at top right, #eef2ff, #ffffff); }\r\n .hero-content h1 { font-family: 'Playfair Display', serif; font-size: clamp(1.8rem, 5vw, 3.5rem); margin-bottom: 20px; font-style: italic; color: var(--text-dark); }\r\n .hero-content p { font-size: 1.2rem; color: var(--text-soft); margin-bottom: 30px; }\r\n .btn { background: var(--primary); color: white; padding: 14px 32px; border-radius: 50px; font-weight: 700; display: inline-block; box-shadow: 0 10px 20px rgba(0, 152, 223, 0.2); }\r\n\r\n section { padding: 10px 10px; max-width: 1200px; margin: auto; }\r\n \/* Estilo unificado para todos os t\u00edtulos de se\u00e7\u00e3o *\/\r\n.section-title {\r\n text-align: center;\r\n margin-bottom: 40px;\r\n position: relative;\r\n}\r\n\r\n.section-title h2 {\r\n color: var(--text-dark); \/* Ou a cor azul escura do seu site *\/\r\n font-size: 2.2rem;\r\n font-weight: 800;\r\n margin-bottom: 15px;\r\n display: inline-block; \/* Necess\u00e1rio para a linha acompanhar a largura do texto se desejar *\/\r\n position: relative;\r\n padding-bottom: 15px;\r\n}\r\n\r\n\/* A linha azul abaixo do t\u00edtulo (conforme a imagem) *\/\r\n.section-title h2::after {\r\n content: \"\";\r\n position: absolute;\r\n bottom: 0;\r\n left: 50%;\r\n transform: translateX(-50%);\r\n width: 80px; \/* Largura da linha azul *\/\r\n height: 4px; \/* Espessura da linha *\/\r\n background-color: var(--primary); \/* O azul oficial do seu site *\/\r\n border-radius: 2px;\r\n}\r\n\r\n.section-title p {\r\n color: var(--text-soft);\r\n font-size: 1.1rem;\r\n margin-top: 10px;\r\n}\r\n\r\n \/* Grid de Cards *\/\r\n .grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 30px; }\r\n .card { background: var(--white); padding: 40px; border-radius: var(--rounded); border: 1px solid #f1f5f9; transition: 0.3s; }\r\n .card:hover { transform: translateY(-10px); border-color: var(--secondary); box-shadow: 0 20px 40px rgba(0,0,0,0.03); }\r\n .card i { font-size: 2.5rem; color: var(--primary); margin-bottom: 20px; display: block; }\r\n .card h3 { margin-bottom: 15px; }\r\n\r\n footer { background: white; padding: 40px 20px; border-top: 1px solid #eee; text-align: center; color: var(--text-soft); }\r\n\r\n \/* Ajustes Mobile Gerais *\/\r\n @media (max-width: 768px) {\r\n .hero { height: auto; padding: 100px 20px 60px; }\r\n .section-title h2 { font-size: 1.8rem; }\r\n \r\n \/* Container da imagem hero *\/\r\n .hero-image-container { width: 100% !important;\r\n max-width: 1200px !important;\r\n margin: 20px auto !important;\r\n \/* Espa\u00e7o ap\u00f3s o menu fixo *\/\r\n padding: 0 20px !important;\r\n display: flex !important;\r\n justify-content: center !important;\r\n }\r\n\r\n \/* Estilo da imagem para ser responsiva *\/\r\n .hero-main-img {\r\n width: 100% !important;\r\n height: 100%!important;\r\n border-radius: var(--rounded) !important;\r\n \/* Mant\u00e9m as bordas arredondadas do seu design *\/\r\n box-shadow: 0 10px 30px rgba(0,0,0,0.05) !important;\r\n display: block !important;\r\n } \r\n\r\n\/* Ajuste para telas pequenas *\/\r\n@media (max-width: 768px) {\r\n .hero-image-container {\r\n padding: 0 10px !important;\r\n margin-top: 10px !important;\r\n }\r\n}\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n\r\n <main>\r\n <main>\r\n <style>\r\n \/* Container Principal *\/\r\n .banner-carousel {\r\n position: relative;\r\n width: 100%;\r\n max-width: 1200px;\r\n margin: 20px auto;\r\n height: 450px; \/* Altura ideal para banners estilo faixa *\/\r\n overflow: hidden;\r\n border-radius: 24px;\r\n box-shadow: 0 15px 35px rgba(0,0,0,0.1);\r\n }\r\n\r\n .banner-slide {\r\n display: none;\r\n width: 100%;\r\n height: 100%;\r\n position: relative;\r\n animation: fadeOut 0.8s ease-in-out;\r\n }\r\n\r\n .banner-slide img {\r\n width: 100%;\r\n height: 100%;\r\n object-fit: cover; \/* Faz a imagem preencher o banner sem esticar *\/\r\n }\r\n\r\n \/* Efeito de transi\u00e7\u00e3o suave *\/\r\n @keyframes fadeOut {\r\n from { opacity: 0.5; }\r\n to { opacity: 1; }\r\n }\r\n\r\n \/* Setas Personalizadas com as cores do site *\/\r\n .prev-banner, .next-banner {\r\n cursor: pointer;\r\n position: absolute;\r\n top: 50%;\r\n transform: translateY(-50%);\r\n width: 45px;\r\n height: 45px;\r\n background-color: rgba(255, 255, 255, 0.8);\r\n color: var(--primary); \/* Azul do seu site *\/\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n border-radius: 50%;\r\n font-size: 20px;\r\n transition: 0.3s;\r\n z-index: 10;\r\n border: none;\r\n }\r\n\r\n .prev-banner { left: 20px; }\r\n .next-banner { right: 20px; }\r\n\r\n .prev-banner:hover, .next-banner:hover {\r\n background-color: var(--primary);\r\n color: white;\r\n }\r\n\r\n \/* Indicadores (Bolinhas) *\/\r\n .banner-dots {\r\n position: absolute;\r\n bottom: 20px;\r\n width: 100%;\r\n text-align: center;\r\n z-index: 10;\r\n }\r\n\r\n .b-dot {\r\n cursor: pointer;\r\n height: 10px;\r\n width: 10px;\r\n margin: 0 5px;\r\n background-color: rgba(255, 255, 255, 0.5);\r\n border-radius: 50%;\r\n display: inline-block;\r\n transition: 0.3s;\r\n }\r\n\r\n .b-dot.active {\r\n background-color: white;\r\n width: 25px; \/* Bolinha estica quando ativa (estilo moderno) *\/\r\n border-radius: 10px;\r\n }\r\n\r\n \/* Ajuste para Celular *\/\r\n @media (max-width: 768px) {\r\n .banner-carousel {\r\n height: 250px;\r\n margin-top: 10px;\r\n }\r\n .prev-banner, .next-banner {\r\n display: none; \/* Esconde setas no mobile para limpar o visual *\/\r\n }\r\n }\r\n<\/style>\r\n\r\n<div class=\"banner-carousel\" id=\"inicio\">\r\n \r\n <div class=\"banner-slide\">\r\n <img decoding=\"async\" src=\"http:\/\/legionarias.com.br\/site\/wp-content\/uploads\/2026\/01\/ESDE-e-Evangelizacao-1-2.png\" alt=\"98 anos\">\r\n <\/div>\r\n \r\n <div class=\"banner-slide\">\r\n <img decoding=\"async\" src=\"http:\/\/legionarias.com.br\/site\/wp-content\/uploads\/2026\/02\/Noite-de-Conforto.png\" alt=\"Noite_Conforto\">\r\n <\/div>\r\n \r\n <div class=\"banner-slide\">\r\n <img decoding=\"async\" src=\"http:\/\/legionarias.com.br\/site\/wp-content\/uploads\/2026\/01\/ESDE-e-Evangelizacao.png\" alt=\"Estudo e SEF\">\r\n <\/div>\r\n\r\n <div class=\"banner-slide\">\r\n <img decoding=\"async\" src=\"http:\/\/legionarias.com.br\/site\/wp-content\/uploads\/2025\/12\/3.png\" alt=\"Banner Tema do Ano\">\r\n <\/div>\r\n\r\n <div class=\"banner-slide\">\r\n <img decoding=\"async\" src=\"http:\/\/legionarias.com.br\/site\/wp-content\/uploads\/2025\/12\/4.png\" alt=\"Sustentabilidade\">\r\n <\/div>\r\n \r\n \r\n <button class=\"prev-banner\" onclick=\"changeSlide(-1)\"><i class=\"ph ph-caret-left\"><\/i><\/button>\r\n <button class=\"next-banner\" onclick=\"changeSlide(1)\"><i class=\"ph ph-caret-right\"><\/i><\/button>\r\n\r\n <div class=\"banner-dots\">\r\n <span class=\"b-dot\" onclick=\"goToSlide(1)\"><\/span>\r\n <span class=\"b-dot\" onclick=\"goToSlide(2)\"><\/span>\r\n <span class=\"b-dot\" onclick=\"goToSlide(3)\"><\/span>\r\n <\/div>\r\n<\/div>\r\n\r\n<script>\r\n let currentBannerIndex = 1;\r\n displaySlides(currentBannerIndex);\r\n\r\n function changeSlide(n) {\r\n displaySlides(currentBannerIndex += n);\r\n }\r\n\r\n function goToSlide(n) {\r\n displaySlides(currentBannerIndex = n);\r\n }\r\n\r\n function displaySlides(n) {\r\n let i;\r\n let slides = document.getElementsByClassName(\"banner-slide\");\r\n let dots = document.getElementsByClassName(\"b-dot\");\r\n \r\n if (n > slides.length) {currentBannerIndex = 1}\r\n if (n < 1) {currentBannerIndex = slides.length}\r\n \r\n for (i = 0; i < slides.length; i++) {\r\n slides[i].style.display = \"none\";\r\n }\r\n for (i = 0; i < dots.length; i++) {\r\n dots[i].className = dots[i].className.replace(\" active\", \"\");\r\n }\r\n \r\n slides[currentBannerIndex-1].style.display = \"block\";\r\n dots[currentBannerIndex-1].className += \" active\";\r\n }\r\n\r\n \/\/ Auto-play: Muda de banner a cada 7 segundos\r\n setInterval(() => {\r\n changeSlide(1);\r\n }, 7000);\r\n<\/script>\r\n\r\n <style>\r\n \/* CSS Espec\u00edfico para a Se\u00e7\u00e3o de Atividades - N\u00e3o afeta o resto do site *\/\r\n #atividades {\r\n max-width: 1200px;\r\n margin: 50px auto;\r\n padding: 20px;\r\n }\r\n\r\n \/* Grid principal com 2 colunas *\/\r\n #atividades .atividades-grid {\r\n display: grid;\r\n grid-template-columns: 1fr 1fr; \/* Duas colunas iguais *\/\r\n gap: 30px;\r\n align-items: stretch;\r\n }\r\n\r\n \/* Cada coluna \u00e9 um flex container vertical *\/\r\n .atividades-col {\r\n display: flex;\r\n flex-direction: column;\r\n gap: 25px;\r\n }\r\n\r\n \/* Estiliza\u00e7\u00e3o dos Cards internos \u00e0 se\u00e7\u00e3o atividades *\/\r\n #atividades .card {\r\n background: #fff;\r\n border-radius: 20px;\r\n padding: 30px;\r\n box-shadow: 0 10px 30px rgba(0,0,0,0.05);\r\n border: 1px solid #f0f0f0;\r\n transition: transform 0.3s ease;\r\n display: flex;\r\n flex-direction: column;\r\n height: 100%;\r\n margin-bottom: 0; \/* Reseta margens externas se houver *\/\r\n }\r\n\r\n #atividades .card:hover {\r\n transform: translateY(-5px);\r\n border-color: var(--secondary);\r\n }\r\n\r\n #atividades .card i {\r\n font-size: 2.5rem;\r\n color: var(--primary);\r\n margin-bottom: 20px;\r\n }\r\n\r\n #atividades .card h3 {\r\n color: var(--primary);\r\n border-bottom: 2px solid lightblue;\r\n display: inline-block;\r\n padding-bottom: 8px;\r\n margin-bottom: 15px;\r\n font-size: 1.3rem;\r\n font-weight: 800;\r\n }\r\n\r\n #atividades .card h4 {\r\n font-size: 1rem;\r\n color: var(--text-dark);\r\n margin: 10px 0;\r\n line-height: 1.5;\r\n }\r\n\r\n .dia-label {\r\n color: black !important;\r\n border-bottom: 1px solid #e0e0e0;\r\n padding-bottom: 4px;\r\n font-weight: 700;\r\n display: inline-block;\r\n }\r\n\r\n #atividades .card ul {\r\n list-style: none;\r\n padding: 0;\r\n margin: 15px 0;\r\n }\r\n\r\n #atividades .card li {\r\n margin-bottom: 15px;\r\n }\r\n\r\n #atividades .card h5 {\r\n color: var(--text-soft);\r\n font-size: 0.9rem;\r\n font-weight: 500;\r\n line-height: 1.4;\r\n }\r\n\r\n .btn-container {\r\n margin-top: auto;\r\n padding-top: 20px;\r\n }\r\n\r\n \/* Responsividade para Celular *\/\r\n @media (max-width: 900px) {\r\n #atividades .atividades-grid {\r\n grid-template-columns: 1fr;\r\n }\r\n }\r\n<\/style>\r\n\r\n<section id=\"atividades\">\r\n <div class=\"section-title\">\r\n <h2>Nossas atividades<\/h2>\r\n <\/div>\r\n\r\n <div class=\"atividades-grid\">\r\n \r\n <div class=\"atividades-col\">\r\n <div class=\"card\">\r\n <i class=\"ph ph-books\"><\/i>\r\n <h3>Estudo Sistematizado<\/h3>\r\n <h4>Aprofundamento nas Obras B\u00e1sicas de Allan Kardec.<\/h4>\r\n <ul>\r\n <li>\r\n <h4 class=\"dia-label\">Segunda-feira:<\/h4>\r\n <h4><u>Retorno: 02 de mar\u00e7o<\/u><\/h4>\r\n\r\n <h4>16h \u00e0s 17h30 | 20h \u00e0s 21h30<\/h4>\r\n <\/li>\r\n <li>\r\n <h4 class=\"dia-label\">S\u00e1bado:<\/h4>\r\n <h4><u>Retorno: 07 de mar\u00e7o<\/u><\/h4>\r\n <h4>14h30 \u00e0s 16h<\/h4>\r\n <\/li>\r\n <\/ul>\r\n <h5><strong>Livro Inicial:<\/strong><br>O que \u00e9 o Espiritismo.<\/h5>\r\n <div class=\"btn-container\">\r\n <a href=\"https:\/\/legionarias.com.br\/site\/esde-2\/\" class=\"btn\">Saiba Mais<\/a>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"card\">\r\n <i class=\"ph ph-microphone-stage\"><\/i>\r\n <h3>Reuni\u00f5es P\u00fablicas<\/h3>\r\n <h4>Palestras com reflex\u00f5es baseadas no Evangelho Segundo o Espiritismo.<\/h4>\r\n <ul>\r\n <li><h4 class=\"dia-label\">Segunda:<\/h4><\/li>\r\n <h4>14h30 \u00e0s 16h<\/h4>\r\n <li><h4 class=\"dia-label\">Quinta:<\/h4><\/li> \r\n <h4>9h30 \u00e0s 10h45<\/h4>\r\n <li><h4 class=\"dia-label\">Sexta:<\/h4><\/li>\r\n <h4>20h \u00e0s 21h15<\/h4>\r\n <\/ul>\r\n <h5>Espa\u00e7o reservado para crian\u00e7as de at\u00e9 10 anos durante as reuni\u00f5es.<\/h5>\r\n <div class=\"btn-container\">\r\n <a href=\"https:\/\/legionarias.com.br\/site\/programacao\/\" class=\"btn\">Programa\u00e7\u00e3o<\/a>\r\n <\/div>\r\n <\/div>\r\n \r\n <div class=\"card\">\r\n <i class=\"ph ph-hands-praying\"><\/i>\r\n <h3>Noite de Conforto Espiritual<\/h3>\r\n <h4>Reuni\u00e3o especial com orador convidado e o Coral Cor'Alma.<\/h4>\r\n <ul>\r\n <li>\r\n <h4 class=\"dia-label\">\u00daltima sexta-feira do m\u00eas:<\/h4>\r\n <h4>20h \u00e0s 21h30<\/h4>\r\n <\/li>\r\n <\/ul>\r\n <h5>Nesta reuni\u00e3o n\u00e3o h\u00e1 passes, nem \u00e1gua fluidificada.<\/h5>\r\n <\/div>\r\n\r\n \r\n <\/div>\r\n\r\n <div class=\"atividades-col\">\r\n \r\n <div class=\"card\">\r\n <i class=\"ph ph-baby\"><\/i>\r\n <h3>Evangeliza\u00e7\u00e3o<\/h3>\r\n <h4>Beb\u00eas; Crian\u00e7as (3-11 anos); Jovens (12-26 anos) e Respons\u00e1veis.<\/h4>\r\n <ul>\r\n <li>\r\n <h4 class=\"dia-label\">S\u00e1bado:<\/h4>\r\n <h4><u>Retorno: 07 de mar\u00e7o<\/u><\/h4>\r\n <h4>16h30 \u00e0s 18h30<\/h4>\r\n <\/li>\r\n <\/ul>\r\n <div class=\"btn-container\">\r\n <a href=\"https:\/\/legionarias.com.br\/site\/evangelizacao-2\/\" class=\"btn\">Saiba Mais<\/a>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"card\">\r\n <i class=\"ph ph-heart-straight\"><\/i>\r\n <h3>Atendimento Fraterno<\/h3>\r\n <h4>Di\u00e1logo privativo para quem busca orienta\u00e7\u00e3o e aux\u00edlio espiritual.<\/h4>\r\n <ul>\r\n <li><h4 class=\"dia-label\">Segunda, Quinta e Sexta:<\/h4><\/li>\r\n <li>Agendamento na recep\u00e7\u00e3o antes das Reuni\u00f5es P\u00fablicas.<\/li>\r\n <\/ul>\r\n <\/div>\r\n <div class=\"card\">\r\n <i class=\"ph ph-basket\"><\/i>\r\n <h3>Campanha dos g\u00eaneros aliment\u00edcios<\/h3>\r\n <h4>A Institui\u00e7\u00e3o tem cadastradas 75 vov\u00f3s para receberem gratuitamente uma Bolsa B\u00e1sica de alimentos n\u00e3o perec\u00edveis.<\/h4>\r\n <br>\r\n <h4><u><p>Recebemos as doa\u00e7\u00f5es nos seguintes hor\u00e1rios:<\/p><\/u><\/h4>\r\n <ul>\r\n <li><h4 class=\"dia-label\">Segunda, Quinta e Sexta:<\/h4><\/li>\r\n <li><h4>No hor\u00e1rio das Reuni\u00f5es P\u00fablicas.<\/h4><\/li>\r\n \r\n <li><h4 class=\"dia-label\">\u00daltimo S\u00c1BADO do m\u00eas <\/h4><\/li>\r\n <h4>09h \u00e0s 11h<\/h4>\r\n \r\n <div class=\"btn-container\">\r\n <a href=\"https:\/\/legionarias.com.br\/site\/campanha\/\" class=\"btn\">Veja nossa lista<\/a>\r\n <\/div>\r\n \r\n <\/ul>\r\n <\/div>\r\n \r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n <br>\r\n <section id=\"ielm\">\r\n <div class=\"section-title\">\r\n <h2>Quem Somos<\/h2>\r\n <\/div>\r\n <div style=\"display: flex; flex-wrap: wrap; gap: 50px; align-items: center;\">\r\n <div style=\"flex: 1; min-width: 150px;\">\r\n <p>Fundamentada nos pilares de Allan Kardec, a Institui\u00e7\u00e3o Esp\u00edrita Legion\u00e1rias de Maria \u00e9 um espa\u00e7o dedicado ao estudo, ao acolhimento e \u00e0 pr\u00e1tica do bem. Buscamos o desenvolvimento moral de nossos integrantes atrav\u00e9s do conhecimento das Obras B\u00e1sicas e do exerc\u00edcio di\u00e1rio da caridade.<\/p>\r\n\r\n <p>Aqui, todas as gera\u00e7\u00f5es se encontram. Temos atividades voltadas para crian\u00e7as, jovens, adultos e idosos, promovendo o aprendizado cont\u00ednuo e a conviv\u00eancia. Atrav\u00e9s dos nossos trabalhos, oferecemos acompanhamento para as necessidades de cada um, transformando o conhecimento em amor e a\u00e7\u00e3o.<\/p>\r\n <\/div>\r\n <div style=\"flex: 1; min-width: 300px; text-align: center;\">\r\n <img decoding=\"async\" src=\"http:\/\/legionarias.com.br\/site\/wp-content\/uploads\/2025\/05\/Aniversario-da-Casa-1.png\" style=\"width: 3000px; border-radius: var(--rounded); box-shadow: 0 10px 30px rgba(0,0,0,0.1);\">\r\n \r\n <div style=\"margin-top: 30px;\">\r\n <a href=\"https:\/\/legionarias.com.br\/site\/proposito\/\" class=\"btn\"> Saiba mais<\/a>\r\n \r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <br>\r\n\r\n <section id=\"historia\" style=\"max-width: 1200px; margin: 45px auto; padding: 0 20px; font-family: 'Plus Jakarta Sans', sans-serif;\">\r\n <div class=\"section-title\" style=\"text-align: center; margin-bottom: 25px;\">\r\n <h2>Nossa Hist\u00f3ria<\/h2>\r\n <p><i>Fundada em 1928, um legado de amor iniciado em 1926.<\/i><\/p>\r\n <\/div>\r\n\r\n <div style=\"text-align: justify; color: var(--text-soft); line-height: 1.8; font-size: 1.05rem;\">\r\n \r\n <div style=\"float: left; margin: 0 25px 20px 0; width: 220px; position: relative;\">\r\n <div style=\"padding: 15px 10px; border: 1px solid #e2e8f0; background: #fff; box-shadow: 0 10px 25px rgba(0,0,0,0.05); border-radius: 15px; text-align: center;\">\r\n <img decoding=\"async\" src=\"http:\/\/legionarias.com.br\/site\/wp-content\/uploads\/2025\/12\/Sara_COR.png\" \r\n alt=\"Sara Moraes\"\r\n style=\"width: 65%; border-radius: 10px; display: block; margin: 0 auto; filter: sepia(20%);\">\r\n <p style=\"font-size: 0.8rem; text-align: center; margin: 10px 0 0; color: var(--primary); font-weight: 600; text-transform: uppercase; letter-spacing: 1px;\">Sara Moraes<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <p>A Institui\u00e7\u00e3o Esp\u00edrita Legion\u00e1rias de Maria nasceu da uni\u00e3o de prop\u00f3sitos e do desejo de servir. Nossa trajet\u00f3ria come\u00e7ou a ser tra\u00e7ada em 1926, sob a gest\u00e3o de Jos\u00e9 Manuel Teixeira, ent\u00e3o presidente do Centro de Estudos Espir\u00edticos.<\/p>\r\n <br>\r\n <p><strong>O Encontro de Ideais: <\/strong> Reconhecendo a dedica\u00e7\u00e3o e o potencial de Sara Moraes, Jos\u00e9 Manuel Teixeira fez um convite que mudaria o destino de muitos: chamou-a para assumir a Dire\u00e7\u00e3o do Departamento de Assist\u00eancia Espiritual. Essa confian\u00e7a m\u00fatua e o apoio da presid\u00eancia permitiram que Sara iniciasse um trabalho incans\u00e1vel na seara do bem e da caridade.<\/p>\r\n\r\n <blockquote style=\"margin: 40px auto; padding: 30px; border-top: 2px solid var(--primary); border-bottom: 2px solid var(--primary); text-align: center; max-width: 80%; background: #f8fafc; border-radius: 10px;\">\r\n <i class=\"ph ph-quotes\" style=\"font-size: 2.5rem; color: var(--primary); opacity: 0.3; display: block; margin-bottom: 10px;\"><\/i>\r\n <span style=\"font-size: 1.6rem; font-style: italic; color: var(--primary); font-weight: 700; line-height: 1.3;\">\r\n \"\u00c9 necess\u00e1rio organizar um n\u00facleo forte, de cora\u00e7\u00f5es dispostos a partir ao encontro aos \"pequeninos\", poupando-lhes o sacrif\u00edcio e a humilha\u00e7\u00e3o de virem acotovelar-se \u00e0s portas do Centro, como se a mendigar prote\u00e7\u00e3o e amparo.\"\r\n\r\n <\/span>\r\n <cite style=\"display: block; margin-top: 15px; font-weight: 600; color: var(--text-dark); font-style: normal;\">\u2014 Sara Moraes<\/cite>\r\n <\/blockquote>\r\n\r\n <p><Strong>Um Novo Olhar sobre o Amparo:<\/Strong> O marco decisivo ocorreu no Natal de 1927. Diante de centenas de pessoas em busca de aux\u00edlio, Sara Moraes, com o respaldo da institui\u00e7\u00e3o presidida por Jos\u00e9 Manuel, sentiu que era necess\u00e1rio ir al\u00e9m. Ela idealizou um \"n\u00facleo forte\" de cora\u00e7\u00f5es dispostos a ir ao encontro dos mais necessitados, oferecendo amparo com dignidade e evitando-lhes qualquer humilha\u00e7\u00e3o.<\/p>\r\n\r\n <p><strong>A Funda\u00e7\u00e3o:<\/strong> Esse ideal de fraternidade logo se concretizou. No dia 5 de janeiro de 1928, fundava-se oficialmente a Institui\u00e7\u00e3o Esp\u00edrita Legion\u00e1rias de Maria. Sob a lideran\u00e7a de Sara e o suporte administrativo e institucional que a cercava, a casa nasceu com a miss\u00e3o de despertar o progresso espiritual atrav\u00e9s do exemplo.<\/p>\r\n\r\n <p><strong>Legado de F\u00e9 e Trabalho:<\/strong> Enquanto a Institui\u00e7\u00e3o crescia e se transformava, Sara Moraes tornou-se o exemplo vivo dessa miss\u00e3o. Com sua f\u00e9 inquebrant\u00e1vel e a c\u00e9lebre frase \"Vou melhor do que mere\u00e7o\", ela ensinou que o verdadeiro progresso se faz amando, perdoando e auxiliando sempre.<\/p>\r\n \r\n <p>Hoje, honramos a vis\u00e3o de Jos\u00e9 Manuel Teixeira e a entrega de Sara Moraes, mantendo as portas abertas para acolher e trabalhar por um mundo mais fraterno.<\/p>\r\n\r\n <div style=\"clear: both;\"><\/div>\r\n <\/div>\r\n<\/section>\r\n \r\n <\/main>\r\n \r\n <section id=\"contato\">\r\n <style>\r\n .social-section {\r\n max-width: 1200px;\r\n margin: 40px auto;\r\n padding: 20px;\r\n text-align: center;\r\n }\r\n\r\n .social-grid {\r\n display: flex;\r\n flex-wrap: wrap;\r\n justify-content: center;\r\n gap: 20px;\r\n margin-top: 20px;\r\n }\r\n\r\n .social-card {\r\n background: #ffffff;\r\n border: 1px solid #e2e8f0;\r\n border-radius: 20px;\r\n padding: 25px;\r\n width: 280px;\r\n display: flex;\r\n flex-direction: column;\r\n align-items: center;\r\n transition: all 0.3s ease;\r\n text-decoration: none;\r\n color: var(--text-dark);\r\n box-shadow: 0 4px 12px rgba(0,0,0,0.03);\r\n }\r\n\r\n .social-card:hover {\r\n transform: translateY(-5px);\r\n border-color: var(--primary);\r\n box-shadow: 0 10px 25px rgba(0, 152, 223, 0.15);\r\n }\r\n\r\n .social-card i {\r\n font-size: 2.5rem;\r\n margin-bottom: 15px;\r\n }\r\n\r\n .social-card.instagram i { color: #E1306C; }\r\n .social-card.whatsapp i { color: #25D366; }\r\n\r\n .social-card h4 {\r\n margin-bottom: 5px;\r\n font-size: 1.1rem;\r\n font-weight: 700;\r\n }\r\n\r\n .social-card p {\r\n font-size: 0.9rem;\r\n color: var(--text-soft);\r\n }\r\n\r\n \/* Bot\u00e3o flutuante espec\u00edfico para o WhatsApp (opcional) *\/\r\n .whatsapp-float {\r\n position: fixed;\r\n bottom: 30px;\r\n left: 30px; \/* Lado oposto ao bot\u00e3o de voltar ao topo *\/\r\n background-color: #25D366;\r\n color: white;\r\n width: 60px;\r\n height: 60px;\r\n border-radius: 50%;\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n font-size: 30px;\r\n box-shadow: 0 4px 15px rgba(0,0,0,0.2);\r\n z-index: 9999;\r\n transition: 0.3s;\r\n }\r\n \r\n .whatsapp-float:hover { transform: scale(1.1); }\r\n<\/style>\r\n\r\n<section class=\"social-section\" id=\"contato\">\r\n <div class=\"section-title\">\r\n <h2>Fique por dentro das nossas novidades<\/h2>\r\n <p>Acompanhe nossos eventos e atividades.<\/p>\r\n <\/div>\r\n\r\n <div class=\"social-grid\">\r\n <a href=\"https:\/\/www.instagram.com\/ielm.legionarias\/\" target=\"_blank\" class=\"social-card instagram\">\r\n <i class=\"ph ph-instagram-logo\"><\/i>\r\n <h4>Institucional<\/h4>\r\n <p>@ielm.legionarias<\/p>\r\n <\/a>\r\n\r\n <a href=\"https:\/\/www.instagram.com\/ielm.efeb\/\" target=\"_blank\" class=\"social-card instagram\">\r\n <i class=\"ph ph-instagram-logo\"><\/i>\r\n <h4>Evangeliza\u00e7\u00e3o<\/h4>\r\n <p>@ielm.efeb<\/p>\r\n <\/a>\r\n\r\n <a href=\"https:\/\/api.whatsapp.com\/send\/?phone=%2B5521982974810&text&type=phone_number&app_absent=0\" target=\"_blank\" class=\"social-card whatsapp\">\r\n <i class=\"ph ph-whatsapp-logo\"><\/i>\r\n <h4>WhatsApp<\/h4>\r\n <p>Secretaria IELM<\/p>\r\n <\/a>\r\n <\/div>\r\n<\/section>\r\n\r\n<a href=\"https:\/\/api.whatsapp.com\/send\/?phone=%2B5521982974810&text&type=phone_number&app_absent=0\" class=\"whatsapp-float\" target=\"_blank\">\r\n <i class=\"ph ph-whatsapp-logo\"><\/i>\r\n<\/a>\r\n <\/section>\r\n \r\n <style>\r\n .contato-section {\r\n max-width: 1200px;\r\n margin: 60px auto;\r\n padding: 0 20px;\r\n }\r\n\r\n .contato-grid {\r\n display: grid;\r\n grid-template-columns: 1fr 1fr;\r\n gap: 40px;\r\n align-items: start;\r\n }\r\n\r\n .info-container {\r\n padding: 20px 0;\r\n }\r\n\r\n .info-item {\r\n display: flex;\r\n align-items: flex-start;\r\n gap: 15px;\r\n margin-bottom: 25px;\r\n }\r\n\r\n .info-item i {\r\n font-size: 1.8rem;\r\n color: var(--primary);\r\n background: var(--secondary);\r\n padding: 12px;\r\n border-radius: 12px;\r\n }\r\n\r\n .info-text h4 {\r\n margin: 0 0 5px 0;\r\n font-size: 1.1rem;\r\n color: var(--text-dark);\r\n }\r\n\r\n .info-text p {\r\n margin: 0;\r\n color: var(--text-soft);\r\n line-height: 1.5;\r\n }\r\n\r\n \/* Estiliza\u00e7\u00e3o do Mapa *\/\r\n .map-wrapper {\r\n border-radius: 24px;\r\n overflow: hidden;\r\n box-shadow: 0 15px 45px rgba(0,0,0,0.08);\r\n height: 400px;\r\n border: 1px solid #eee;\r\n }\r\n\r\n .map-wrapper iframe {\r\n width: 100%;\r\n height: 100%;\r\n border: 0;\r\n }\r\n\r\n @media (max-width: 992px) {\r\n .contato-grid {\r\n grid-template-columns: 1fr;\r\n }\r\n .map-wrapper {\r\n height: 300px;\r\n }\r\n }\r\n<\/style>\r\n\r\n<section class=\"contato-section\" id=\"contato\">\r\n <div class=\"section-title\">\r\n <h2 style=\"text-align: center; margin-bottom: 40px;\">Onde Estamos<\/h2>\r\n <\/div>\r\n\r\n <div class=\"contato-grid\">\r\n <div class=\"info-container\">\r\n <div class=\"info-item\">\r\n <i class=\"ph ph-map-pin\"><\/i>\r\n <div class=\"info-text\">\r\n <h4>Endere\u00e7o<\/h4>\r\n <p>R. Rio Grande do Sul, 94<br>M\u00e9ier, Rio de Janeiro - RJ<br>CEP: 20775-100<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"info-item\">\r\n <i class=\"ph ph-phone\"><\/i>\r\n <div class=\"info-text\">\r\n <h4>Telefone<\/h4>\r\n <p>(21) 2281-6590<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"info-item\">\r\n <i class=\"ph ph-at\"><\/i>\r\n <div class=\"info-text\">\r\n <h4>E-mail<\/h4>\r\n <p>\r\n <a href=\"mailto:secretaria@legionarias.com.br\" class=\"email-link\">\r\n secretaria@legionarias.com.br\r\n <\/a>\r\n <\/p>\r\n <\/div>\r\n<\/div>\r\n\r\n<style>\r\n .email-link {\r\n text-decoration: none;\r\n color: inherit; \/* Mant\u00e9m a cor original do seu texto *\/\r\n transition: all 0.3s ease; \/* Faz a transi\u00e7\u00e3o ser suave *\/\r\n position: relative;\r\n }\r\n\r\n .email-link:hover {\r\n color: var(--primary); \/* Muda para o azul oficial ao passar o mouse *\/\r\n text-decoration: underline; \/* Adiciona o sublinhado para indicar clique *\/\r\n opacity: 0.8; \/* D\u00e1 um leve efeito de brilho\/transpar\u00eancia *\/\r\n }\r\n<\/style>\r\n\r\n <div class=\"info-item\">\r\n <i class=\"ph ph-clock\"><\/i>\r\n <div class=\"info-text\">\r\n <h4>Hor\u00e1rio de Funcionamento<\/h4>\r\n <p>Consulte a nossas <a href=\"https:\/\/legionarias.com.br\/site\/#atividades\/\" style=\"color: var(--primary); font-weight: 600;\">atividades<\/a> acima.<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"map-wrapper\">\r\n <iframe \r\n src=\"https:\/\/www.google.com\/maps\/embed?pb=!1m18!1m12!1m3!1d3675.2982885408436!2d-43.28475512390885!3d-22.90234143764724!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x997996b6928899%3A0xa802e5c37c3a4a67!2sInstitui%C3%A7%C3%A3o%20Esp%C3%ADrita%20Legion%C3%A1rias%20de%20Maria!5e0!3m2!1spt-BR!2sbr!4v1700000000000!5m2!1spt-BR!2sbr\" \r\n width=\"600\" \r\n height=\"450\" \r\n style=\"border:0;\" \r\n allowfullscreen=\"\" \r\n loading=\"lazy\" \r\n referrerpolicy=\"no-referrer-when-downgrade\">\r\n <\/iframe>\r\n <\/div>\r\n <\/div>\r\n<\/section> \r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>IELM – Legion\u00e1rias de Maria Nossas atividades Estudo Sistematizado Aprofundamento nas Obras B\u00e1sicas de Allan Kardec. Segunda-feira: Retorno: 02 de mar\u00e7o 16h \u00e0s 17h30 | 20h \u00e0s 21h30 S\u00e1bado: Retorno: 07 de mar\u00e7o 14h30 \u00e0s 16h Livro Inicial:O que \u00e9 o Espiritismo. Saiba Mais Reuni\u00f5es P\u00fablicas Palestras com reflex\u00f5es baseadas no Evangelho Segundo o Espiritismo. […]<\/p>\n","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-866","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"http:\/\/legionarias.com.br\/site\/wp-json\/wp\/v2\/pages\/866","targetHints":{"allow":["GET"]}}],"collection":[{"href":"http:\/\/legionarias.com.br\/site\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"http:\/\/legionarias.com.br\/site\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"http:\/\/legionarias.com.br\/site\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"http:\/\/legionarias.com.br\/site\/wp-json\/wp\/v2\/comments?post=866"}],"version-history":[{"count":334,"href":"http:\/\/legionarias.com.br\/site\/wp-json\/wp\/v2\/pages\/866\/revisions"}],"predecessor-version":[{"id":1467,"href":"http:\/\/legionarias.com.br\/site\/wp-json\/wp\/v2\/pages\/866\/revisions\/1467"}],"wp:attachment":[{"href":"http:\/\/legionarias.com.br\/site\/wp-json\/wp\/v2\/media?parent=866"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

\n\t\t\t\t

\n\t\t\t\t\t

\n\t\t\t\t

\n\t\t\t\t\t\r\n\r\n\r\n \r\n \r\n IELM - Legion\u00e1rias de Maria<\/title>\r\n \r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Plus+Jakarta+Sans:wght@300;500;700&family=Playfair+Display:ital,wght@1,600&display=swap\" rel=\"stylesheet\">\r\n <script src=\"https:\/\/unpkg.com\/@phosphor-icons\/web\"><\/script>\r\n\r\n <style>\r\n :root {\r\n --primary: #0098df; \r\n --secondary: #91d8f7;\r\n --bg-light: #f8fafc;\r\n --text-dark: #1e293b;\r\n --text-soft: #64748b;\r\n --white: #ffffff;\r\n --rounded: 24px;\r\n }\r\n\r\n * { margin: 0; padding: 0; box-sizing: border-box; }\r\n \r\n body { \r\n font-family: 'Plus Jakarta Sans', sans-serif; \r\n color: var(--text-dark); \r\n background: var(--bg-light); \r\n scroll-behavior: smooth; \r\n line-height: 1.6;\r\n \/* O padding-top \u00e9 mantido para que o conte\u00fado n\u00e3o fique escondido sob o menu injetado pelo plugin *\/\r\n padding-top: 70px; \r\n }\r\n\r\n a { text-decoration: none; color: inherit; transition: 0.3s; }\r\n ul { list-style: none; }\r\n\r\n \/* --- SE\u00c7\u00d5ES DO SITE --- *\/\r\n .hero { height: 90vh; display: flex; align-items: center; justify-content: center; text-align: center; padding: 0 20px; background: radial-gradient(circle at top right, #eef2ff, #ffffff); }\r\n .hero-content h1 { font-family: 'Playfair Display', serif; font-size: clamp(1.8rem, 5vw, 3.5rem); margin-bottom: 20px; font-style: italic; color: var(--text-dark); }\r\n .hero-content p { font-size: 1.2rem; color: var(--text-soft); margin-bottom: 30px; }\r\n .btn { background: var(--primary); color: white; padding: 14px 32px; border-radius: 50px; font-weight: 700; display: inline-block; box-shadow: 0 10px 20px rgba(0, 152, 223, 0.2); }\r\n\r\n section { padding: 10px 10px; max-width: 1200px; margin: auto; }\r\n \/* Estilo unificado para todos os t\u00edtulos de se\u00e7\u00e3o *\/\r\n.section-title {\r\n text-align: center;\r\n margin-bottom: 40px;\r\n position: relative;\r\n}\r\n\r\n.section-title h2 {\r\n color: var(--text-dark); \/* Ou a cor azul escura do seu site *\/\r\n font-size: 2.2rem;\r\n font-weight: 800;\r\n margin-bottom: 15px;\r\n display: inline-block; \/* Necess\u00e1rio para a linha acompanhar a largura do texto se desejar *\/\r\n position: relative;\r\n padding-bottom: 15px;\r\n}\r\n\r\n\/* A linha azul abaixo do t\u00edtulo (conforme a imagem) *\/\r\n.section-title h2::after {\r\n content: \"\";\r\n position: absolute;\r\n bottom: 0;\r\n left: 50%;\r\n transform: translateX(-50%);\r\n width: 80px; \/* Largura da linha azul *\/\r\n height: 4px; \/* Espessura da linha *\/\r\n background-color: var(--primary); \/* O azul oficial do seu site *\/\r\n border-radius: 2px;\r\n}\r\n\r\n.section-title p {\r\n color: var(--text-soft);\r\n font-size: 1.1rem;\r\n margin-top: 10px;\r\n}\r\n\r\n \/* Grid de Cards *\/\r\n .grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 30px; }\r\n .card { background: var(--white); padding: 40px; border-radius: var(--rounded); border: 1px solid #f1f5f9; transition: 0.3s; }\r\n .card:hover { transform: translateY(-10px); border-color: var(--secondary); box-shadow: 0 20px 40px rgba(0,0,0,0.03); }\r\n .card i { font-size: 2.5rem; color: var(--primary); margin-bottom: 20px; display: block; }\r\n .card h3 { margin-bottom: 15px; }\r\n\r\n footer { background: white; padding: 40px 20px; border-top: 1px solid #eee; text-align: center; color: var(--text-soft); }\r\n\r\n \/* Ajustes Mobile Gerais *\/\r\n @media (max-width: 768px) {\r\n .hero { height: auto; padding: 100px 20px 60px; }\r\n .section-title h2 { font-size: 1.8rem; }\r\n \r\n \/* Container da imagem hero *\/\r\n .hero-image-container { width: 100% !important;\r\n max-width: 1200px !important;\r\n margin: 20px auto !important;\r\n \/* Espa\u00e7o ap\u00f3s o menu fixo *\/\r\n padding: 0 20px !important;\r\n display: flex !important;\r\n justify-content: center !important;\r\n }\r\n\r\n \/* Estilo da imagem para ser responsiva *\/\r\n .hero-main-img {\r\n width: 100% !important;\r\n height: 100%!important;\r\n border-radius: var(--rounded) !important;\r\n \/* Mant\u00e9m as bordas arredondadas do seu design *\/\r\n box-shadow: 0 10px 30px rgba(0,0,0,0.05) !important;\r\n display: block !important;\r\n } \r\n\r\n\/* Ajuste para telas pequenas *\/\r\n@media (max-width: 768px) {\r\n .hero-image-container {\r\n padding: 0 10px !important;\r\n margin-top: 10px !important;\r\n }\r\n}\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n\r\n <main>\r\n <main>\r\n <style>\r\n \/* Container Principal *\/\r\n .banner-carousel {\r\n position: relative;\r\n width: 100%;\r\n max-width: 1200px;\r\n margin: 20px auto;\r\n height: 450px; \/* Altura ideal para banners estilo faixa *\/\r\n overflow: hidden;\r\n border-radius: 24px;\r\n box-shadow: 0 15px 35px rgba(0,0,0,0.1);\r\n }\r\n\r\n .banner-slide {\r\n display: none;\r\n width: 100%;\r\n height: 100%;\r\n position: relative;\r\n animation: fadeOut 0.8s ease-in-out;\r\n }\r\n\r\n .banner-slide img {\r\n width: 100%;\r\n height: 100%;\r\n object-fit: cover; \/* Faz a imagem preencher o banner sem esticar *\/\r\n }\r\n\r\n \/* Efeito de transi\u00e7\u00e3o suave *\/\r\n @keyframes fadeOut {\r\n from { opacity: 0.5; }\r\n to { opacity: 1; }\r\n }\r\n\r\n \/* Setas Personalizadas com as cores do site *\/\r\n .prev-banner, .next-banner {\r\n cursor: pointer;\r\n position: absolute;\r\n top: 50%;\r\n transform: translateY(-50%);\r\n width: 45px;\r\n height: 45px;\r\n background-color: rgba(255, 255, 255, 0.8);\r\n color: var(--primary); \/* Azul do seu site *\/\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n border-radius: 50%;\r\n font-size: 20px;\r\n transition: 0.3s;\r\n z-index: 10;\r\n border: none;\r\n }\r\n\r\n .prev-banner { left: 20px; }\r\n .next-banner { right: 20px; }\r\n\r\n .prev-banner:hover, .next-banner:hover {\r\n background-color: var(--primary);\r\n color: white;\r\n }\r\n\r\n \/* Indicadores (Bolinhas) *\/\r\n .banner-dots {\r\n position: absolute;\r\n bottom: 20px;\r\n width: 100%;\r\n text-align: center;\r\n z-index: 10;\r\n }\r\n\r\n .b-dot {\r\n cursor: pointer;\r\n height: 10px;\r\n width: 10px;\r\n margin: 0 5px;\r\n background-color: rgba(255, 255, 255, 0.5);\r\n border-radius: 50%;\r\n display: inline-block;\r\n transition: 0.3s;\r\n }\r\n\r\n .b-dot.active {\r\n background-color: white;\r\n width: 25px; \/* Bolinha estica quando ativa (estilo moderno) *\/\r\n border-radius: 10px;\r\n }\r\n\r\n \/* Ajuste para Celular *\/\r\n @media (max-width: 768px) {\r\n .banner-carousel {\r\n height: 250px;\r\n margin-top: 10px;\r\n }\r\n .prev-banner, .next-banner {\r\n display: none; \/* Esconde setas no mobile para limpar o visual *\/\r\n }\r\n }\r\n<\/style>\r\n\r\n<div class=\"banner-carousel\" id=\"inicio\">\r\n \r\n <div class=\"banner-slide\">\r\n <img decoding=\"async\" src=\"http:\/\/legionarias.com.br\/site\/wp-content\/uploads\/2026\/01\/ESDE-e-Evangelizacao-1-2.png\" alt=\"98 anos\">\r\n <\/div>\r\n \r\n <div class=\"banner-slide\">\r\n <img decoding=\"async\" src=\"http:\/\/legionarias.com.br\/site\/wp-content\/uploads\/2026\/02\/Noite-de-Conforto.png\" alt=\"Noite_Conforto\">\r\n <\/div>\r\n \r\n <div class=\"banner-slide\">\r\n <img decoding=\"async\" src=\"http:\/\/legionarias.com.br\/site\/wp-content\/uploads\/2026\/01\/ESDE-e-Evangelizacao.png\" alt=\"Estudo e SEF\">\r\n <\/div>\r\n\r\n <div class=\"banner-slide\">\r\n <img decoding=\"async\" src=\"http:\/\/legionarias.com.br\/site\/wp-content\/uploads\/2025\/12\/3.png\" alt=\"Banner Tema do Ano\">\r\n <\/div>\r\n\r\n <div class=\"banner-slide\">\r\n <img decoding=\"async\" src=\"http:\/\/legionarias.com.br\/site\/wp-content\/uploads\/2025\/12\/4.png\" alt=\"Sustentabilidade\">\r\n <\/div>\r\n \r\n \r\n <button class=\"prev-banner\" onclick=\"changeSlide(-1)\"><i class=\"ph ph-caret-left\"><\/i><\/button>\r\n <button class=\"next-banner\" onclick=\"changeSlide(1)\"><i class=\"ph ph-caret-right\"><\/i><\/button>\r\n\r\n <div class=\"banner-dots\">\r\n <span class=\"b-dot\" onclick=\"goToSlide(1)\"><\/span>\r\n <span class=\"b-dot\" onclick=\"goToSlide(2)\"><\/span>\r\n <span class=\"b-dot\" onclick=\"goToSlide(3)\"><\/span>\r\n <\/div>\r\n<\/div>\r\n\r\n<script>\r\n let currentBannerIndex = 1;\r\n displaySlides(currentBannerIndex);\r\n\r\n function changeSlide(n) {\r\n displaySlides(currentBannerIndex += n);\r\n }\r\n\r\n function goToSlide(n) {\r\n displaySlides(currentBannerIndex = n);\r\n }\r\n\r\n function displaySlides(n) {\r\n let i;\r\n let slides = document.getElementsByClassName(\"banner-slide\");\r\n let dots = document.getElementsByClassName(\"b-dot\");\r\n \r\n if (n > slides.length) {currentBannerIndex = 1}\r\n if (n < 1) {currentBannerIndex = slides.length}\r\n \r\n for (i = 0; i < slides.length; i++) {\r\n slides[i].style.display = \"none\";\r\n }\r\n for (i = 0; i < dots.length; i++) {\r\n dots[i].className = dots[i].className.replace(\" active\", \"\");\r\n }\r\n \r\n slides[currentBannerIndex-1].style.display = \"block\";\r\n dots[currentBannerIndex-1].className += \" active\";\r\n }\r\n\r\n \/\/ Auto-play: Muda de banner a cada 7 segundos\r\n setInterval(() => {\r\n changeSlide(1);\r\n }, 7000);\r\n<\/script>\r\n\r\n <style>\r\n \/* CSS Espec\u00edfico para a Se\u00e7\u00e3o de Atividades - N\u00e3o afeta o resto do site *\/\r\n #atividades {\r\n max-width: 1200px;\r\n margin: 50px auto;\r\n padding: 20px;\r\n }\r\n\r\n \/* Grid principal com 2 colunas *\/\r\n #atividades .atividades-grid {\r\n display: grid;\r\n grid-template-columns: 1fr 1fr; \/* Duas colunas iguais *\/\r\n gap: 30px;\r\n align-items: stretch;\r\n }\r\n\r\n \/* Cada coluna \u00e9 um flex container vertical *\/\r\n .atividades-col {\r\n display: flex;\r\n flex-direction: column;\r\n gap: 25px;\r\n }\r\n\r\n \/* Estiliza\u00e7\u00e3o dos Cards internos \u00e0 se\u00e7\u00e3o atividades *\/\r\n #atividades .card {\r\n background: #fff;\r\n border-radius: 20px;\r\n padding: 30px;\r\n box-shadow: 0 10px 30px rgba(0,0,0,0.05);\r\n border: 1px solid #f0f0f0;\r\n transition: transform 0.3s ease;\r\n display: flex;\r\n flex-direction: column;\r\n height: 100%;\r\n margin-bottom: 0; \/* Reseta margens externas se houver *\/\r\n }\r\n\r\n #atividades .card:hover {\r\n transform: translateY(-5px);\r\n border-color: var(--secondary);\r\n }\r\n\r\n #atividades .card i {\r\n font-size: 2.5rem;\r\n color: var(--primary);\r\n margin-bottom: 20px;\r\n }\r\n\r\n #atividades .card h3 {\r\n color: var(--primary);\r\n border-bottom: 2px solid lightblue;\r\n display: inline-block;\r\n padding-bottom: 8px;\r\n margin-bottom: 15px;\r\n font-size: 1.3rem;\r\n font-weight: 800;\r\n }\r\n\r\n #atividades .card h4 {\r\n font-size: 1rem;\r\n color: var(--text-dark);\r\n margin: 10px 0;\r\n line-height: 1.5;\r\n }\r\n\r\n .dia-label {\r\n color: black !important;\r\n border-bottom: 1px solid #e0e0e0;\r\n padding-bottom: 4px;\r\n font-weight: 700;\r\n display: inline-block;\r\n }\r\n\r\n #atividades .card ul {\r\n list-style: none;\r\n padding: 0;\r\n margin: 15px 0;\r\n }\r\n\r\n #atividades .card li {\r\n margin-bottom: 15px;\r\n }\r\n\r\n #atividades .card h5 {\r\n color: var(--text-soft);\r\n font-size: 0.9rem;\r\n font-weight: 500;\r\n line-height: 1.4;\r\n }\r\n\r\n .btn-container {\r\n margin-top: auto;\r\n padding-top: 20px;\r\n }\r\n\r\n \/* Responsividade para Celular *\/\r\n @media (max-width: 900px) {\r\n #atividades .atividades-grid {\r\n grid-template-columns: 1fr;\r\n }\r\n }\r\n<\/style>\r\n\r\n<section id=\"atividades\">\r\n <div class=\"section-title\">\r\n <h2>Nossas atividades<\/h2>\r\n <\/div>\r\n\r\n <div class=\"atividades-grid\">\r\n \r\n <div class=\"atividades-col\">\r\n <div class=\"card\">\r\n <i class=\"ph ph-books\"><\/i>\r\n <h3>Estudo Sistematizado<\/h3>\r\n <h4>Aprofundamento nas Obras B\u00e1sicas de Allan Kardec.<\/h4>\r\n <ul>\r\n <li>\r\n <h4 class=\"dia-label\">Segunda-feira:<\/h4>\r\n <h4><u>Retorno: 02 de mar\u00e7o<\/u><\/h4>\r\n\r\n <h4>16h \u00e0s 17h30 | 20h \u00e0s 21h30<\/h4>\r\n <\/li>\r\n <li>\r\n <h4 class=\"dia-label\">S\u00e1bado:<\/h4>\r\n <h4><u>Retorno: 07 de mar\u00e7o<\/u><\/h4>\r\n <h4>14h30 \u00e0s 16h<\/h4>\r\n <\/li>\r\n <\/ul>\r\n <h5><strong>Livro Inicial:<\/strong><br>O que \u00e9 o Espiritismo.<\/h5>\r\n <div class=\"btn-container\">\r\n <a href=\"https:\/\/legionarias.com.br\/site\/esde-2\/\" class=\"btn\">Saiba Mais<\/a>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"card\">\r\n <i class=\"ph ph-microphone-stage\"><\/i>\r\n <h3>Reuni\u00f5es P\u00fablicas<\/h3>\r\n <h4>Palestras com reflex\u00f5es baseadas no Evangelho Segundo o Espiritismo.<\/h4>\r\n <ul>\r\n <li><h4 class=\"dia-label\">Segunda:<\/h4><\/li>\r\n <h4>14h30 \u00e0s 16h<\/h4>\r\n <li><h4 class=\"dia-label\">Quinta:<\/h4><\/li> \r\n <h4>9h30 \u00e0s 10h45<\/h4>\r\n <li><h4 class=\"dia-label\">Sexta:<\/h4><\/li>\r\n <h4>20h \u00e0s 21h15<\/h4>\r\n <\/ul>\r\n <h5>Espa\u00e7o reservado para crian\u00e7as de at\u00e9 10 anos durante as reuni\u00f5es.<\/h5>\r\n <div class=\"btn-container\">\r\n <a href=\"https:\/\/legionarias.com.br\/site\/programacao\/\" class=\"btn\">Programa\u00e7\u00e3o<\/a>\r\n <\/div>\r\n <\/div>\r\n \r\n <div class=\"card\">\r\n <i class=\"ph ph-hands-praying\"><\/i>\r\n <h3>Noite de Conforto Espiritual<\/h3>\r\n <h4>Reuni\u00e3o especial com orador convidado e o Coral Cor'Alma.<\/h4>\r\n <ul>\r\n <li>\r\n <h4 class=\"dia-label\">\u00daltima sexta-feira do m\u00eas:<\/h4>\r\n <h4>20h \u00e0s 21h30<\/h4>\r\n <\/li>\r\n <\/ul>\r\n <h5>Nesta reuni\u00e3o n\u00e3o h\u00e1 passes, nem \u00e1gua fluidificada.<\/h5>\r\n <\/div>\r\n\r\n \r\n <\/div>\r\n\r\n <div class=\"atividades-col\">\r\n \r\n <div class=\"card\">\r\n <i class=\"ph ph-baby\"><\/i>\r\n <h3>Evangeliza\u00e7\u00e3o<\/h3>\r\n <h4>Beb\u00eas; Crian\u00e7as (3-11 anos); Jovens (12-26 anos) e Respons\u00e1veis.<\/h4>\r\n <ul>\r\n <li>\r\n <h4 class=\"dia-label\">S\u00e1bado:<\/h4>\r\n <h4><u>Retorno: 07 de mar\u00e7o<\/u><\/h4>\r\n <h4>16h30 \u00e0s 18h30<\/h4>\r\n <\/li>\r\n <\/ul>\r\n <div class=\"btn-container\">\r\n <a href=\"https:\/\/legionarias.com.br\/site\/evangelizacao-2\/\" class=\"btn\">Saiba Mais<\/a>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"card\">\r\n <i class=\"ph ph-heart-straight\"><\/i>\r\n <h3>Atendimento Fraterno<\/h3>\r\n <h4>Di\u00e1logo privativo para quem busca orienta\u00e7\u00e3o e aux\u00edlio espiritual.<\/h4>\r\n <ul>\r\n <li><h4 class=\"dia-label\">Segunda, Quinta e Sexta:<\/h4><\/li>\r\n <li>Agendamento na recep\u00e7\u00e3o antes das Reuni\u00f5es P\u00fablicas.<\/li>\r\n <\/ul>\r\n <\/div>\r\n <div class=\"card\">\r\n <i class=\"ph ph-basket\"><\/i>\r\n <h3>Campanha dos g\u00eaneros aliment\u00edcios<\/h3>\r\n <h4>A Institui\u00e7\u00e3o tem cadastradas 75 vov\u00f3s para receberem gratuitamente uma Bolsa B\u00e1sica de alimentos n\u00e3o perec\u00edveis.<\/h4>\r\n <br>\r\n <h4><u><p>Recebemos as doa\u00e7\u00f5es nos seguintes hor\u00e1rios:<\/p><\/u><\/h4>\r\n <ul>\r\n <li><h4 class=\"dia-label\">Segunda, Quinta e Sexta:<\/h4><\/li>\r\n <li><h4>No hor\u00e1rio das Reuni\u00f5es P\u00fablicas.<\/h4><\/li>\r\n \r\n <li><h4 class=\"dia-label\">\u00daltimo S\u00c1BADO do m\u00eas <\/h4><\/li>\r\n <h4>09h \u00e0s 11h<\/h4>\r\n \r\n <div class=\"btn-container\">\r\n <a href=\"https:\/\/legionarias.com.br\/site\/campanha\/\" class=\"btn\">Veja nossa lista<\/a>\r\n <\/div>\r\n \r\n <\/ul>\r\n <\/div>\r\n \r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n <br>\r\n <section id=\"ielm\">\r\n <div class=\"section-title\">\r\n <h2>Quem Somos<\/h2>\r\n <\/div>\r\n <div style=\"display: flex; flex-wrap: wrap; gap: 50px; align-items: center;\">\r\n <div style=\"flex: 1; min-width: 150px;\">\r\n <p>Fundamentada nos pilares de Allan Kardec, a Institui\u00e7\u00e3o Esp\u00edrita Legion\u00e1rias de Maria \u00e9 um espa\u00e7o dedicado ao estudo, ao acolhimento e \u00e0 pr\u00e1tica do bem. Buscamos o desenvolvimento moral de nossos integrantes atrav\u00e9s do conhecimento das Obras B\u00e1sicas e do exerc\u00edcio di\u00e1rio da caridade.<\/p>\r\n\r\n <p>Aqui, todas as gera\u00e7\u00f5es se encontram. Temos atividades voltadas para crian\u00e7as, jovens, adultos e idosos, promovendo o aprendizado cont\u00ednuo e a conviv\u00eancia. Atrav\u00e9s dos nossos trabalhos, oferecemos acompanhamento para as necessidades de cada um, transformando o conhecimento em amor e a\u00e7\u00e3o.<\/p>\r\n <\/div>\r\n <div style=\"flex: 1; min-width: 300px; text-align: center;\">\r\n <img decoding=\"async\" src=\"http:\/\/legionarias.com.br\/site\/wp-content\/uploads\/2025\/05\/Aniversario-da-Casa-1.png\" style=\"width: 3000px; border-radius: var(--rounded); box-shadow: 0 10px 30px rgba(0,0,0,0.1);\">\r\n \r\n <div style=\"margin-top: 30px;\">\r\n <a href=\"https:\/\/legionarias.com.br\/site\/proposito\/\" class=\"btn\"> Saiba mais<\/a>\r\n \r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <br>\r\n\r\n <section id=\"historia\" style=\"max-width: 1200px; margin: 45px auto; padding: 0 20px; font-family: 'Plus Jakarta Sans', sans-serif;\">\r\n <div class=\"section-title\" style=\"text-align: center; margin-bottom: 25px;\">\r\n <h2>Nossa Hist\u00f3ria<\/h2>\r\n <p><i>Fundada em 1928, um legado de amor iniciado em 1926.<\/i><\/p>\r\n <\/div>\r\n\r\n <div style=\"text-align: justify; color: var(--text-soft); line-height: 1.8; font-size: 1.05rem;\">\r\n \r\n <div style=\"float: left; margin: 0 25px 20px 0; width: 220px; position: relative;\">\r\n <div style=\"padding: 15px 10px; border: 1px solid #e2e8f0; background: #fff; box-shadow: 0 10px 25px rgba(0,0,0,0.05); border-radius: 15px; text-align: center;\">\r\n <img decoding=\"async\" src=\"http:\/\/legionarias.com.br\/site\/wp-content\/uploads\/2025\/12\/Sara_COR.png\" \r\n alt=\"Sara Moraes\"\r\n style=\"width: 65%; border-radius: 10px; display: block; margin: 0 auto; filter: sepia(20%);\">\r\n <p style=\"font-size: 0.8rem; text-align: center; margin: 10px 0 0; color: var(--primary); font-weight: 600; text-transform: uppercase; letter-spacing: 1px;\">Sara Moraes<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <p>A Institui\u00e7\u00e3o Esp\u00edrita Legion\u00e1rias de Maria nasceu da uni\u00e3o de prop\u00f3sitos e do desejo de servir. Nossa trajet\u00f3ria come\u00e7ou a ser tra\u00e7ada em 1926, sob a gest\u00e3o de Jos\u00e9 Manuel Teixeira, ent\u00e3o presidente do Centro de Estudos Espir\u00edticos.<\/p>\r\n <br>\r\n <p><strong>O Encontro de Ideais: <\/strong> Reconhecendo a dedica\u00e7\u00e3o e o potencial de Sara Moraes, Jos\u00e9 Manuel Teixeira fez um convite que mudaria o destino de muitos: chamou-a para assumir a Dire\u00e7\u00e3o do Departamento de Assist\u00eancia Espiritual. Essa confian\u00e7a m\u00fatua e o apoio da presid\u00eancia permitiram que Sara iniciasse um trabalho incans\u00e1vel na seara do bem e da caridade.<\/p>\r\n\r\n <blockquote style=\"margin: 40px auto; padding: 30px; border-top: 2px solid var(--primary); border-bottom: 2px solid var(--primary); text-align: center; max-width: 80%; background: #f8fafc; border-radius: 10px;\">\r\n <i class=\"ph ph-quotes\" style=\"font-size: 2.5rem; color: var(--primary); opacity: 0.3; display: block; margin-bottom: 10px;\"><\/i>\r\n <span style=\"font-size: 1.6rem; font-style: italic; color: var(--primary); font-weight: 700; line-height: 1.3;\">\r\n \"\u00c9 necess\u00e1rio organizar um n\u00facleo forte, de cora\u00e7\u00f5es dispostos a partir ao encontro aos \"pequeninos\", poupando-lhes o sacrif\u00edcio e a humilha\u00e7\u00e3o de virem acotovelar-se \u00e0s portas do Centro, como se a mendigar prote\u00e7\u00e3o e amparo.\"\r\n\r\n <\/span>\r\n <cite style=\"display: block; margin-top: 15px; font-weight: 600; color: var(--text-dark); font-style: normal;\">\u2014 Sara Moraes<\/cite>\r\n <\/blockquote>\r\n\r\n <p><Strong>Um Novo Olhar sobre o Amparo:<\/Strong> O marco decisivo ocorreu no Natal de 1927. Diante de centenas de pessoas em busca de aux\u00edlio, Sara Moraes, com o respaldo da institui\u00e7\u00e3o presidida por Jos\u00e9 Manuel, sentiu que era necess\u00e1rio ir al\u00e9m. Ela idealizou um \"n\u00facleo forte\" de cora\u00e7\u00f5es dispostos a ir ao encontro dos mais necessitados, oferecendo amparo com dignidade e evitando-lhes qualquer humilha\u00e7\u00e3o.<\/p>\r\n\r\n <p><strong>A Funda\u00e7\u00e3o:<\/strong> Esse ideal de fraternidade logo se concretizou. No dia 5 de janeiro de 1928, fundava-se oficialmente a Institui\u00e7\u00e3o Esp\u00edrita Legion\u00e1rias de Maria. Sob a lideran\u00e7a de Sara e o suporte administrativo e institucional que a cercava, a casa nasceu com a miss\u00e3o de despertar o progresso espiritual atrav\u00e9s do exemplo.<\/p>\r\n\r\n <p><strong>Legado de F\u00e9 e Trabalho:<\/strong> Enquanto a Institui\u00e7\u00e3o crescia e se transformava, Sara Moraes tornou-se o exemplo vivo dessa miss\u00e3o. Com sua f\u00e9 inquebrant\u00e1vel e a c\u00e9lebre frase \"Vou melhor do que mere\u00e7o\", ela ensinou que o verdadeiro progresso se faz amando, perdoando e auxiliando sempre.<\/p>\r\n \r\n <p>Hoje, honramos a vis\u00e3o de Jos\u00e9 Manuel Teixeira e a entrega de Sara Moraes, mantendo as portas abertas para acolher e trabalhar por um mundo mais fraterno.<\/p>\r\n\r\n <div style=\"clear: both;\"><\/div>\r\n <\/div>\r\n<\/section>\r\n \r\n <\/main>\r\n \r\n <section id=\"contato\">\r\n <style>\r\n .social-section {\r\n max-width: 1200px;\r\n margin: 40px auto;\r\n padding: 20px;\r\n text-align: center;\r\n }\r\n\r\n .social-grid {\r\n display: flex;\r\n flex-wrap: wrap;\r\n justify-content: center;\r\n gap: 20px;\r\n margin-top: 20px;\r\n }\r\n\r\n .social-card {\r\n background: #ffffff;\r\n border: 1px solid #e2e8f0;\r\n border-radius: 20px;\r\n padding: 25px;\r\n width: 280px;\r\n display: flex;\r\n flex-direction: column;\r\n align-items: center;\r\n transition: all 0.3s ease;\r\n text-decoration: none;\r\n color: var(--text-dark);\r\n box-shadow: 0 4px 12px rgba(0,0,0,0.03);\r\n }\r\n\r\n .social-card:hover {\r\n transform: translateY(-5px);\r\n border-color: var(--primary);\r\n box-shadow: 0 10px 25px rgba(0, 152, 223, 0.15);\r\n }\r\n\r\n .social-card i {\r\n font-size: 2.5rem;\r\n margin-bottom: 15px;\r\n }\r\n\r\n .social-card.instagram i { color: #E1306C; }\r\n .social-card.whatsapp i { color: #25D366; }\r\n\r\n .social-card h4 {\r\n margin-bottom: 5px;\r\n font-size: 1.1rem;\r\n font-weight: 700;\r\n }\r\n\r\n .social-card p {\r\n font-size: 0.9rem;\r\n color: var(--text-soft);\r\n }\r\n\r\n \/* Bot\u00e3o flutuante espec\u00edfico para o WhatsApp (opcional) *\/\r\n .whatsapp-float {\r\n position: fixed;\r\n bottom: 30px;\r\n left: 30px; \/* Lado oposto ao bot\u00e3o de voltar ao topo *\/\r\n background-color: #25D366;\r\n color: white;\r\n width: 60px;\r\n height: 60px;\r\n border-radius: 50%;\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n font-size: 30px;\r\n box-shadow: 0 4px 15px rgba(0,0,0,0.2);\r\n z-index: 9999;\r\n transition: 0.3s;\r\n }\r\n \r\n .whatsapp-float:hover { transform: scale(1.1); }\r\n<\/style>\r\n\r\n<section class=\"social-section\" id=\"contato\">\r\n <div class=\"section-title\">\r\n <h2>Fique por dentro das nossas novidades<\/h2>\r\n <p>Acompanhe nossos eventos e atividades.<\/p>\r\n <\/div>\r\n\r\n <div class=\"social-grid\">\r\n <a href=\"https:\/\/www.instagram.com\/ielm.legionarias\/\" target=\"_blank\" class=\"social-card instagram\">\r\n <i class=\"ph ph-instagram-logo\"><\/i>\r\n <h4>Institucional<\/h4>\r\n <p>@ielm.legionarias<\/p>\r\n <\/a>\r\n\r\n <a href=\"https:\/\/www.instagram.com\/ielm.efeb\/\" target=\"_blank\" class=\"social-card instagram\">\r\n <i class=\"ph ph-instagram-logo\"><\/i>\r\n <h4>Evangeliza\u00e7\u00e3o<\/h4>\r\n <p>@ielm.efeb<\/p>\r\n <\/a>\r\n\r\n <a href=\"https:\/\/api.whatsapp.com\/send\/?phone=%2B5521982974810&text&type=phone_number&app_absent=0\" target=\"_blank\" class=\"social-card whatsapp\">\r\n <i class=\"ph ph-whatsapp-logo\"><\/i>\r\n <h4>WhatsApp<\/h4>\r\n <p>Secretaria IELM<\/p>\r\n <\/a>\r\n <\/div>\r\n<\/section>\r\n\r\n<a href=\"https:\/\/api.whatsapp.com\/send\/?phone=%2B5521982974810&text&type=phone_number&app_absent=0\" class=\"whatsapp-float\" target=\"_blank\">\r\n <i class=\"ph ph-whatsapp-logo\"><\/i>\r\n<\/a>\r\n <\/section>\r\n \r\n <style>\r\n .contato-section {\r\n max-width: 1200px;\r\n margin: 60px auto;\r\n padding: 0 20px;\r\n }\r\n\r\n .contato-grid {\r\n display: grid;\r\n grid-template-columns: 1fr 1fr;\r\n gap: 40px;\r\n align-items: start;\r\n }\r\n\r\n .info-container {\r\n padding: 20px 0;\r\n }\r\n\r\n .info-item {\r\n display: flex;\r\n align-items: flex-start;\r\n gap: 15px;\r\n margin-bottom: 25px;\r\n }\r\n\r\n .info-item i {\r\n font-size: 1.8rem;\r\n color: var(--primary);\r\n background: var(--secondary);\r\n padding: 12px;\r\n border-radius: 12px;\r\n }\r\n\r\n .info-text h4 {\r\n margin: 0 0 5px 0;\r\n font-size: 1.1rem;\r\n color: var(--text-dark);\r\n }\r\n\r\n .info-text p {\r\n margin: 0;\r\n color: var(--text-soft);\r\n line-height: 1.5;\r\n }\r\n\r\n \/* Estiliza\u00e7\u00e3o do Mapa *\/\r\n .map-wrapper {\r\n border-radius: 24px;\r\n overflow: hidden;\r\n box-shadow: 0 15px 45px rgba(0,0,0,0.08);\r\n height: 400px;\r\n border: 1px solid #eee;\r\n }\r\n\r\n .map-wrapper iframe {\r\n width: 100%;\r\n height: 100%;\r\n border: 0;\r\n }\r\n\r\n @media (max-width: 992px) {\r\n .contato-grid {\r\n grid-template-columns: 1fr;\r\n }\r\n .map-wrapper {\r\n height: 300px;\r\n }\r\n }\r\n<\/style>\r\n\r\n<section class=\"contato-section\" id=\"contato\">\r\n <div class=\"section-title\">\r\n <h2 style=\"text-align: center; margin-bottom: 40px;\">Onde Estamos<\/h2>\r\n <\/div>\r\n\r\n <div class=\"contato-grid\">\r\n <div class=\"info-container\">\r\n <div class=\"info-item\">\r\n <i class=\"ph ph-map-pin\"><\/i>\r\n <div class=\"info-text\">\r\n <h4>Endere\u00e7o<\/h4>\r\n <p>R. Rio Grande do Sul, 94<br>M\u00e9ier, Rio de Janeiro - RJ<br>CEP: 20775-100<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"info-item\">\r\n <i class=\"ph ph-phone\"><\/i>\r\n <div class=\"info-text\">\r\n <h4>Telefone<\/h4>\r\n <p>(21) 2281-6590<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"info-item\">\r\n <i class=\"ph ph-at\"><\/i>\r\n <div class=\"info-text\">\r\n <h4>E-mail<\/h4>\r\n <p>\r\n <a href=\"mailto:secretaria@legionarias.com.br\" class=\"email-link\">\r\n secretaria@legionarias.com.br\r\n <\/a>\r\n <\/p>\r\n <\/div>\r\n<\/div>\r\n\r\n<style>\r\n .email-link {\r\n text-decoration: none;\r\n color: inherit; \/* Mant\u00e9m a cor original do seu texto *\/\r\n transition: all 0.3s ease; \/* Faz a transi\u00e7\u00e3o ser suave *\/\r\n position: relative;\r\n }\r\n\r\n .email-link:hover {\r\n color: var(--primary); \/* Muda para o azul oficial ao passar o mouse *\/\r\n text-decoration: underline; \/* Adiciona o sublinhado para indicar clique *\/\r\n opacity: 0.8; \/* D\u00e1 um leve efeito de brilho\/transpar\u00eancia *\/\r\n }\r\n<\/style>\r\n\r\n <div class=\"info-item\">\r\n <i class=\"ph ph-clock\"><\/i>\r\n <div class=\"info-text\">\r\n <h4>Hor\u00e1rio de Funcionamento<\/h4>\r\n <p>Consulte a nossas <a href=\"https:\/\/legionarias.com.br\/site\/#atividades\/\" style=\"color: var(--primary); font-weight: 600;\">atividades<\/a> acima.<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"map-wrapper\">\r\n <iframe \r\n src=\"https:\/\/www.google.com\/maps\/embed?pb=!1m18!1m12!1m3!1d3675.2982885408436!2d-43.28475512390885!3d-22.90234143764724!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x997996b6928899%3A0xa802e5c37c3a4a67!2sInstitui%C3%A7%C3%A3o%20Esp%C3%ADrita%20Legion%C3%A1rias%20de%20Maria!5e0!3m2!1spt-BR!2sbr!4v1700000000000!5m2!1spt-BR!2sbr\" \r\n width=\"600\" \r\n height=\"450\" \r\n style=\"border:0;\" \r\n allowfullscreen=\"\" \r\n loading=\"lazy\" \r\n referrerpolicy=\"no-referrer-when-downgrade\">\r\n <\/iframe>\r\n <\/div>\r\n <\/div>\r\n<\/section> \r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>IELM – Legion\u00e1rias de Maria Nossas atividades Estudo Sistematizado Aprofundamento nas Obras B\u00e1sicas de Allan Kardec. Segunda-feira: Retorno: 02 de mar\u00e7o 16h \u00e0s 17h30 | 20h \u00e0s 21h30 S\u00e1bado: Retorno: 07 de mar\u00e7o 14h30 \u00e0s 16h Livro Inicial:O que \u00e9 o Espiritismo. Saiba Mais Reuni\u00f5es P\u00fablicas Palestras com reflex\u00f5es baseadas no Evangelho Segundo o Espiritismo. […]<\/p>\n","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-866","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"http:\/\/legionarias.com.br\/site\/wp-json\/wp\/v2\/pages\/866","targetHints":{"allow":["GET"]}}],"collection":[{"href":"http:\/\/legionarias.com.br\/site\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"http:\/\/legionarias.com.br\/site\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"http:\/\/legionarias.com.br\/site\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"http:\/\/legionarias.com.br\/site\/wp-json\/wp\/v2\/comments?post=866"}],"version-history":[{"count":334,"href":"http:\/\/legionarias.com.br\/site\/wp-json\/wp\/v2\/pages\/866\/revisions"}],"predecessor-version":[{"id":1467,"href":"http:\/\/legionarias.com.br\/site\/wp-json\/wp\/v2\/pages\/866\/revisions\/1467"}],"wp:attachment":[{"href":"http:\/\/legionarias.com.br\/site\/wp-json\/wp\/v2\/media?parent=866"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}