Page

<script></script> <style> .home-sections-container h1, .home-sections-container h2, .home-sections-container h3, .home-sections-container h4, .home-sections-container h5, .home-sections-container p { margin: 0 !important; padding: 0 !important } #participatory-process-section { background-color: var(--blue-3) } .home-sections-container .home-sections-content { margin: 0 auto; width: auto } #service-channels-home-section { background-color: var(--blue-warm-60) } .wrapper { padding: 0 !important } .home-sections-container { background-color: var(--pure-0); display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 16px; padding: 24px 16px } .home-sections-container h2 { font-size: 1.75rem; font-style: normal; font-weight: 700; line-height: normal; text-align: center } .home-sections-container p { width: auto; text-align: center; font-size: 1.125rem; font-style: normal; font-weight: 400; line-height: 160% } .video-text-card { flex: 1 } @media(min-width:1045px) { .home-sections-container { padding: 64px 40px } .home-sections-container p { width: auto } .home-sections-container .home-sections-content { margin: 0 auto; max-width: 1470px } } .step-process-container .big-numbers-container { display: flex; flex-direction: column; gap: 8px; align-items: center; justify-content: center; padding: 16px } .step-process-card { display: flex; flex-direction: column; background-color: var(--pure-0); height: 100%; border-radius: 4px; border: 1px solid #a3b3cc } .big-numbers-card { padding: 24px; display: flex; flex-direction: column; background-color: var(--blue-3) !important; height: 100%; max-height: 144px; width: 273px; align-items: center } .step-process-card__content .big-numbers-card__content { display: flex; width: 280px; height: 220px; padding: 16px; flex-direction: column; justify-content: center; align-items: center; gap: 8px; flex-shrink: 0; padding: 16px; border-radius: 4px } .step-process-card__content { display: flex; width: 280px; height: 220px; padding: 16px; flex-direction: column; justify-content: center; align-items: center; gap: 8px; flex-shrink: 0; padding: 16px; border-radius: 4px } .step-process-card__content strong { width: 100%; text-align: center; } .stage-text { font-size: 12px } .step-process-card__content i { color: var(--gray-90); height: 14px } .step-process-card__content h3 { color: var(--gray-90); text-align: center; font-variant-numeric: lining-nums proportional-nums; font-family: Rawline; font-size: 16.8px; font-style: normal; font-weight: 700; line-height: normal } .step-process-card__content p { color: var(--gray-90); text-align: center; font-variant-numeric: lining-nums proportional-nums; font-size: 11.67px !important; font-style: normal; font-weight: 400; line-height: normal; width: 260px } .step-process-card__content .step-date { color: var(--gray-70); text-align: center; font-variant-numeric: lining-nums proportional-nums; font-family: Rawline; font-size: 14px; font-style: normal; font-weight: 400; line-height: normal; width: auto } .step-process-card__footer { display: flex; background: var(--blue-warm-vivid-80); color: var(--pure-0); font-weight: 600; justify-content: center; padding: 8px } @media(min-width:1045px) { .step-process-container .big-numbers-container { display: flex; flex-direction: row; gap: 8px; align-items: center } .big-numbers-container { gap: 16px } .step-arrow { transform: rotate(-90deg) } } .white-divider { display: flex; width: 100%; height: 35px; background-image: url(https://brasilparticipativo.presidencia.gov.br/rails/active_storage/blobs/redirect/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBBbDVXIiwiZXhwIjpudWxsLCJwdXIiOiJibG9iX2lkIn19--057c192d3fe1e615a252b7269b8a8e87fb38f13b/faixa-branca.png); background-size: cover; background-repeat: repeat; background-color: var(--blue-3) } .hero-info-content { display: flex; flex-direction: row; gap: 24px; flex-wrap: wrap } .hero-info-img { object-fit: cover; flex: 1; border-radius: 8px; width: 100%; height: 100%; max-width: 100% } .hero-info-right-content { display: flex; flex-direction: column; justify-content: space-between; flex: 1; gap: 16px } .hero-info-right-content h2 { text-align: start } .hero-info-actions { display: flex; flex-direction: column; justify-content: flex-end; align-items: center; gap: 12px; align-self: stretch } .process-home-container { display: flex; flex-direction: column; gap: 24px } .hero-info-right-content p { text-align: left } .hero-info-actions a { width: 100% } .br-button.active, .br-button.is-active, .br-button[active] { --hover: var(--hover-dark); color: #fff; color: var(--color-dark); } .br-button.is-secondary, .br-button.secondary, .br-button[secondary] { background-color: #fff; background-color: var(--background-light); border: 1px solid #1351b4; border: 1px solid var(--interactive); } @media(min-width:768px) { .hero-info-actions { flex-direction: row } .hero-info-actions a { width: fit-content } .hero-info-img { object-fit: cover; flex: 1; border-radius: 8px; max-width: 569px; max-height: 317px; margin-top: 12px } } .colorTitle { color: var(--blue-warm-vivid-80) } </style> <section class="br-container-lg home-sections-container"> <h2 class="page-subtitle"></h2> <div class="hero-info-content"> <div style="flex:1;max-width:569px;max-height:317px;"> <iframe class="hero-info-img" width="100%" height="317" style="border-radius:8px;max-width:569px;max-height:317px;" src="https://www.youtube.com/embed/IPVkgg5vf5k" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen></iframe> </div> <div class="hero-info-right-content"> <h2 class="page-subtitle"> Veja como participar do Pacto RS 25! </h2> <p> O Fórum Democrático - Pacto RS 25 é um processo de construção coletiva para definir diretrizes de um novo modelo de desenvolvimento sustentável para o Rio Grande do Sul. Diante dos desafios climáticos, econômicos e sociais, o estado precisa repensar seu futuro, conciliando prosperidade e sustentabilidade. O Fórum consiste em grandes debates sobre os eixos temáticos, seminários regionais, plenárias livres organizadas pela sociedade civil e, como centralizador, esta plataforma de participação social digital. Aqui, você pode integrar este processo enviando propostas, demonstrando apoio e contribuindo na votação final. Participe! </p> <div class="hero-info-actions"> <a href="https://brasilparticipativo.presidencia.gov.br/processes/pactors25/media" class="br-button active secondary"> Acesse os conteúdos </a> <a href="https://brasilparticipativo.presidencia.gov.br/processes/pactors25/f/742/" class="br-button active primary"> Crie propostas </a> </div> </div> </div> </section> <section class="extended home-section" id="html-block"> <div class="white-divider"></div> <section class="home-sections-container" id="participatory-process-section"> <h2 class="colorTitle"> Componentes do Pacto RS 25 </h2> <p>Entenda e acompanhe aqui a trilha de participação.</p> </br></br> <div class="step-process-container"> <div class="step-process-card"> <div class="step-process-card__content"> <i class="fa-solid fa-file-export fa-2xl"></i> <p>1ª Etapa</p> <h3> Grandes Debates </h2> <strong>Encontros para discussão sobre os eixos temáticos.</strong> <p> Abril a Setembro </p> </div> </div> <div class="step-process-card"> <div class="step-process-card__content"> <i class="fa-solid fa-file-export fa-2xl"></i> <p>2ª Etapa</p> <h3> Seminários Regionais e Plenárias Livres </h3> <strong>Debates sobre temas dos territórios e definição de propostas.</strong> <p> Junho a Setembro </p> </div> </div> <div class="step-process-card"> <div class="step-process-card__content"> <i class="fa-solid fa-list fa-2xl"></i> <p>3ª Etapa</p> <h3> Criação e apoio às propostas. </h3> <strong>200 mais apoiadas seguem.</strong> <p> Junho a Setembro </p> </div> </div> <div class="step-process-card"> <div class="step-process-card__content"> <i class="fa-solid fa-star fa-2xl"></i> <p>4ª Etapa</p> <h3> Votação das propostas </h3> <strong>80 mais votadas serão incorporadas.</strong> <p> Outubro </p> </div> </div> <div class="step-process-card"> <div class="step-process-card__content"> <i class="fa-solid fa-check-to-slot fa-2xl"></i> <p>5ª Etapa</p> <h3> Relatório final</h3> <strong>Diretrizes consolidadas em Seminário estadual. Relatório levado ao Plenário. </strong> <p> Novembro e Dezembro</p> </div> </div> </div> </section> <div class="white-divider"></div> </section> <section> <div class="blue-bp-divider"></div> <section id="service-channels-home-section" class="home-sections-container"> <div class="cards-title-container"> <h2 class="participatory_cards-title" data-asw-orgfontsize="36"> Conheça nossos eixos temáticos </h2> <h3 class="participatory_cards-subtitle" data-asw-orgfontsize="18"> O Fórum Democrático 2025 - Pacto RS 25 está estruturado em quatro eixos temáticos: </h3> </div> <div class="home-sections-content service-channels-container"> <a class="section-card" href="https://brasilparticipativo.presidencia.gov.br/processes/pactors25/f/746/posts/681"> <div class="cards_icon-container"> <i class="fa-solid fa-leaf fa-2xl"></i> </div> <div class="cards_info-text"> <p>Transição ecológica</p> </div> </a> <a class="section-card" href="https://brasilparticipativo.presidencia.gov.br/processes/pactors25/f/746/posts/680"> <div class="cards_icon-container"> <i class="fa-solid fa-tree-city fa-2xl"></i> </div> <div class="cards_info-text"> <p>Sustentabilidade na indústria, comércio e serviços</p> </div> </a> <a class="section-card" href="https://brasilparticipativo.presidencia.gov.br/processes/pactors25/f/746/posts/679"> <div class="cards_icon-container"> <i class="fa-solid fa-seedling fa-2xl"></i> </div> <div class="cards_info-text"> <p>Sustentabilidade na agricultura e pecuária</p> </div> </a> <a class="section-card" href="https://brasilparticipativo.presidencia.gov.br/processes/pactors25/f/746/posts/675"> <div class="cards_icon-container"> <i class="fa-solid fa-balance-scale fa-2xl"></i> </div> <div class="cards_info-text"> <p>Desigualdades sociais e regionais</p> </div> </a> </div> </section> <div class="blue-bp-divider"></div> </section> <style> .home-sections-container h2.participatory_cards-title { color: #fff !important; } .section-card { height: 200px; display: flex; width: 270px; } </style> <section class="subcontent-section"> <section id="news-home-section" class="home-sections-container"> <h2> Notícias </h2> <div class="news-container"> <a href="https://brasilparticipativo.presidencia.gov.br/processes/pactors25/f/731/posts/727" class="news-card"> <img scr="https://brasilparticipativo.presidencia.gov.br/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBBNmNtQVE9PSIsImV4cCI6bnVsbCwicHVyIjoiYmxvYl9pZCJ9fQ==--2fe4e629c75a532616ebc799aac1514d4c15b7a8/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaDdCem9MWm05eWJXRjBTU0lJYW5CbkJqb0dSVlE2RkhKbGMybDZaVjkwYjE5c2FXMXBkRnNITUdrQzZBTT0iLCJleHAiOm51bGwsInB1ciI6InZhcmlhdGlvbiJ9fQ==--fbe5059557ad20e7c4072077b96e45b553394ff9/02SaoLeo4%C2%BA%20Encontro%20F%C3%B3rum.jpg"><img alt="file" src="https://brasilparticipativo.presidencia.gov.br/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBBNmNtQVE9PSIsImV4cCI6bnVsbCwicHVyIjoiYmxvYl9pZCJ9fQ==--2fe4e629c75a532616ebc799aac1514d4c15b7a8/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaDdCem9MWm05eWJXRjBTU0lJYW5CbkJqb0dSVlE2RkhKbGMybDZaVjkwYjE5c2FXMXBkRnNITUdrQzZBTT0iLCJleHAiOm51bGwsInB1ciI6InZhcmlhdGlvbiJ9fQ==--fbe5059557ad20e7c4072077b96e45b553394ff9/02SaoLeo4%C2%BA%20Encontro%20F%C3%B3rum.jpg" alt class="news-img"> <span class="news-title">São Leopoldo recebe seminário do Fórum Democrático sobre crescimento sustentável (18/07)</span> </a> <a href="https://brasilparticipativo.presidencia.gov.br/processes/pactors25/f/731/posts/690" class="news-card"> <img scr="https://brasilparticipativo.presidencia.gov.br/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBBd2dqQVE9PSIsImV4cCI6bnVsbCwicHVyIjoiYmxvYl9pZCJ9fQ==--75928dd8c096d07f8d50d163dca4acb07c90e7d9/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaDdCem9MWm05eWJXRjBTU0lJYW5CbkJqb0dSVlE2RkhKbGMybDZaVjkwYjE5c2FXMXBkRnNITUdrQzZBTT0iLCJleHAiOm51bGwsInB1ciI6InZhcmlhdGlvbiJ9fQ==--fbe5059557ad20e7c4072077b96e45b553394ff9/421351_G.jpg"><img alt="file" src="https://brasilparticipativo.presidencia.gov.br/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBBd2dqQVE9PSIsImV4cCI6bnVsbCwicHVyIjoiYmxvYl9pZCJ9fQ==--75928dd8c096d07f8d50d163dca4acb07c90e7d9/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaDdCem9MWm05eWJXRjBTU0lJYW5CbkJqb0dSVlE2RkhKbGMybDZaVjkwYjE5c2FXMXBkRnNITUdrQzZBTT0iLCJleHAiOm51bGwsInB1ciI6InZhcmlhdGlvbiJ9fQ==--fbe5059557ad20e7c4072077b96e45b553394ff9/421351_G.jpg" alt class="news-img"> <span class="news-title">1º Grande Debate do Fórum Democrático debate financiamento para transição ecológica</span> </a> <a href="https://brasilparticipativo.presidencia.gov.br/processes/pactors25/f/731/posts/676" class="news-card"> <img scr="https://brasilparticipativo.presidencia.gov.br/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBBd3dqQVE9PSIsImV4cCI6bnVsbCwicHVyIjoiYmxvYl9pZCJ9fQ==--869bb1cbf1e09fc91667a8194e4f3a7fb881f42a/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaDdCem9MWm05eWJXRjBTU0lJYW5CbkJqb0dSVlE2RkhKbGMybDZaVjkwYjE5c2FXMXBkRnNITUdrQzZBTT0iLCJleHAiOm51bGwsInB1ciI6InZhcmlhdGlvbiJ9fQ==--fbe5059557ad20e7c4072077b96e45b553394ff9/424540_G.jpg"><img alt="file" src="https://brasilparticipativo.presidencia.gov.br/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBBd3dqQVE9PSIsImV4cCI6bnVsbCwicHVyIjoiYmxvYl9pZCJ9fQ==--869bb1cbf1e09fc91667a8194e4f3a7fb881f42a/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaDdCem9MWm05eWJXRjBTU0lJYW5CbkJqb0dSVlE2RkhKbGMybDZaVjkwYjE5c2FXMXBkRnNITUdrQzZBTT0iLCJleHAiOm51bGwsInB1ciI6InZhcmlhdGlvbiJ9fQ==--fbe5059557ad20e7c4072077b96e45b553394ff9/424540_G.jpg" alt class="news-img"> <span class="news-title">2º Grande Debate do Fórum Democrático recebe Mia Couto em diálogo na UFRGS (29/5)</span> </a> </div> <div class="centered-content"> <a href="https://brasilparticipativo.presidencia.gov.br/processes/pactors25/f/731/" class="br-button secondary">Veja Mais</a> </div> </section> </section> <style> #news-home-section h2 { font-size: 34.84px; font-style: normal; font-weight: 600; line-height: normal } #news-home-section { gap: 24px } .news-container { display: flex; justify-content: center; align-items: center; flex-direction: column; margin-bottom: 2rem; gap: 16px } .news-card { max-width: 461.73px; display: flex; flex-direction: column; justify-content: center; align-items: center; background-color: var(--pure-0); height: auto } .news-img { width: 461.73px; height: 160px; object-fit: cover; border-radius: 0 } .news-card .news-title { font-size: 16.8px; font-weight: 600; max-height: 120px; max-height: 110px; display: -webkit-box; -webkit-line-clamp: 5; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; color: var(--blue-warm-vivid-80); text-align: left } .news-card .news-title:hover { color: var(---blue-warm-vivid-70) } @media(min-width:768px) { .news-container { display: flex; gap: 24px; justify-content: space-between; align-items: center; flex-direction: row } .news-card { width: 100%; display: flex; flex-direction: column; justify-content: flex-start; align-items: center; background-color: var(--pure-0); height: 280px } .news-img { width: 100%; height: 180px; object-fit: cover; border-radius: 0 } .news-card .news-title { font-style: normal; font-weight: 600; line-height: normal } .logos__container { width: 40%; gap: 40px } } .logos__section { display: contents; width: 65%; } @media only screen and (max-width: 600px) { .logos__section { max-width: 100%; } } .bp-logo { width: 280px } .home-sections-container h2, .secondary { color: var(--blue-warm-vivid-80) !important; border-color: var(--blue-warm-vivid-80) !important } </style> <section class="logos__section"> <div class="logos__container"> <a href="https://www.al.rs.gov.br/site/"> <img id="pactors25" src="https://brasilparticipativo.presidencia.gov.br/rails/active_storage/blobs/redirect/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBBek1hQVE9PSIsImV4cCI6bnVsbCwicHVyIjoiYmxvYl9pZCJ9fQ==--8789bb9052ae3346733365535a07cc126a3e9dd4/Logo%20do%20pacto%20RS%202025%20e%20da%20Assembleia%20Legislativa.png" alt="pactors25" /> </a> </div> </section> <script defer>/*<![CDATA[*/function requestHTML(url) { return fetch(url).then((response) => { if (!response.ok) { throw new Error(`Erro ao buscar a página.Status de resposta:${response.status}`); } return response.text(); }).then((html) => { return html; }).catch((error) => { throw new Error(`Erro ao buscar a página:${error.message}`); }); } </script>