{"id":628,"date":"2020-06-19T01:23:16","date_gmt":"2020-06-19T04:23:16","guid":{"rendered":"https:\/\/www.ige.unicamp.br\/projetoriosilveira\/?page_id=628"},"modified":"2026-06-15T10:48:08","modified_gmt":"2026-06-15T13:48:08","slug":"blog","status":"publish","type":"page","link":"https:\/\/www.ige.unicamp.br\/projetoriosilveira\/blog\/","title":{"rendered":"Blog"},"content":{"rendered":"<div data-elementor-type=\"wp-page\" data-elementor-id=\"628\" class=\"elementor elementor-628\" data-elementor-post-type=\"page\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-f05495e elementor-section-full_width elementor-section-height-default elementor-section-height-default\" data-id=\"f05495e\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-no\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-b7743e6\" data-id=\"b7743e6\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-214d4c5 elementor-widget elementor-widget-html\" data-id=\"214d4c5\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t    <style>\n    \/* --- Fail-safe: Ocultar Cabe&#231;alho e Rodap&#233; Originais do Tema --- *\/\n    #branding, \n    #colophon,\n    #site-header,\n    #site-footer,\n    .site-header,\n    .site-footer,\n    .dynamic-footer,\n    .skip-link,\n    #site-generator,\n    .site-info,\n    footer[role=\"contentinfo\"],\n    header[role=\"banner\"]:not(.rio-navbar-wrapper) {\n        display: none !important;\n        height: 0 !important;\n        visibility: hidden !important;\n        opacity: 0 !important;\n        margin: 0 !important;\n        padding: 0 !important;\n    }\n\n    body {\n        padding-top: 0 !important;\n        margin-top: 0 !important;\n        background-color: var(--bg-color, #faf8f4) !important;\n    }\n\n    .rio-blog-wrapper {\n        --bg-color: #faf8f4;\n        --bg-dark: #0c1f13;\n        --accent-color: #14633b;\n        --terracotta: #ba4e32;\n        --gold-warm: #c49451;\n        --text-primary: #0a1510;\n        --text-secondary: #485c50;\n        --border-color: rgba(12, 31, 19, 0.08);\n        --card-bg: #ffffff;\n        --font-title: 'Lora', Georgia, serif;\n        --font-body: 'Inter', sans-serif;\n        --transition-smooth: all 0.4s cubic-bezier(0.16, 1, 0.3, 1);\n        \n        font-family: var(--font-body), sans-serif !important;\n        color: var(--text-primary) !important;\n        background-color: var(--bg-color) !important;\n        overflow-x: hidden !important;\n    }\n\n    .rio-blog-container {\n        max-width: 1200px !important;\n        margin: 0 auto !important;\n        padding: 0 5% !important;\n    }\n\n    \/* --- Hero Section --- *\/\n    .rio-blog-hero {\n        padding: 190px 5% 120px 5% !important;\n        background-color: var(--bg-dark) !important;\n        color: #ffffff !important;\n        position: relative !important;\n        overflow: hidden !important;\n        text-align: center !important;\n    }\n\n    .rio-blog-hero-bg {\n        position: absolute !important;\n        top: 0 !important;\n        left: 0 !important;\n        width: 100% !important;\n        height: 100% !important;\n        background-size: cover !important;\n        background-position: center !important;\n        opacity: 0.15 !important;\n        z-index: 1 !important;\n        filter: blur(2px) !important;\n    }\n\n    .rio-blog-hero-overlay {\n        position: absolute !important;\n        top: 0 !important;\n        left: 0 !important;\n        width: 100% !important;\n        height: 100% !important;\n        z-index: 2 !important;\n        background: linear-gradient(to bottom, rgba(12, 31, 19, 0.98) 0%, rgba(12, 31, 19, 0.8) 100%) !important;\n    }\n\n    .rio-blog-hero-content {\n        max-width: 800px !important;\n        margin: 0 auto !important;\n        position: relative !important;\n        z-index: 3 !important;\n        display: flex !important;\n        flex-direction: column !important;\n        gap: 1.2rem !important;\n    }\n\n    .rio-blog-hero h1 {\n        font-family: var(--font-title) !important;\n        font-size: 3.8rem !important;\n        color: #ffffff !important;\n        line-height: 1.15 !important;\n        font-weight: 300 !important;\n        margin: 0 !important;\n        letter-spacing: -0.02em !important;\n    }\n\n    .rio-blog-hero p.tagline {\n        font-family: var(--font-body) !important;\n        font-size: 1.2rem !important;\n        color: rgba(255, 255, 255, 0.8) !important;\n        max-width: 650px !important;\n        margin: 0 auto !important;\n        line-height: 1.65 !important;\n    }\n\n    .rio-blog-section-tag {\n        font-size: 0.82rem !important;\n        color: var(--gold-warm) !important;\n        text-transform: uppercase !important;\n        letter-spacing: 1.5px !important;\n        font-weight: 600 !important;\n    }\n\n    \/* --- Filtros \/ Abas --- *\/\n    .rio-blog-filters-panel {\n        background: #ffffff !important;\n        border: 1px solid var(--border-color) !important;\n        border-radius: 8px !important;\n        padding: 22px 30px !important;\n        margin-top: -40px !important;\n        margin-bottom: 50px !important;\n        position: relative !important;\n        z-index: 10 !important;\n        box-shadow: 0 10px 30px rgba(12, 31, 19, 0.04) !important;\n    }\n\n    .rio-blog-filter-group {\n        display: flex !important;\n        align-items: center !important;\n        flex-wrap: wrap !important;\n        gap: 0.8rem !important;\n    }\n\n    .rio-blog-filter-label {\n        font-size: 0.82rem !important;\n        font-weight: 700 !important;\n        color: var(--text-primary) !important;\n        text-transform: uppercase !important;\n        letter-spacing: 1px !important;\n        min-width: 90px !important;\n    }\n\n    .rio-blog-filter-btn {\n        background: transparent !important;\n        color: var(--text-secondary) !important;\n        border: 1px solid var(--border-color) !important;\n        padding: 8px 16px !important;\n        border-radius: 4px !important;\n        font-size: 0.85rem !important;\n        font-weight: 600 !important;\n        cursor: pointer !important;\n        transition: var(--transition-smooth) !important;\n    }\n\n    .rio-blog-filter-btn:hover {\n        color: var(--accent-color) !important;\n        border-color: var(--accent-color) !important;\n    }\n\n    .rio-blog-filter-btn.active {\n        background-color: var(--accent-color) !important;\n        color: #ffffff !important;\n        border-color: var(--accent-color) !important;\n    }\n\n    \/* --- Grid de Conte&#250;do --- *\/\n    .rio-blog-grid {\n        display: grid !important;\n        grid-template-columns: repeat(3, 1fr) !important;\n        gap: 2.5rem !important;\n        margin-bottom: 100px !important;\n        transition: var(--transition-smooth) !important;\n    }\n\n    @media screen and (max-width: 992px) {\n        .rio-blog-grid {\n            grid-template-columns: repeat(2, 1fr) !important;\n            gap: 1.8rem !important;\n        }\n        .rio-blog-hero h1 {\n            font-size: 2.8rem !important;\n        }\n    }\n\n    @media screen and (max-width: 600px) {\n        .rio-blog-grid {\n            grid-template-columns: 1fr !important;\n        }\n    }\n\n    .rio-blog-card {\n        background: #ffffff !important;\n        border: 1px solid var(--border-color) !important;\n        border-radius: 8px !important;\n        overflow: hidden !important;\n        box-shadow: 0 4px 15px rgba(12, 31, 19, 0.01) !important;\n        transition: transform 0.4s cubic-bezier(0.16, 1, 0.3, 1), border-color 0.4s ease, box-shadow 0.4s ease !important;\n        display: flex !important;\n        flex-direction: column !important;\n    }\n\n    .rio-blog-card:hover {\n        transform: translateY(-5px) !important;\n        border-color: var(--accent-color) !important;\n        box-shadow: 0 15px 35px rgba(12, 31, 19, 0.04) !important;\n    }\n\n    .rio-blog-media {\n        width: 100% !important;\n        aspect-ratio: 16\/10 !important;\n        overflow: hidden !important;\n        background-color: #efede9 !important;\n    }\n\n    .rio-blog-media img {\n        width: 100% !important;\n        height: 100% !important;\n        object-fit: cover !important;\n        transition: transform 0.5s cubic-bezier(0.16, 1, 0.3, 1) !important;\n    }\n\n    .rio-blog-card:hover .rio-blog-media img {\n        transform: scale(1.03) !important;\n    }\n\n    .rio-blog-info {\n        padding: 25px !important;\n        display: flex !important;\n        flex-direction: column !important;\n        gap: 0.8rem !important;\n        flex-grow: 1 !important;\n    }\n\n    .rio-blog-meta-row {\n        display: flex !important;\n        align-items: center !important;\n        justify-content: space-between !important;\n    }\n\n    .rio-blog-badge {\n        font-size: 0.68rem !important;\n        font-weight: 700 !important;\n        color: #ffffff !important;\n        background-color: var(--accent-color) !important;\n        padding: 3px 8px !important;\n        border-radius: 3px !important;\n        text-transform: uppercase !important;\n        letter-spacing: 0.5px !important;\n    }\n\n    .rio-blog-badge.podcast {\n        background-color: var(--terracotta) !important;\n    }\n\n    .rio-blog-badge.livro {\n        background-color: var(--gold-warm) !important;\n        color: #0c1f13 !important;\n    }\n\n    .rio-blog-date {\n        font-size: 0.8rem !important;\n        color: var(--text-secondary) !important;\n    }\n\n    .rio-blog-card h4 {\n        font-family: var(--font-title) !important;\n        font-size: 1.25rem !important;\n        font-weight: 500 !important;\n        color: var(--text-primary) !important;\n        margin: 5px 0 0 0 !important;\n        line-height: 1.35 !important;\n        flex-shrink: 0 !important;\n    }\n\n    .rio-blog-desc {\n        font-size: 0.9rem !important;\n        line-height: 1.6 !important;\n        color: var(--text-secondary) !important;\n        margin: 0 !important;\n        flex-grow: 1 !important;\n    }\n\n    \/* --- Player de &#193;udio Simplificado para Podcasts --- *\/\n    .rio-podcast-player {\n        border-top: 1px solid var(--border-color) !important;\n        padding-top: 15px !important;\n        margin-top: 5px !important;\n        display: flex !important;\n        flex-direction: column !important;\n        gap: 10px !important;\n    }\n\n    .rio-player-controls {\n        display: flex !important;\n        align-items: center !important;\n        gap: 12px !important;\n    }\n\n    .rio-play-btn {\n        background: var(--accent-color) !important;\n        color: #ffffff !important;\n        border: none !important;\n        width: 36px !important;\n        height: 36px !important;\n        border-radius: 50% !important;\n        display: flex !important;\n        align-items: center !important;\n        justify-content: center !important;\n        cursor: pointer !important;\n        transition: var(--transition-smooth) !important;\n    }\n\n    .rio-play-btn:hover {\n        background: var(--bg-dark) !important;\n        transform: scale(1.05) !important;\n    }\n\n    .rio-play-btn svg {\n        width: 14px !important;\n        height: 14px !important;\n        fill: currentColor !important;\n        margin-left: 2px !important;\n    }\n\n    .rio-play-btn.playing svg {\n        margin-left: 0 !important;\n    }\n\n    \/* Anima&#231;&#227;o de Ondas de Som *\/\n    .rio-sound-waves {\n        display: flex !important;\n        align-items: flex-end !important;\n        gap: 3px !important;\n        height: 24px !important;\n        flex-grow: 1 !important;\n        padding-bottom: 2px !important;\n    }\n\n    .rio-wave-bar {\n        width: 3px !important;\n        background: var(--border-color) !important;\n        border-radius: 2px !important;\n        height: 5px !important;\n        transition: height 0.3s ease !important;\n    }\n\n    .rio-play-btn.playing + .rio-sound-waves .rio-wave-bar {\n        background: var(--accent-color) !important;\n        animation: rioWaveBounce 1.2s ease-in-out infinite alternate !important;\n    }\n\n    \/* Delays para as barras se moverem de forma ass&#237;ncrona *\/\n    .rio-play-btn.playing + .rio-sound-waves .rio-wave-bar:nth-child(1) { animation-delay: 0.1s !important; height: 18px !important; }\n    .rio-play-btn.playing + .rio-sound-waves .rio-wave-bar:nth-child(2) { animation-delay: 0.4s !important; height: 12px !important; }\n    .rio-play-btn.playing + .rio-sound-waves .rio-wave-bar:nth-child(3) { animation-delay: 0.2s !important; height: 22px !important; }\n    .rio-play-btn.playing + .rio-sound-waves .rio-wave-bar:nth-child(4) { animation-delay: 0.6s !important; height: 8px !important; }\n    .rio-play-btn.playing + .rio-sound-waves .rio-wave-bar:nth-child(5) { animation-delay: 0.3s !important; height: 16px !important; }\n\n    @keyframes rioWaveBounce {\n        0% { height: 4px; }\n        100% { height: 22px; }\n    }\n\n    .rio-player-time {\n        font-size: 0.75rem !important;\n        font-family: monospace !important;\n        color: var(--text-secondary) !important;\n    }\n\n    \/* &#193;rea de Download para Livros *\/\n    .rio-book-download-btn {\n        border-top: 1px solid var(--border-color) !important;\n        padding-top: 15px !important;\n        margin-top: 5px !important;\n    }\n\n    .rio-blog-btn {\n        display: inline-flex !important;\n        align-items: center !important;\n        gap: 8px !important;\n        text-decoration: none !important;\n        color: var(--accent-color) !important;\n        font-size: 0.85rem !important;\n        font-weight: 600 !important;\n        transition: var(--transition-smooth) !important;\n    }\n\n    .rio-blog-btn:hover {\n        color: var(--bg-dark) !important;\n    }\n\n    .rio-blog-btn svg {\n        width: 16px !important;\n        height: 16px !important;\n        fill: currentColor !important;\n    }\n\n    \/* --- CSS Reveal\/Animation --- *\/\n    .rio-reveal {\n        opacity: 0 !important;\n        transform: translateY(30px) !important;\n        transition: opacity 0.8s cubic-bezier(0.16, 1, 0.3, 1), transform 0.8s cubic-bezier(0.16, 1, 0.3, 1) !important;\n    }\n\n    .rio-reveal.rio-active {\n        opacity: 1 !important;\n        transform: none !important;\n    }\n\n    .rio-delay-1 { transition-delay: 0.15s !important; }\n    <\/style>\n\n    <div class=\"rio-blog-wrapper\">\n        <section class=\"rio-blog-hero\">\n            <div class=\"rio-blog-hero-bg\" style=\"background-image: url('https:\/\/www.ige.unicamp.br\/projetoriosilveira\/wp-content\/uploads\/sites\/49\/2026\/06\/audio_podcast.jpg');\"><\/div>\n            <div class=\"rio-blog-hero-overlay\"><\/div>\n            \n            <div class=\"rio-blog-hero-content\">\n                <span class=\"rio-blog-section-tag\">Di&aacute;rio &amp; M&iacute;dias<\/span>\n                <h1 class=\"rio-reveal\">Podcasts &amp; Publica&ccedil;&otilde;es<\/h1>\n                <p class=\"tagline rio-reveal rio-delay-1\">Acompanhe as not&iacute;cias de extens&atilde;o, ou&ccedil;a os epis&oacute;dios do nosso podcast e acesse os livros did&aacute;ticos publicados pelo projeto.<\/p>\n            <\/div>\n        <\/section>\n\n        <div class=\"rio-blog-container\">\n            <div class=\"rio-blog-filters-panel rio-reveal\">\n                <div class=\"rio-blog-filter-group\" id=\"rioBlogFilters\">\n                    <span class=\"rio-blog-filter-label\">Abas:<\/span>\n                    <button class=\"rio-blog-filter-btn active\" data-filter=\"all\">Todos<\/button>\n                    <button class=\"rio-blog-filter-btn\" data-filter=\"news\">Not&iacute;cias<\/button>\n                    <button class=\"rio-blog-filter-btn\" data-filter=\"podcast\">Podcasts<\/button>\n                    <button class=\"rio-blog-filter-btn\" data-filter=\"book\">Livros<\/button>\n                <\/div>\n            <\/div>\n\n            <div class=\"rio-blog-grid\" id=\"rioBlogGrid\">\n                                <!-- Card -->\n                <div class=\"rio-blog-card rio-reveal\" data-type=\"podcast\">\n                    <div class=\"rio-blog-media\">\n                        <img decoding=\"async\" src=\"https:\/\/www.ige.unicamp.br\/projetoriosilveira\/wp-content\/uploads\/sites\/49\/2026\/06\/audio_podcast.jpg\" alt=\"Epis&oacute;dio 1: Nhanderek&oacute;\"\/>\n                    <\/div>\n                    <div class=\"rio-blog-info\">\n                        <div class=\"rio-blog-meta-row\">\n                            <span class=\"rio-blog-badge podcast\">Podcast<\/span>\n                            <span class=\"rio-blog-date\">08 Jun 2026<\/span>\n                        <\/div>\n                        <h4>Epis&oacute;dio 1: Nhanderek&oacute;<\/h4>\n                        <p class=\"rio-blog-desc\">Neste epis&oacute;dio inaugural, conversamos com as lideran&ccedil;as tradicionais sobre o significado do &quot;Nhanderek&oacute;&quot; &mdash; o modo de viver Guarani.<\/p>\n                        \n                                                <div class=\"rio-podcast-player\">\n                            <div class=\"rio-player-controls\">\n                                <button class=\"rio-play-btn\" aria-label=\"Play Podcast\">\n                                    <svg viewbox=\"0 0 24 24\" class=\"play-icon\"><path d=\"M8 5v14l11-7z\"><\/path><\/svg>\n                                    <svg viewbox=\"0 0 24 24\" class=\"pause-icon\" style=\"display:none;\"><path d=\"M6 19h4V5H6v14zm8-14v14h4V5h-4z\"><\/path><\/svg>\n                                <\/button>\n                                <div class=\"rio-sound-waves\">\n                                    <div class=\"rio-wave-bar\"><\/div>\n                                    <div class=\"rio-wave-bar\"><\/div>\n                                    <div class=\"rio-wave-bar\"><\/div>\n                                    <div class=\"rio-wave-bar\"><\/div>\n                                    <div class=\"rio-wave-bar\"><\/div>\n                                <\/div>\n                                <span class=\"rio-player-time\">18:42<\/span>\n                            <\/div>\n                            <audio src=\"\" style=\"display:none;\"><\/audio>\n                        <\/div>\n                                            <\/div>\n                <\/div>\n                                <!-- Card -->\n                <div class=\"rio-blog-card rio-reveal\" data-type=\"book\">\n                    <div class=\"rio-blog-media\">\n                        <img decoding=\"async\" src=\"https:\/\/www.ige.unicamp.br\/projetoriosilveira\/wp-content\/uploads\/sites\/49\/2026\/06\/livro_didatico_guarani.jpg\" alt=\"Mby&aacute; Ayvu\"\/>\n                    <\/div>\n                    <div class=\"rio-blog-info\">\n                        <div class=\"rio-blog-meta-row\">\n                            <span class=\"rio-blog-badge book\">Livro Did&aacute;tico<\/span>\n                            <span class=\"rio-blog-date\">Out 2018<\/span>\n                        <\/div>\n                        <h4>Mby&aacute; Ayvu<\/h4>\n                        <p class=\"rio-blog-desc\">Apoio &agrave; leitura e escrita na l&iacute;ngua Guarani. Contos e narrativas coletadas nas oficinas interculturais da aldeia.<\/p>\n                        \n                                                <div class=\"rio-book-download-btn\">\n                            <a href=\"https:\/\/www.ige.unicamp.br\/projetoriosilveira\/wp-content\/uploads\/sites\/49\/2026\/06\/livro_didatico_guarani.jpg\" download class=\"rio-blog-btn\">\n                                <svg viewbox=\"0 0 24 24\"><path d=\"M19.35 10.04C18.67 6.59 15.64 4 12 4 9.11 4 6.6 5.64 5.35 8.04 2.34 8.36 0 10.91 0 14c0 3.31 2.69 6 6 6h13c2.76 0 5-2.24 5-5 0-2.64-2.05-4.78-4.65-4.96zM17 13l-5 5-5-5h3V9h4v4h3z\"><\/path><\/svg>\n                                Baixar PDF\n                            <\/a>\n                        <\/div>\n                                            <\/div>\n                <\/div>\n                                <!-- Card -->\n                <div class=\"rio-blog-card rio-reveal\" data-type=\"news\">\n                    <div class=\"rio-blog-media\">\n                        <img decoding=\"async\" src=\"https:\/\/www.ige.unicamp.br\/projetoriosilveira\/wp-content\/uploads\/sites\/49\/2026\/06\/mapa_indigena.jpg\" alt=\"Oficina de Cartografia Escolar\"\/>\n                    <\/div>\n                    <div class=\"rio-blog-info\">\n                        <div class=\"rio-blog-meta-row\">\n                            <span class=\"rio-blog-badge news\">Not&iacute;cia<\/span>\n                            <span class=\"rio-blog-date\">15 Mai 2026<\/span>\n                        <\/div>\n                        <h4>Oficina de Cartografia Escolar<\/h4>\n                        <p class=\"rio-blog-desc\">Estudantes e professores das escolas Txeru Ba'e Kua-I e Nhembo 'e' &aacute; Por&atilde; participaram de oficina cartogr&aacute;fica no Instituto de Geoci&ecirc;ncias.<\/p>\n                        \n                                                <div class=\"rio-book-download-btn\">\n                            <a href=\"#\" class=\"rio-blog-btn\">\n                                Ler not&iacute;cia completa\n                                <svg viewbox=\"0 0 24 24\"><path d=\"M12 4l-1.41 1.41L16.17 11H4v2h12.17l-5.58 5.59L12 20l8-8z\"><\/path><\/svg>\n                            <\/a>\n                        <\/div>\n                                            <\/div>\n                <\/div>\n                                <!-- Card -->\n                <div class=\"rio-blog-card rio-reveal\" data-type=\"podcast\">\n                    <div class=\"rio-blog-media\">\n                        <img decoding=\"async\" src=\"https:\/\/www.ige.unicamp.br\/projetoriosilveira\/wp-content\/uploads\/sites\/49\/2026\/06\/turismo_comunitario.jpg\" alt=\"Epis&oacute;dio 2: Cantos Sagrados\"\/>\n                    <\/div>\n                    <div class=\"rio-blog-info\">\n                        <div class=\"rio-blog-meta-row\">\n                            <span class=\"rio-blog-badge podcast\">Podcast<\/span>\n                            <span class=\"rio-blog-date\">28 Mai 2026<\/span>\n                        <\/div>\n                        <h4>Epis&oacute;dio 2: Cantos Sagrados<\/h4>\n                        <p class=\"rio-blog-desc\">Conhe&ccedil;a o significado espiritual dos cantos sagrados mborahei entoados pelas crian&ccedil;as do coral no espa&ccedil;o interno da Casa de Reza (Opy).<\/p>\n                        \n                                                <div class=\"rio-podcast-player\">\n                            <div class=\"rio-player-controls\">\n                                <button class=\"rio-play-btn\" aria-label=\"Play Podcast\">\n                                    <svg viewbox=\"0 0 24 24\" class=\"play-icon\"><path d=\"M8 5v14l11-7z\"><\/path><\/svg>\n                                    <svg viewbox=\"0 0 24 24\" class=\"pause-icon\" style=\"display:none;\"><path d=\"M6 19h4V5H6v14zm8-14v14h4V5h-4z\"><\/path><\/svg>\n                                <\/button>\n                                <div class=\"rio-sound-waves\">\n                                    <div class=\"rio-wave-bar\"><\/div>\n                                    <div class=\"rio-wave-bar\"><\/div>\n                                    <div class=\"rio-wave-bar\"><\/div>\n                                    <div class=\"rio-wave-bar\"><\/div>\n                                    <div class=\"rio-wave-bar\"><\/div>\n                                <\/div>\n                                <span class=\"rio-player-time\">22:15<\/span>\n                            <\/div>\n                            <audio src=\"\" style=\"display:none;\"><\/audio>\n                        <\/div>\n                                            <\/div>\n                <\/div>\n                                <!-- Card -->\n                <div class=\"rio-blog-card rio-reveal\" data-type=\"book\">\n                    <div class=\"rio-blog-media\">\n                        <img decoding=\"async\" src=\"https:\/\/www.ige.unicamp.br\/projetoriosilveira\/wp-content\/uploads\/sites\/49\/2026\/06\/erva_mate_guarani.jpg\" alt=\"Ka'aguy Regua Kuaxia\"\/>\n                    <\/div>\n                    <div class=\"rio-blog-info\">\n                        <div class=\"rio-blog-meta-row\">\n                            <span class=\"rio-blog-badge book\">Livro Did&aacute;tico<\/span>\n                            <span class=\"rio-blog-date\">Jun 2020<\/span>\n                        <\/div>\n                        <h4>Ka'aguy Regua Kuaxia<\/h4>\n                        <p class=\"rio-blog-desc\">O Livro dos Seres que habitam a Mata. Estudo intercultural de ci&ecirc;ncias reunindo o saber ind&iacute;gena e a taxonomia da biologia acad&ecirc;mica.<\/p>\n                        \n                                                <div class=\"rio-book-download-btn\">\n                            <a href=\"https:\/\/www.ige.unicamp.br\/projetoriosilveira\/wp-content\/uploads\/sites\/49\/2026\/06\/erva_mate_guarani.jpg\" download class=\"rio-blog-btn\">\n                                <svg viewbox=\"0 0 24 24\"><path d=\"M19.35 10.04C18.67 6.59 15.64 4 12 4 9.11 4 6.6 5.64 5.35 8.04 2.34 8.36 0 10.91 0 14c0 3.31 2.69 6 6 6h13c2.76 0 5-2.24 5-5 0-2.64-2.05-4.78-4.65-4.96zM17 13l-5 5-5-5h3V9h4v4h3z\"><\/path><\/svg>\n                                Baixar PDF\n                            <\/a>\n                        <\/div>\n                                            <\/div>\n                <\/div>\n                                <!-- Card -->\n                <div class=\"rio-blog-card rio-reveal\" data-type=\"news\">\n                    <div class=\"rio-blog-media\">\n                        <img decoding=\"async\" src=\"https:\/\/www.ige.unicamp.br\/projetoriosilveira\/wp-content\/uploads\/sites\/49\/2026\/06\/jucara_guarani.jpg\" alt=\"Manejo da Ju&ccedil;ara e Economia\"\/>\n                    <\/div>\n                    <div class=\"rio-blog-info\">\n                        <div class=\"rio-blog-meta-row\">\n                            <span class=\"rio-blog-badge news\">Not&iacute;cia<\/span>\n                            <span class=\"rio-blog-date\">12 Abr 2026<\/span>\n                        <\/div>\n                        <h4>Manejo da Ju&ccedil;ara e Economia<\/h4>\n                        <p class=\"rio-blog-desc\">Parceria de extens&atilde;o apoia o manejo comunit&aacute;rio <span class=\"glossaryLink\" aria-describedby=\"tt\" data-cmtooltip=\"&lt;div class=glossaryItemTitle&gt;Sustent&aacute;vel&lt;\/div&gt;&lt;div class=glossaryItemBody&gt;&amp;lt;!-- wp:html --&amp;gt;&amp;lt;b&amp;gt;Que tem condi&ccedil;&otilde;es para se manter ou conservar (ex.:desenvolvimento sustent&aacute;vel)&amp;lt;\/b&amp;gt; (Dicion&aacute;rio Priberam)&amp;lt;!-- \/wp:html --&amp;gt;&lt;\/div&gt;\" data-gt-translate-attributes=\"[{&quot;attribute&quot;:&quot;data-cmtooltip&quot;, &quot;format&quot;:&quot;html&quot;}]\" tabindex=\"0\" role=\"link\">sustent&aacute;vel<\/span> dos frutos da palmeira Ju&ccedil;ara e fortalece a economia solid&aacute;ria e reflorestamento.<\/p>\n                        \n                                                <div class=\"rio-book-download-btn\">\n                            <a href=\"#\" class=\"rio-blog-btn\">\n                                Ler not&iacute;cia completa\n                                <svg viewbox=\"0 0 24 24\"><path d=\"M12 4l-1.41 1.41L16.17 11H4v2h12.17l-5.58 5.59L12 20l8-8z\"><\/path><\/svg>\n                            <\/a>\n                        <\/div>\n                                            <\/div>\n                <\/div>\n                            <\/div>\n        <\/div>\n    <\/div>\n\n    <!-- L&#243;gica de Filtro por Abas, Player Funcional e Scroll Reveal -->\n    <script>\n    (function() {\n        let activeFilter = 'all';\n\n        \/\/ 1. IntersectionObserver para Scroll Reveal\n        if (!window.rioRevealObserver && 'IntersectionObserver' in window) {\n            window.rioRevealObserver = new IntersectionObserver((entries, observer) => {\n                entries.forEach(entry => {\n                    if (entry.isIntersecting) {\n                        entry.target.classList.add('rio-active');\n                        observer.unobserve(entry.target);\n                    }\n                });\n            }, {\n                root: null,\n                rootMargin: '0px 0px -40px 0px',\n                threshold: 0\n            });\n        }\n\n        function runScrollReveal() {\n            const reveals = document.querySelectorAll('.rio-reveal');\n            if (window.rioRevealObserver) {\n                reveals.forEach(el => {\n                    if (!el.classList.contains('rio-active') && !el.getAttribute('data-observed')) {\n                        el.setAttribute('data-observed', 'true');\n                        window.rioRevealObserver.observe(el);\n                    }\n                });\n            } else {\n                const windowHeight = window.innerHeight;\n                reveals.forEach(el => {\n                    if (!el.classList.contains('rio-active')) {\n                        const rect = el.getBoundingClientRect();\n                        if (rect.top < windowHeight - 40) {\n                            el.classList.add('rio-active');\n                        }\n                    }\n                });\n            }\n        }\n\n        window.addEventListener('scroll', runScrollReveal);\n        window.addEventListener('resize', runScrollReveal);\n\n        \/\/ 2. Filtro de Abas\n        function filterBlog() {\n            const cards = document.querySelectorAll('.rio-blog-card');\n            cards.forEach(card => {\n                const type = card.getAttribute('data-type');\n                if (activeFilter === 'all' || type === activeFilter) {\n                    card.style.display = 'flex';\n                    setTimeout(() => { card.style.opacity = '1'; }, 10);\n                } else {\n                    card.style.opacity = '0';\n                    card.style.display = 'none';\n                }\n            });\n        }\n\n        function setupControls() {\n            const filterBtns = document.querySelectorAll('.rio-blog-filter-btn');\n            filterBtns.forEach(btn => {\n                btn.addEventListener('click', function() {\n                    filterBtns.forEach(b => b.classList.remove('active'));\n                    btn.classList.add('active');\n                    activeFilter = btn.getAttribute('data-filter');\n                    filterBlog();\n                });\n            });\n\n            \/\/ Player Funcional nos Podcasts\n            const playBtns = document.querySelectorAll('.rio-play-btn');\n            playBtns.forEach(btn => {\n                btn.addEventListener('click', function(e) {\n                    e.stopPropagation();\n                    \n                    const card = btn.closest('.rio-blog-card');\n                    const audio = card.querySelector('audio');\n                    if (!audio) return;\n\n                    const isPlaying = btn.classList.contains('playing');\n                    \n                    \/\/ Parar todos os outros players antes\n                    playBtns.forEach(b => {\n                        b.classList.remove('playing');\n                        b.querySelector('.play-icon').style.display = 'block';\n                        b.querySelector('.pause-icon').style.display = 'none';\n                        const otherCard = b.closest('.rio-blog-card');\n                        const otherAudio = otherCard.querySelector('audio');\n                        if (otherAudio) {\n                            otherAudio.pause();\n                        }\n                    });\n\n                    \/\/ Tocar\/Pausar o &#225;udio real se houver src\n                    if (!isPlaying) {\n                        const audioSrc = audio.getAttribute('src');\n                        if (audioSrc && audioSrc.trim() !== '') {\n                            btn.classList.add('playing');\n                            btn.querySelector('.play-icon').style.display = 'none';\n                            btn.querySelector('.pause-icon').style.display = 'block';\n                            audio.play().catch(err => {\n                                console.log('Audio playback error:', err);\n                            });\n                        } else {\n                            \/\/ Se n&#227;o houver &#225;udio real cadastrado, simula a anima&#231;&#227;o\n                            btn.classList.add('playing');\n                            btn.querySelector('.play-icon').style.display = 'none';\n                            btn.querySelector('.pause-icon').style.display = 'block';\n                        }\n                    }\n                });\n            });\n        }\n\n        if (document.readyState === 'complete' || document.readyState === 'interactive') {\n            setupControls();\n            runScrollReveal();\n        } else {\n            document.addEventListener('DOMContentLoaded', () => {\n                setupControls();\n                runScrollReveal();\n            });\n        }\n        window.addEventListener('load', runScrollReveal);\n    })();\n    <\/script>\n    \t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"","protected":false},"author":129,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"ngg_post_thumbnail":0,"footnotes":""},"class_list":["post-628","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/www.ige.unicamp.br\/projetoriosilveira\/wp-json\/wp\/v2\/pages\/628","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.ige.unicamp.br\/projetoriosilveira\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.ige.unicamp.br\/projetoriosilveira\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.ige.unicamp.br\/projetoriosilveira\/wp-json\/wp\/v2\/users\/129"}],"replies":[{"embeddable":true,"href":"https:\/\/www.ige.unicamp.br\/projetoriosilveira\/wp-json\/wp\/v2\/comments?post=628"}],"version-history":[{"count":42,"href":"https:\/\/www.ige.unicamp.br\/projetoriosilveira\/wp-json\/wp\/v2\/pages\/628\/revisions"}],"predecessor-version":[{"id":2916,"href":"https:\/\/www.ige.unicamp.br\/projetoriosilveira\/wp-json\/wp\/v2\/pages\/628\/revisions\/2916"}],"wp:attachment":[{"href":"https:\/\/www.ige.unicamp.br\/projetoriosilveira\/wp-json\/wp\/v2\/media?parent=628"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}