{"id":233,"date":"2020-05-15T21:25:56","date_gmt":"2020-05-16T00:25:56","guid":{"rendered":"http:\/\/www.ige.unicamp.br\/projetoriosilveira\/?page_id=233"},"modified":"2026-06-12T16:29:26","modified_gmt":"2026-06-12T19:29:26","slug":"galeria","status":"publish","type":"page","link":"https:\/\/www.ige.unicamp.br\/projetoriosilveira\/galeria\/","title":{"rendered":"Galeria"},"content":{"rendered":"<div data-elementor-type=\"wp-page\" data-elementor-id=\"233\" class=\"elementor elementor-233\" data-elementor-post-type=\"page\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-a8697f9 elementor-section-full_width elementor-section-height-default elementor-section-height-default\" data-id=\"a8697f9\" 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-d02710f\" data-id=\"d02710f\" 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-d93277d elementor-widget elementor-widget-html\" data-id=\"d93277d\" 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    \/* Reset Geral *\/\n    html, body, #page, .site, #main, #primary, #content {\n        margin: 0 !important;\n        padding: 0 !important;\n        max-width: 100% !important;\n        width: 100% !important;\n        background-image: none !important;\n        box-shadow: none !important;\n    }\n\n    \/* --- Fail-safe: Ocultar Cabe&#231;alho e Rodap&#233; --- *\/\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-gal-wrapper {\n        font-family: var(--font-body, 'Inter', sans-serif) !important;\n        color: var(--text-primary, #0a1510) !important;\n        background-color: var(--bg-color, #faf8f4) !important;\n        overflow-x: hidden !important;\n    }\n\n    .rio-gal-container {\n        max-width: 1300px !important;\n        margin: 0 auto !important;\n        padding: 0 5% !important;\n    }\n\n    \/* --- Hero Section --- *\/\n    .rio-gal-hero {\n        padding: 190px 5% 120px 5% !important;\n        background-color: var(--bg-dark, #0c1f13) !important;\n        color: #ffffff !important;\n        position: relative !important;\n        overflow: hidden !important;\n        text-align: center !important;\n    }\n\n    .rio-gal-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.22 !important;\n        z-index: 1 !important;\n        filter: blur(2px) !important;\n    }\n\n    .rio-gal-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-gal-hero-content {\n        max-width: 900px !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-gal-hero h1 {\n        font-family: var(--font-title, 'Lora', Georgia, serif) !important;\n        font-size: 3.6rem !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-gal-section-tag {\n        font-family: var(--font-body, 'Inter', sans-serif) !important;\n        font-size: 0.85rem !important;\n        color: var(--terracotta, #ba4e32) !important;\n        text-transform: uppercase !important;\n        letter-spacing: 2px !important;\n        font-weight: 700 !important;\n    }\n\n    .rio-gal-hero p.tagline {\n        font-family: var(--font-body, 'Inter', sans-serif) !important;\n        font-size: 1.15rem !important;\n        color: rgba(255, 255, 255, 0.8) !important;\n        max-width: 700px !important;\n        margin: 0 auto !important;\n        line-height: 1.65 !important;\n    }\n\n    \/* --- Filtros --- *\/\n    .rio-gal-filters-panel {\n        background: #ffffff !important;\n        border: 1px solid var(--border-color, rgba(12, 31, 19, 0.08)) !important;\n        border-radius: 8px !important;\n        padding: 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        display: flex !important;\n        flex-direction: column !important;\n        gap: 1.5rem !important;\n    }\n\n    .rio-gal-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-filter-label {\n        font-size: 0.82rem !important;\n        font-weight: 700 !important;\n        color: var(--text-primary, #0a1510) !important;\n        text-transform: uppercase !important;\n        letter-spacing: 1px !important;\n        min-width: 100px !important;\n    }\n\n    .rio-filter-btn {\n        background: transparent !important;\n        color: var(--text-secondary, #485c50) !important;\n        border: 1px solid var(--border-color, rgba(12, 31, 19, 0.08)) !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, all 0.4s cubic-bezier(0.16, 1, 0.3, 1)) !important;\n    }\n\n    .rio-filter-btn:hover {\n        color: var(--accent-color, #14633b) !important;\n        border-color: var(--accent-color, #14633b) !important;\n    }\n\n    .rio-filter-btn.active {\n        background-color: var(--accent-color, #14633b) !important;\n        color: #ffffff !important;\n        border-color: var(--accent-color, #14633b) !important;\n    }\n\n    \/* --- Grid de Fotos --- *\/\n    .rio-gal-grid {\n        display: grid !important;\n        grid-template-columns: repeat(3, 1fr) !important;\n        gap: 2rem !important;\n        margin-bottom: 80px !important;\n        transition: var(--transition-smooth, all 0.4s cubic-bezier(0.16, 1, 0.3, 1)) !important;\n    }\n\n    @media screen and (max-width: 992px) {\n        .rio-gal-grid {\n            grid-template-columns: repeat(2, 1fr) !important;\n            gap: 1.5rem !important;\n        }\n    }\n\n    @media screen and (max-width: 600px) {\n        .rio-gal-grid {\n            grid-template-columns: 1fr !important;\n            gap: 1.5rem !important;\n        }\n    }\n\n    .rio-gal-card {\n        background: #ffffff !important;\n        border: 1px solid var(--border-color, rgba(12, 31, 19, 0.08)) !important;\n        border-radius: 8px !important;\n        overflow: hidden !important;\n        box-shadow: 0 4px 15px rgba(12, 31, 19, 0.01) !important;\n        cursor: pointer !important;\n        transition: transform 0.4s cubic-bezier(0.16, 1, 0.3, 1), opacity 0.4s ease, border-color 0.4s ease !important;\n        display: flex !important;\n        flex-direction: column !important;\n        position: relative !important;\n    }\n\n    .rio-gal-card:hover {\n        transform: translateY(-5px) !important;\n        border-color: var(--accent-color, #14633b) !important;\n        box-shadow: 0 15px 35px rgba(12, 31, 19, 0.05) !important;\n    }\n\n    .rio-gal-media {\n        width: 100% !important;\n        aspect-ratio: 4\/3 !important;\n        overflow: hidden !important;\n        background-color: #efede9 !important;\n    }\n\n    .rio-gal-media img {\n        width: 100% !important;\n        height: 100% !important;\n        object-fit: cover !important;\n        transition: transform 0.4s cubic-bezier(0.16, 1, 0.3, 1) !important;\n    }\n\n    .rio-gal-card:hover .rio-gal-media img {\n        transform: scale(1.04) !important;\n    }\n\n    .rio-gal-info {\n        padding: 20px 22px !important;\n        display: flex !important;\n        flex-direction: column !important;\n        gap: 0.5rem !important;\n    }\n\n    .rio-gal-meta {\n        display: flex !important;\n        align-items: center !important;\n        gap: 8px !important;\n    }\n\n    .rio-gal-badge {\n        font-size: 0.72rem !important;\n        font-weight: 700 !important;\n        color: #ffffff !important;\n        background-color: var(--accent-color, #14633b) !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-gal-badge.year {\n        background-color: var(--terracotta, #ba4e32) !important;\n    }\n\n    .rio-gal-card h4 {\n        font-family: var(--font-title, 'Lora', Georgia, serif) !important;\n        font-size: 1.15rem !important;\n        font-weight: 500 !important;\n        color: var(--text-primary, #0a1510) !important;\n        margin: 5px 0 0 0 !important;\n        line-height: 1.4 !important;\n    }\n\n    \/* --- Lightbox Customizada --- *\/\n    .rio-lightbox {\n        position: fixed !important;\n        top: 0 !important;\n        left: 0 !important;\n        width: 100% !important;\n        height: 100% !important;\n        background-color: rgba(12, 31, 19, 0.98) !important;\n        z-index: 100000 !important;\n        display: none !important;\n        align-items: center !important;\n        justify-content: center !important;\n        opacity: 0 !important;\n        transition: opacity 0.4s cubic-bezier(0.16, 1, 0.3, 1) !important;\n    }\n\n    .rio-lightbox.active {\n        display: flex !important;\n        opacity: 1 !important;\n    }\n\n    .rio-lightbox-close {\n        position: absolute !important;\n        top: 30px !important;\n        right: 30px !important;\n        background: transparent !important;\n        color: #ffffff !important;\n        border: none !important;\n        font-size: 2.2rem !important;\n        cursor: pointer !important;\n        z-index: 100002 !important;\n        line-height: 1 !important;\n        transition: var(--transition-smooth, all 0.4s cubic-bezier(0.16, 1, 0.3, 1)) !important;\n    }\n\n    .rio-lightbox-close:hover {\n        color: var(--gold-warm, #c49451) !important;\n        transform: scale(1.1) !important;\n    }\n\n    .rio-lightbox-content {\n        max-width: 85% !important;\n        max-height: 75vh !important;\n        position: relative !important;\n        display: flex !important;\n        align-items: center !important;\n        justify-content: center !important;\n    }\n\n    .rio-lightbox-img {\n        max-width: 100% !important;\n        max-height: 75vh !important;\n        object-fit: contain !important;\n        border-radius: 4px !important;\n        box-shadow: 0 10px 40px rgba(0,0,0,0.5) !important;\n        transform: scale(0.97) !important;\n        transition: transform 0.4s cubic-bezier(0.16, 1, 0.3, 1) !important;\n    }\n\n    .rio-lightbox.active .rio-lightbox-img {\n        transform: scale(1) !important;\n    }\n\n    .rio-lightbox-nav {\n        position: absolute !important;\n        top: 50% !important;\n        transform: translateY(-50%) !important;\n        background: rgba(255, 255, 255, 0.1) !important;\n        color: #ffffff !important;\n        border: none !important;\n        width: 50px !important;\n        height: 50px !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        z-index: 100001 !important;\n        transition: var(--transition-smooth, all 0.4s cubic-bezier(0.16, 1, 0.3, 1)) !important;\n    }\n\n    .rio-lightbox-nav:hover {\n        background: var(--gold-warm, #c49451) !important;\n        color: #ffffff !important;\n    }\n\n    .rio-lightbox-nav.prev { left: -75px; }\n    .rio-lightbox-nav.next { right: -75px; }\n\n    @media screen and (max-width: 768px) {\n        .rio-lightbox-nav.prev { left: 10px; }\n        .rio-lightbox-nav.next { right: 10px; }\n        .rio-lightbox-nav { width: 40px !important; height: 40px !important; }\n    }\n\n    .rio-lightbox-nav svg {\n        width: 20px !important;\n        height: 20px !important;\n        fill: currentColor !important;\n    }\n\n    .rio-lightbox-caption-panel {\n        position: absolute !important;\n        bottom: -70px !important;\n        left: 0 !important;\n        width: 100% !important;\n        text-align: center !important;\n        color: #ffffff !important;\n    }\n\n    .rio-lightbox-caption {\n        font-family: var(--font-title, 'Lora', Georgia, serif) !important;\n        font-size: 1.25rem !important;\n        font-weight: 300 !important;\n        margin: 0 !important;\n    }\n\n    .rio-lightbox-tags {\n        margin-top: 8px !important;\n        display: flex !important;\n        justify-content: center !important;\n        gap: 8px !important;\n    }\n\n    \/* --- Bot&#245;es de Navega&#231;&#227;o --- *\/\n    .rio-gal-nav-buttons {\n        display: flex !important;\n        justify-content: space-between !important;\n        margin-bottom: 80px !important;\n        gap: 2rem !important;\n    }\n\n    .rio-gal-btn {\n        display: inline-flex !important;\n        align-items: center !important;\n        gap: 8px !important;\n        font-family: var(--font-body, 'Inter', sans-serif) !important;\n        font-size: 0.9rem !important;\n        font-weight: 600 !important;\n        color: var(--text-secondary, #485c50) !important;\n        text-decoration: none !important;\n        border: 1px solid var(--border-color, rgba(12, 31, 19, 0.08)) !important;\n        padding: 12px 20px !important;\n        border-radius: 4px !important;\n        transition: var(--transition-smooth, all 0.4s cubic-bezier(0.16, 1, 0.3, 1)) !important;\n        background: #ffffff !important;\n    }\n\n    .rio-gal-btn:hover {\n        color: var(--accent-color, #14633b) !important;\n        border-color: var(--accent-color, #14633b) !important;\n        transform: translateY(-1px) !important;\n        box-shadow: 0 5px 15px rgba(12, 31, 19, 0.03) !important;\n    }\n\n    .rio-gal-btn.primary {\n        color: #ffffff !important;\n        background-color: var(--accent-color, #14633b) !important;\n        border-color: var(--accent-color, #14633b) !important;\n    }\n\n    .rio-gal-btn.primary:hover {\n        background-color: var(--terracotta, #ba4e32) !important;\n        border-color: var(--terracotta, #ba4e32) !important;\n    }\n\n    .rio-gal-btn svg {\n        width: 14px !important;\n        height: 14px !important;\n        fill: currentColor !important;\n    }\n\n    \/* --- CSS Reveal --- *\/\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-gal-wrapper\">\n        <!-- 1. Hero -->\n        <section class=\"rio-gal-hero\">\n            <div class=\"rio-gal-hero-bg\" style=\"background-image: url('https:\/\/www.ige.unicamp.br\/projetoriosilveira\/wp-content\/uploads\/sites\/49\/2026\/06\/turismo_comunitario.jpg');\"><\/div>\n            <div class=\"rio-gal-hero-overlay\"><\/div>\n\n            <div class=\"rio-gal-hero-content\">\n                <span class=\"rio-gal-section-tag\" style=\"color: var(--gold-warm, #c49451); font-weight: 600;\">Registros Visuais<\/span>\n                <h1 class=\"rio-reveal\">Galeria do Territ&oacute;rio<\/h1>\n                <p class=\"tagline rio-reveal rio-delay-1\">Explore a beleza, o cotidiano, a educa&ccedil;&atilde;o escolar e os rituais da Terra Ind&iacute;gena Rio Silveira em fotografias organizadas por anos e temas.<\/p>\n            <\/div>\n        <\/section>\n\n        <div class=\"rio-gal-container\">\n            <!-- 2. Painel de Filtros -->\n            <div class=\"rio-gal-filters-panel rio-reveal\">\n                <!-- Filtro por Categoria -->\n                <div class=\"rio-gal-filter-group\" id=\"rioGalCategoryFilters\">\n                    <span class=\"rio-filter-label\">Temas:<\/span>\n                    <button class=\"rio-filter-btn active\" data-category=\"all\">Todos<\/button>\n                                            <button class=\"rio-filter-btn\" data-category=\"cultura\">Cultura<\/button>\n                                            <button class=\"rio-filter-btn\" data-category=\"territorio\">Territ&oacute;rio<\/button>\n                                            <button class=\"rio-filter-btn\" data-category=\"educacao\">Educa&ccedil;&atilde;o<\/button>\n                                    <\/div>\n                <!-- Filtro por Ano -->\n                <div class=\"rio-gal-filter-group\" id=\"rioGalYearFilters\">\n                    <span class=\"rio-filter-label\">Ano:<\/span>\n                    <button class=\"rio-filter-btn active\" data-year=\"all\">Todos<\/button>\n                                            <button class=\"rio-filter-btn\" data-year=\"2020\">2020<\/button>\n                                            <button class=\"rio-filter-btn\" data-year=\"2021\">2021<\/button>\n                                            <button class=\"rio-filter-btn\" data-year=\"2022\">2022<\/button>\n                                            <button class=\"rio-filter-btn\" data-year=\"2026\">2026<\/button>\n                                    <\/div>\n            <\/div>\n\n            <!-- 3. Grade de Fotos -->\n            <div class=\"rio-gal-grid\" id=\"rioGalGrid\">\n                                    <div class=\"rio-gal-card\" data-category=\"cultura\" data-year=\"2026\" data-caption=\"Coral infantil da aldeia entoando cantos sagrados mborahei na Opy\" data-img=\"https:\/\/www.ige.unicamp.br\/projetoriosilveira\/wp-content\/uploads\/sites\/49\/2026\/06\/audio_podcast.jpg\">\n                        <div class=\"rio-gal-media\">\n                            <img decoding=\"async\" src=\"https:\/\/www.ige.unicamp.br\/projetoriosilveira\/wp-content\/uploads\/sites\/49\/2026\/06\/audio_podcast.jpg\" alt=\"Coral Infantil Guarani\" loading=\"lazy\"\/>\n                        <\/div>\n                        <div class=\"rio-gal-info\">\n                            <div class=\"rio-gal-meta\">\n                                <span class=\"rio-gal-badge\">Cultura<\/span>\n                                <span class=\"rio-gal-badge year\">2026<\/span>\n                            <\/div>\n                            <h4>Coral Infantil Guarani<\/h4>\n                        <\/div>\n                    <\/div>\n                                    <div class=\"rio-gal-card\" data-category=\"territorio\" data-year=\"2026\" data-caption=\"Marcos f&iacute;sicos de demarca&ccedil;&atilde;o oficial da FUNAI nas divisas do territ&oacute;rio\" data-img=\"https:\/\/www.ige.unicamp.br\/projetoriosilveira\/wp-content\/uploads\/sites\/49\/2026\/06\/demarcacao_limites.jpg\">\n                        <div class=\"rio-gal-media\">\n                            <img decoding=\"async\" src=\"https:\/\/www.ige.unicamp.br\/projetoriosilveira\/wp-content\/uploads\/sites\/49\/2026\/06\/demarcacao_limites.jpg\" alt=\"Marcos de Demarca&ccedil;&atilde;o\" loading=\"lazy\"\/>\n                        <\/div>\n                        <div class=\"rio-gal-info\">\n                            <div class=\"rio-gal-meta\">\n                                <span class=\"rio-gal-badge\">Territ&oacute;rio<\/span>\n                                <span class=\"rio-gal-badge year\">2026<\/span>\n                            <\/div>\n                            <h4>Marcos de Demarca&ccedil;&atilde;o<\/h4>\n                        <\/div>\n                    <\/div>\n                                    <div class=\"rio-gal-card\" data-category=\"educacao\" data-year=\"2026\" data-caption=\"Materiais e livros did&aacute;ticos bil&iacute;ngues para a alfabetiza&ccedil;&atilde;o em Mby&aacute; Guarani\" data-img=\"https:\/\/www.ige.unicamp.br\/projetoriosilveira\/wp-content\/uploads\/sites\/49\/2026\/06\/livro_didatico_guarani.jpg\">\n                        <div class=\"rio-gal-media\">\n                            <img decoding=\"async\" src=\"https:\/\/www.ige.unicamp.br\/projetoriosilveira\/wp-content\/uploads\/sites\/49\/2026\/06\/livro_didatico_guarani.jpg\" alt=\"Livros Did&aacute;ticos Bil&iacute;ngues\" loading=\"lazy\"\/>\n                        <\/div>\n                        <div class=\"rio-gal-info\">\n                            <div class=\"rio-gal-meta\">\n                                <span class=\"rio-gal-badge\">Educa&ccedil;&atilde;o<\/span>\n                                <span class=\"rio-gal-badge year\">2026<\/span>\n                            <\/div>\n                            <h4>Livros Did&aacute;ticos Bil&iacute;ngues<\/h4>\n                        <\/div>\n                    <\/div>\n                                    <div class=\"rio-gal-card\" data-category=\"territorio\" data-year=\"2026\" data-caption=\"Silhueta do Gigante Adormecido na imponente Serra do Mar\" data-img=\"https:\/\/www.ige.unicamp.br\/projetoriosilveira\/wp-content\/uploads\/sites\/49\/2026\/06\/gigante_adormecido.jpg\">\n                        <div class=\"rio-gal-media\">\n                            <img decoding=\"async\" src=\"https:\/\/www.ige.unicamp.br\/projetoriosilveira\/wp-content\/uploads\/sites\/49\/2026\/06\/gigante_adormecido.jpg\" alt=\"O Gigante Adormecido\" loading=\"lazy\"\/>\n                        <\/div>\n                        <div class=\"rio-gal-info\">\n                            <div class=\"rio-gal-meta\">\n                                <span class=\"rio-gal-badge\">Territ&oacute;rio<\/span>\n                                <span class=\"rio-gal-badge year\">2026<\/span>\n                            <\/div>\n                            <h4>O Gigante Adormecido<\/h4>\n                        <\/div>\n                    <\/div>\n                                    <div class=\"rio-gal-card\" data-category=\"cultura\" data-year=\"2026\" data-caption=\"Preparo tradicional do mate (ka'a) utilizando cuia e bomba tradicionais\" data-img=\"https:\/\/www.ige.unicamp.br\/projetoriosilveira\/wp-content\/uploads\/sites\/49\/2026\/06\/erva_mate_guarani.jpg\">\n                        <div class=\"rio-gal-media\">\n                            <img decoding=\"async\" src=\"https:\/\/www.ige.unicamp.br\/projetoriosilveira\/wp-content\/uploads\/sites\/49\/2026\/06\/erva_mate_guarani.jpg\" alt=\"Preparo da Erva-Mate\" loading=\"lazy\"\/>\n                        <\/div>\n                        <div class=\"rio-gal-info\">\n                            <div class=\"rio-gal-meta\">\n                                <span class=\"rio-gal-badge\">Cultura<\/span>\n                                <span class=\"rio-gal-badge year\">2026<\/span>\n                            <\/div>\n                            <h4>Preparo da Erva-Mate<\/h4>\n                        <\/div>\n                    <\/div>\n                                    <div class=\"rio-gal-card\" data-category=\"territorio\" data-year=\"2022\" data-caption=\"Manejo e corte sustent&aacute;vel dos frutos da palmeira Ju&ccedil;ara nativa da mata\" data-img=\"https:\/\/www.ige.unicamp.br\/projetoriosilveira\/wp-content\/uploads\/sites\/49\/2026\/06\/jucara_guarani.jpg\">\n                        <div class=\"rio-gal-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 Palmeira Ju&ccedil;ara\" loading=\"lazy\"\/>\n                        <\/div>\n                        <div class=\"rio-gal-info\">\n                            <div class=\"rio-gal-meta\">\n                                <span class=\"rio-gal-badge\">Territ&oacute;rio<\/span>\n                                <span class=\"rio-gal-badge year\">2022<\/span>\n                            <\/div>\n                            <h4>Manejo da Palmeira Ju&ccedil;ara<\/h4>\n                        <\/div>\n                    <\/div>\n                                    <div class=\"rio-gal-card\" data-category=\"cultura\" data-year=\"2022\" data-caption=\"Lideran&ccedil;as e anci&atilde;os reunidos durante a recep&ccedil;&atilde;o de visitas externas na TI\" data-img=\"https:\/\/www.ige.unicamp.br\/projetoriosilveira\/wp-content\/uploads\/sites\/49\/2026\/06\/turismo_comunitario.jpg\">\n                        <div class=\"rio-gal-media\">\n                            <img decoding=\"async\" src=\"https:\/\/www.ige.unicamp.br\/projetoriosilveira\/wp-content\/uploads\/sites\/49\/2026\/06\/turismo_comunitario.jpg\" alt=\"Turismo de Base Comunit&aacute;ria\" loading=\"lazy\"\/>\n                        <\/div>\n                        <div class=\"rio-gal-info\">\n                            <div class=\"rio-gal-meta\">\n                                <span class=\"rio-gal-badge\">Cultura<\/span>\n                                <span class=\"rio-gal-badge year\">2022<\/span>\n                            <\/div>\n                            <h4>Turismo de Base Comunit&aacute;ria<\/h4>\n                        <\/div>\n                    <\/div>\n                                    <div class=\"rio-gal-card\" data-category=\"educacao\" data-year=\"2021\" data-caption=\"Mapas cartogr&aacute;ficos interativos desenhados pelos estudantes da escola da aldeia\" data-img=\"https:\/\/www.ige.unicamp.br\/projetoriosilveira\/wp-content\/uploads\/sites\/49\/2026\/06\/mapa_indigena.jpg\">\n                        <div class=\"rio-gal-media\">\n                            <img decoding=\"async\" src=\"https:\/\/www.ige.unicamp.br\/projetoriosilveira\/wp-content\/uploads\/sites\/49\/2026\/06\/mapa_indigena.jpg\" alt=\"Cartografia na Escola\" loading=\"lazy\"\/>\n                        <\/div>\n                        <div class=\"rio-gal-info\">\n                            <div class=\"rio-gal-meta\">\n                                <span class=\"rio-gal-badge\">Educa&ccedil;&atilde;o<\/span>\n                                <span class=\"rio-gal-badge year\">2021<\/span>\n                            <\/div>\n                            <h4>Cartografia na Escola<\/h4>\n                        <\/div>\n                    <\/div>\n                                    <div class=\"rio-gal-card\" data-category=\"territorio\" data-year=\"2021\" data-caption=\"Cachoeira de &aacute;guas cristalinas localizada no cora&ccedil;&atilde;o da Serra do Mar\" data-img=\"https:\/\/www.ige.unicamp.br\/projetoriosilveira\/wp-content\/uploads\/sites\/49\/2026\/06\/trilha_cachoeira.jpg\">\n                        <div class=\"rio-gal-media\">\n                            <img decoding=\"async\" src=\"https:\/\/www.ige.unicamp.br\/projetoriosilveira\/wp-content\/uploads\/sites\/49\/2026\/06\/trilha_cachoeira.jpg\" alt=\"Cachoeira e Trilha Natural\" loading=\"lazy\"\/>\n                        <\/div>\n                        <div class=\"rio-gal-info\">\n                            <div class=\"rio-gal-meta\">\n                                <span class=\"rio-gal-badge\">Territ&oacute;rio<\/span>\n                                <span class=\"rio-gal-badge year\">2021<\/span>\n                            <\/div>\n                            <h4>Cachoeira e Trilha Natural<\/h4>\n                        <\/div>\n                    <\/div>\n                                    <div class=\"rio-gal-card\" data-category=\"territorio\" data-year=\"2020\" data-caption=\"Solo tradicional e &aacute;rea de ro&ccedil;a de subsist&ecirc;ncia de milho guarani\" data-img=\"https:\/\/www.ige.unicamp.br\/projetoriosilveira\/wp-content\/uploads\/sites\/49\/2026\/06\/agricultura_guarani.jpg\">\n                        <div class=\"rio-gal-media\">\n                            <img decoding=\"async\" src=\"https:\/\/www.ige.unicamp.br\/projetoriosilveira\/wp-content\/uploads\/sites\/49\/2026\/06\/agricultura_guarani.jpg\" alt=\"Ro&ccedil;a de Subsist&ecirc;ncia\" loading=\"lazy\"\/>\n                        <\/div>\n                        <div class=\"rio-gal-info\">\n                            <div class=\"rio-gal-meta\">\n                                <span class=\"rio-gal-badge\">Territ&oacute;rio<\/span>\n                                <span class=\"rio-gal-badge year\">2020<\/span>\n                            <\/div>\n                            <h4>Ro&ccedil;a de Subsist&ecirc;ncia<\/h4>\n                        <\/div>\n                    <\/div>\n                                    <div class=\"rio-gal-card\" data-category=\"territorio\" data-year=\"2020\" data-caption=\"Contraste geogr&aacute;fico entre a urbaniza&ccedil;&atilde;o do litoral e a Serra do Mar preservada\" data-img=\"https:\/\/www.ige.unicamp.br\/projetoriosilveira\/wp-content\/uploads\/sites\/49\/2026\/06\/urbanizacao_litoral.jpg\">\n                        <div class=\"rio-gal-media\">\n                            <img decoding=\"async\" src=\"https:\/\/www.ige.unicamp.br\/projetoriosilveira\/wp-content\/uploads\/sites\/49\/2026\/06\/urbanizacao_litoral.jpg\" alt=\"Vetoriza&ccedil;&atilde;o e Rodovias\" loading=\"lazy\"\/>\n                        <\/div>\n                        <div class=\"rio-gal-info\">\n                            <div class=\"rio-gal-meta\">\n                                <span class=\"rio-gal-badge\">Territ&oacute;rio<\/span>\n                                <span class=\"rio-gal-badge year\">2020<\/span>\n                            <\/div>\n                            <h4>Vetoriza&ccedil;&atilde;o e Rodovias<\/h4>\n                        <\/div>\n                    <\/div>\n                                    <div class=\"rio-gal-card\" data-category=\"cultura\" data-year=\"2020\" data-caption=\"Retrato expressivo da resist&ecirc;ncia e sabedoria de anci&atilde;os Guarani da aldeia\" data-img=\"https:\/\/www.ige.unicamp.br\/projetoriosilveira\/wp-content\/uploads\/sites\/49\/2026\/06\/luta_guarani.jpg\">\n                        <div class=\"rio-gal-media\">\n                            <img decoding=\"async\" src=\"https:\/\/www.ige.unicamp.br\/projetoriosilveira\/wp-content\/uploads\/sites\/49\/2026\/06\/luta_guarani.jpg\" alt=\"Luta e Ancestralidade\" loading=\"lazy\"\/>\n                        <\/div>\n                        <div class=\"rio-gal-info\">\n                            <div class=\"rio-gal-meta\">\n                                <span class=\"rio-gal-badge\">Cultura<\/span>\n                                <span class=\"rio-gal-badge year\">2020<\/span>\n                            <\/div>\n                            <h4>Luta e Ancestralidade<\/h4>\n                        <\/div>\n                    <\/div>\n                            <\/div>\n\n            <!-- 4. Bot&#245;es de Navega&#231;&#227;o -->\n            <section class=\"rio-gal-nav-buttons\">\n                                    <a href=\"https:\/\/www.ige.unicamp.br\/projetoriosilveira\/a-erva-mate\/\" class=\"rio-gal-btn\">\n                        <svg viewbox=\"0 0 24 24\"><path d=\"M20 11H7.83l5.59-5.59L12 4l-8 8 8 8 1.41-1.41L7.83 13H20v-2z\"><\/path><\/svg>\n                        Erva-Mate (Ka'a)                    <\/a>\n                                                    <a href=\"https:\/\/www.ige.unicamp.br\/projetoriosilveira\/infograficos\/\" class=\"rio-gal-btn primary\">\n                        Infogr&aacute;ficos                        <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                            <\/section>\n        <\/div>\n    <\/div>\n\n    <!-- Lightbox Modal -->\n    <div class=\"rio-lightbox\" id=\"rioGalLightbox\">\n        <button class=\"rio-lightbox-close\" id=\"rioGalLightboxClose\" aria-label=\"Fechar galeria\">&times;<\/button>\n        <button class=\"rio-lightbox-nav prev\" id=\"rioGalLightboxPrev\" aria-label=\"Foto anterior\">\n            <svg viewbox=\"0 0 24 24\"><path d=\"M15.41 7.41L14 6l-6 6 6 6 1.41-1.41L10.83 12z\"><\/path><\/svg>\n        <\/button>\n\n        <div class=\"rio-lightbox-content\">\n            <img decoding=\"async\" src=\"\" alt=\"\" class=\"rio-lightbox-img\" id=\"rioGalLightboxImg\"\/>\n            <div class=\"rio-lightbox-caption-panel\">\n                <h4 class=\"rio-lightbox-caption\" id=\"rioGalLightboxCaption\"><\/h4>\n                <div class=\"rio-lightbox-tags\" id=\"rioGalLightboxTags\"><\/div>\n            <\/div>\n        <\/div>\n\n        <button class=\"rio-lightbox-nav next\" id=\"rioGalLightboxNext\" aria-label=\"Pr&oacute;xima foto\">\n            <svg viewbox=\"0 0 24 24\"><path d=\"M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z\"><\/path><\/svg>\n        <\/button>\n    <\/div>\n\n    <script>\n    (function() {\n        let initLoop = null;\n        let activeCategory = 'all';\n        let activeYear     = 'all';\n        let visibleCards   = [];\n        let currentImgIdx  = 0;\n\n        \/\/ 1. 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            }, { root: null, rootMargin: '0px 0px -40px 0px', threshold: 0 });\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 wh = window.innerHeight;\n                reveals.forEach(el => {\n                    if (!el.classList.contains('rio-active') && el.getBoundingClientRect().top < wh - 40) {\n                        el.classList.add('rio-active');\n                    }\n                });\n            }\n        }\n        window.addEventListener('scroll', runScrollReveal);\n        window.addEventListener('resize', runScrollReveal);\n\n        \/\/ 2. Filtros cruzados\n        function updateGallery() {\n            const cards = document.querySelectorAll('#rioGalGrid .rio-gal-card');\n            visibleCards = [];\n            cards.forEach(card => {\n                const matchCat  = (activeCategory === 'all' || card.getAttribute('data-category') === activeCategory);\n                const matchYear = (activeYear === 'all'     || card.getAttribute('data-year') === activeYear);\n                if (matchCat && matchYear) {\n                    card.style.display = 'flex';\n                    setTimeout(() => { card.style.opacity = '1'; card.style.transform = 'scale(1)'; }, 10);\n                    visibleCards.push(card);\n                } else {\n                    card.style.opacity = '0';\n                    card.style.transform = 'scale(0.95)';\n                    setTimeout(() => { if (card.style.opacity === '0') card.style.display = 'none'; }, 300);\n                }\n            });\n        }\n\n        function setupFilters() {\n            const catGroup = document.getElementById('rioGalCategoryFilters');\n            const yrGroup  = document.getElementById('rioGalYearFilters');\n            if (catGroup) {\n                const btns = catGroup.querySelectorAll('.rio-filter-btn');\n                btns.forEach(btn => btn.addEventListener('click', () => {\n                    btns.forEach(b => b.classList.remove('active'));\n                    btn.classList.add('active');\n                    activeCategory = btn.getAttribute('data-category');\n                    updateGallery();\n                }));\n            }\n            if (yrGroup) {\n                const btns = yrGroup.querySelectorAll('.rio-filter-btn');\n                btns.forEach(btn => btn.addEventListener('click', () => {\n                    btns.forEach(b => b.classList.remove('active'));\n                    btn.classList.add('active');\n                    activeYear = btn.getAttribute('data-year');\n                    updateGallery();\n                }));\n            }\n        }\n\n        \/\/ 3. Lightbox\n        function openLightbox(idx) {\n            const lb      = document.getElementById('rioGalLightbox');\n            const lbImg   = document.getElementById('rioGalLightboxImg');\n            const lbCap   = document.getElementById('rioGalLightboxCaption');\n            const lbTags  = document.getElementById('rioGalLightboxTags');\n            if (!lb || !lbImg || visibleCards.length === 0) return;\n\n            currentImgIdx = idx;\n            const card    = visibleCards[currentImgIdx];\n            const imgSrc  = card.getAttribute('data-img');\n            const caption = card.getAttribute('data-caption');\n            const cat     = card.getAttribute('data-category');\n            const year    = card.getAttribute('data-year');\n\n            \/\/ Labels\n            const catLabels = { cultura: 'Cultura', territorio: 'Territ&#243;rio', educacao: 'Educa&#231;&#227;o' };\n            const catLabel  = catLabels[cat] || cat;\n\n            lbImg.setAttribute('src', imgSrc);\n            lbImg.setAttribute('alt', caption || '');\n            if (lbCap) lbCap.textContent = caption || '';\n            if (lbTags) lbTags.innerHTML = `<span class=\"rio-gal-badge\">${catLabel}<\/span><span class=\"rio-gal-badge year\">${year}<\/span>`;\n            lb.classList.add('active');\n            document.body.style.overflow = 'hidden';\n        }\n\n        function closeLightbox() {\n            const lb = document.getElementById('rioGalLightbox');\n            if (lb) lb.classList.remove('active');\n            document.body.style.overflow = '';\n        }\n\n        function setupLightbox() {\n            const lb       = document.getElementById('rioGalLightbox');\n            const closeBtn = document.getElementById('rioGalLightboxClose');\n            const prevBtn  = document.getElementById('rioGalLightboxPrev');\n            const nextBtn  = document.getElementById('rioGalLightboxNext');\n            const grid     = document.getElementById('rioGalGrid');\n\n            if (grid) {\n                grid.addEventListener('click', e => {\n                    const card = e.target.closest('.rio-gal-card');\n                    if (card) {\n                        const idx = visibleCards.indexOf(card);\n                        if (idx !== -1) openLightbox(idx);\n                    }\n                });\n            }\n            if (closeBtn) closeBtn.addEventListener('click', closeLightbox);\n            if (lb)       lb.addEventListener('click', e => { if (e.target === lb) closeLightbox(); });\n\n            if (prevBtn) prevBtn.addEventListener('click', e => {\n                e.stopPropagation();\n                if (visibleCards.length <= 1) return;\n                let i = currentImgIdx - 1;\n                if (i < 0) i = visibleCards.length - 1;\n                openLightbox(i);\n            });\n\n            if (nextBtn) nextBtn.addEventListener('click', e => {\n                e.stopPropagation();\n                if (visibleCards.length <= 1) return;\n                let i = currentImgIdx + 1;\n                if (i >= visibleCards.length) i = 0;\n                openLightbox(i);\n            });\n\n            document.addEventListener('keydown', e => {\n                if (!lb || !lb.classList.contains('active')) return;\n                if (e.key === 'Escape') { closeLightbox(); return; }\n                if (e.key === 'ArrowLeft') {\n                    if (visibleCards.length <= 1) return;\n                    let i = currentImgIdx - 1; if (i < 0) i = visibleCards.length - 1; openLightbox(i);\n                }\n                if (e.key === 'ArrowRight') {\n                    if (visibleCards.length <= 1) return;\n                    let i = currentImgIdx + 1; if (i >= visibleCards.length) i = 0; openLightbox(i);\n                }\n            });\n        }\n\n        \/\/ 4. Inicializa&#231;&#227;o\n        function initRioGal() {\n            const grid = document.getElementById('rioGalGrid');\n            if (!grid) return;\n\n            if (window.rioGalInitialized) { if (initLoop) clearInterval(initLoop); return; }\n            window.rioGalInitialized = true;\n            if (initLoop) clearInterval(initLoop);\n\n            setupFilters();\n            setupLightbox();\n            updateGallery();\n            runScrollReveal();\n        }\n\n        let attempts = 0;\n        initLoop = setInterval(() => {\n            initRioGal();\n            if (++attempts >= 20) clearInterval(initLoop);\n        }, 200);\n\n        if (document.readyState === 'complete' || document.readyState === 'interactive') initRioGal();\n        else document.addEventListener('DOMContentLoaded', initRioGal);\n        window.addEventListener('load', initRioGal);\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-233","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/www.ige.unicamp.br\/projetoriosilveira\/wp-json\/wp\/v2\/pages\/233","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=233"}],"version-history":[{"count":60,"href":"https:\/\/www.ige.unicamp.br\/projetoriosilveira\/wp-json\/wp\/v2\/pages\/233\/revisions"}],"predecessor-version":[{"id":2882,"href":"https:\/\/www.ige.unicamp.br\/projetoriosilveira\/wp-json\/wp\/v2\/pages\/233\/revisions\/2882"}],"wp:attachment":[{"href":"https:\/\/www.ige.unicamp.br\/projetoriosilveira\/wp-json\/wp\/v2\/media?parent=233"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}