{"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":"\t\t<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>\r\n    \/* Reset Geral *\/\r\n    html, body, #page, .site, #main, #primary, #content {\r\n        margin: 0 !important;\r\n        padding: 0 !important;\r\n        max-width: 100% !important;\r\n        width: 100% !important;\r\n        background-image: none !important;\r\n        box-shadow: none !important;\r\n    }\r\n\r\n    \/* --- Fail-safe: Ocultar Cabe\u00e7alho e Rodap\u00e9 --- *\/\r\n    #branding,\r\n    #colophon,\r\n    #site-header,\r\n    #site-footer,\r\n    .site-header,\r\n    .site-footer,\r\n    .dynamic-footer,\r\n    .skip-link,\r\n    #site-generator,\r\n    .site-info,\r\n    footer[role=\"contentinfo\"],\r\n    header[role=\"banner\"]:not(.rio-navbar-wrapper) {\r\n        display: none !important;\r\n        height: 0 !important;\r\n        visibility: hidden !important;\r\n        opacity: 0 !important;\r\n        margin: 0 !important;\r\n        padding: 0 !important;\r\n    }\r\n\r\n    body {\r\n        padding-top: 0 !important;\r\n        margin-top: 0 !important;\r\n        background-color: var(--bg-color, #faf8f4) !important;\r\n    }\r\n\r\n    .rio-gal-wrapper {\r\n        font-family: var(--font-body, 'Inter', sans-serif) !important;\r\n        color: var(--text-primary, #0a1510) !important;\r\n        background-color: var(--bg-color, #faf8f4) !important;\r\n        overflow-x: hidden !important;\r\n    }\r\n\r\n    .rio-gal-container {\r\n        max-width: 1300px !important;\r\n        margin: 0 auto !important;\r\n        padding: 0 5% !important;\r\n    }\r\n\r\n    \/* --- Hero Section --- *\/\r\n    .rio-gal-hero {\r\n        padding: 190px 5% 120px 5% !important;\r\n        background-color: var(--bg-dark, #0c1f13) !important;\r\n        color: #ffffff !important;\r\n        position: relative !important;\r\n        overflow: hidden !important;\r\n        text-align: center !important;\r\n    }\r\n\r\n    .rio-gal-hero-bg {\r\n        position: absolute !important;\r\n        top: 0 !important;\r\n        left: 0 !important;\r\n        width: 100% !important;\r\n        height: 100% !important;\r\n        background-size: cover !important;\r\n        background-position: center !important;\r\n        opacity: 0.22 !important;\r\n        z-index: 1 !important;\r\n        filter: blur(2px) !important;\r\n    }\r\n\r\n    .rio-gal-hero-overlay {\r\n        position: absolute !important;\r\n        top: 0 !important;\r\n        left: 0 !important;\r\n        width: 100% !important;\r\n        height: 100% !important;\r\n        z-index: 2 !important;\r\n        background: linear-gradient(to bottom, rgba(12, 31, 19, 0.98) 0%, rgba(12, 31, 19, 0.8) 100%) !important;\r\n    }\r\n\r\n    .rio-gal-hero-content {\r\n        max-width: 900px !important;\r\n        margin: 0 auto !important;\r\n        position: relative !important;\r\n        z-index: 3 !important;\r\n        display: flex !important;\r\n        flex-direction: column !important;\r\n        gap: 1.2rem !important;\r\n    }\r\n\r\n    .rio-gal-hero h1 {\r\n        font-family: var(--font-title, 'Lora', Georgia, serif) !important;\r\n        font-size: 3.6rem !important;\r\n        color: #ffffff !important;\r\n        line-height: 1.15 !important;\r\n        font-weight: 300 !important;\r\n        margin: 0 !important;\r\n        letter-spacing: -0.02em !important;\r\n    }\r\n\r\n    .rio-gal-section-tag {\r\n        font-family: var(--font-body, 'Inter', sans-serif) !important;\r\n        font-size: 0.85rem !important;\r\n        color: var(--terracotta, #ba4e32) !important;\r\n        text-transform: uppercase !important;\r\n        letter-spacing: 2px !important;\r\n        font-weight: 700 !important;\r\n    }\r\n\r\n    .rio-gal-hero p.tagline {\r\n        font-family: var(--font-body, 'Inter', sans-serif) !important;\r\n        font-size: 1.15rem !important;\r\n        color: rgba(255, 255, 255, 0.8) !important;\r\n        max-width: 700px !important;\r\n        margin: 0 auto !important;\r\n        line-height: 1.65 !important;\r\n    }\r\n\r\n    \/* --- Filtros --- *\/\r\n    .rio-gal-filters-panel {\r\n        background: #ffffff !important;\r\n        border: 1px solid var(--border-color, rgba(12, 31, 19, 0.08)) !important;\r\n        border-radius: 8px !important;\r\n        padding: 30px !important;\r\n        margin-top: -40px !important;\r\n        margin-bottom: 50px !important;\r\n        position: relative !important;\r\n        z-index: 10 !important;\r\n        box-shadow: 0 10px 30px rgba(12, 31, 19, 0.04) !important;\r\n        display: flex !important;\r\n        flex-direction: column !important;\r\n        gap: 1.5rem !important;\r\n    }\r\n\r\n    .rio-gal-filter-group {\r\n        display: flex !important;\r\n        align-items: center !important;\r\n        flex-wrap: wrap !important;\r\n        gap: 0.8rem !important;\r\n    }\r\n\r\n    .rio-filter-label {\r\n        font-size: 0.82rem !important;\r\n        font-weight: 700 !important;\r\n        color: var(--text-primary, #0a1510) !important;\r\n        text-transform: uppercase !important;\r\n        letter-spacing: 1px !important;\r\n        min-width: 100px !important;\r\n    }\r\n\r\n    .rio-filter-btn {\r\n        background: transparent !important;\r\n        color: var(--text-secondary, #485c50) !important;\r\n        border: 1px solid var(--border-color, rgba(12, 31, 19, 0.08)) !important;\r\n        padding: 8px 16px !important;\r\n        border-radius: 4px !important;\r\n        font-size: 0.85rem !important;\r\n        font-weight: 600 !important;\r\n        cursor: pointer !important;\r\n        transition: var(--transition-smooth, all 0.4s cubic-bezier(0.16, 1, 0.3, 1)) !important;\r\n    }\r\n\r\n    .rio-filter-btn:hover {\r\n        color: var(--accent-color, #14633b) !important;\r\n        border-color: var(--accent-color, #14633b) !important;\r\n    }\r\n\r\n    .rio-filter-btn.active {\r\n        background-color: var(--accent-color, #14633b) !important;\r\n        color: #ffffff !important;\r\n        border-color: var(--accent-color, #14633b) !important;\r\n    }\r\n\r\n    \/* --- Grid de Fotos --- *\/\r\n    .rio-gal-grid {\r\n        display: grid !important;\r\n        grid-template-columns: repeat(3, 1fr) !important;\r\n        gap: 2rem !important;\r\n        margin-bottom: 80px !important;\r\n        transition: var(--transition-smooth, all 0.4s cubic-bezier(0.16, 1, 0.3, 1)) !important;\r\n    }\r\n\r\n    @media screen and (max-width: 992px) {\r\n        .rio-gal-grid {\r\n            grid-template-columns: repeat(2, 1fr) !important;\r\n            gap: 1.5rem !important;\r\n        }\r\n    }\r\n\r\n    @media screen and (max-width: 600px) {\r\n        .rio-gal-grid {\r\n            grid-template-columns: 1fr !important;\r\n            gap: 1.5rem !important;\r\n        }\r\n    }\r\n\r\n    .rio-gal-card {\r\n        background: #ffffff !important;\r\n        border: 1px solid var(--border-color, rgba(12, 31, 19, 0.08)) !important;\r\n        border-radius: 8px !important;\r\n        overflow: hidden !important;\r\n        box-shadow: 0 4px 15px rgba(12, 31, 19, 0.01) !important;\r\n        cursor: pointer !important;\r\n        transition: transform 0.4s cubic-bezier(0.16, 1, 0.3, 1), opacity 0.4s ease, border-color 0.4s ease !important;\r\n        display: flex !important;\r\n        flex-direction: column !important;\r\n        position: relative !important;\r\n    }\r\n\r\n    .rio-gal-card:hover {\r\n        transform: translateY(-5px) !important;\r\n        border-color: var(--accent-color, #14633b) !important;\r\n        box-shadow: 0 15px 35px rgba(12, 31, 19, 0.05) !important;\r\n    }\r\n\r\n    .rio-gal-media {\r\n        width: 100% !important;\r\n        aspect-ratio: 4\/3 !important;\r\n        overflow: hidden !important;\r\n        background-color: #efede9 !important;\r\n    }\r\n\r\n    .rio-gal-media img {\r\n        width: 100% !important;\r\n        height: 100% !important;\r\n        object-fit: cover !important;\r\n        transition: transform 0.4s cubic-bezier(0.16, 1, 0.3, 1) !important;\r\n    }\r\n\r\n    .rio-gal-card:hover .rio-gal-media img {\r\n        transform: scale(1.04) !important;\r\n    }\r\n\r\n    .rio-gal-info {\r\n        padding: 20px 22px !important;\r\n        display: flex !important;\r\n        flex-direction: column !important;\r\n        gap: 0.5rem !important;\r\n    }\r\n\r\n    .rio-gal-meta {\r\n        display: flex !important;\r\n        align-items: center !important;\r\n        gap: 8px !important;\r\n    }\r\n\r\n    .rio-gal-badge {\r\n        font-size: 0.72rem !important;\r\n        font-weight: 700 !important;\r\n        color: #ffffff !important;\r\n        background-color: var(--accent-color, #14633b) !important;\r\n        padding: 3px 8px !important;\r\n        border-radius: 3px !important;\r\n        text-transform: uppercase !important;\r\n        letter-spacing: 0.5px !important;\r\n    }\r\n\r\n    .rio-gal-badge.year {\r\n        background-color: var(--terracotta, #ba4e32) !important;\r\n    }\r\n\r\n    .rio-gal-card h4 {\r\n        font-family: var(--font-title, 'Lora', Georgia, serif) !important;\r\n        font-size: 1.15rem !important;\r\n        font-weight: 500 !important;\r\n        color: var(--text-primary, #0a1510) !important;\r\n        margin: 5px 0 0 0 !important;\r\n        line-height: 1.4 !important;\r\n    }\r\n\r\n    \/* --- Lightbox Customizada --- *\/\r\n    .rio-lightbox {\r\n        position: fixed !important;\r\n        top: 0 !important;\r\n        left: 0 !important;\r\n        width: 100% !important;\r\n        height: 100% !important;\r\n        background-color: rgba(12, 31, 19, 0.98) !important;\r\n        z-index: 100000 !important;\r\n        display: none !important;\r\n        align-items: center !important;\r\n        justify-content: center !important;\r\n        opacity: 0 !important;\r\n        transition: opacity 0.4s cubic-bezier(0.16, 1, 0.3, 1) !important;\r\n    }\r\n\r\n    .rio-lightbox.active {\r\n        display: flex !important;\r\n        opacity: 1 !important;\r\n    }\r\n\r\n    .rio-lightbox-close {\r\n        position: absolute !important;\r\n        top: 30px !important;\r\n        right: 30px !important;\r\n        background: transparent !important;\r\n        color: #ffffff !important;\r\n        border: none !important;\r\n        font-size: 2.2rem !important;\r\n        cursor: pointer !important;\r\n        z-index: 100002 !important;\r\n        line-height: 1 !important;\r\n        transition: var(--transition-smooth, all 0.4s cubic-bezier(0.16, 1, 0.3, 1)) !important;\r\n    }\r\n\r\n    .rio-lightbox-close:hover {\r\n        color: var(--gold-warm, #c49451) !important;\r\n        transform: scale(1.1) !important;\r\n    }\r\n\r\n    .rio-lightbox-content {\r\n        max-width: 85% !important;\r\n        max-height: 75vh !important;\r\n        position: relative !important;\r\n        display: flex !important;\r\n        align-items: center !important;\r\n        justify-content: center !important;\r\n    }\r\n\r\n    .rio-lightbox-img {\r\n        max-width: 100% !important;\r\n        max-height: 75vh !important;\r\n        object-fit: contain !important;\r\n        border-radius: 4px !important;\r\n        box-shadow: 0 10px 40px rgba(0,0,0,0.5) !important;\r\n        transform: scale(0.97) !important;\r\n        transition: transform 0.4s cubic-bezier(0.16, 1, 0.3, 1) !important;\r\n    }\r\n\r\n    .rio-lightbox.active .rio-lightbox-img {\r\n        transform: scale(1) !important;\r\n    }\r\n\r\n    .rio-lightbox-nav {\r\n        position: absolute !important;\r\n        top: 50% !important;\r\n        transform: translateY(-50%) !important;\r\n        background: rgba(255, 255, 255, 0.1) !important;\r\n        color: #ffffff !important;\r\n        border: none !important;\r\n        width: 50px !important;\r\n        height: 50px !important;\r\n        border-radius: 50% !important;\r\n        display: flex !important;\r\n        align-items: center !important;\r\n        justify-content: center !important;\r\n        cursor: pointer !important;\r\n        z-index: 100001 !important;\r\n        transition: var(--transition-smooth, all 0.4s cubic-bezier(0.16, 1, 0.3, 1)) !important;\r\n    }\r\n\r\n    .rio-lightbox-nav:hover {\r\n        background: var(--gold-warm, #c49451) !important;\r\n        color: #ffffff !important;\r\n    }\r\n\r\n    .rio-lightbox-nav.prev { left: -75px; }\r\n    .rio-lightbox-nav.next { right: -75px; }\r\n\r\n    @media screen and (max-width: 768px) {\r\n        .rio-lightbox-nav.prev { left: 10px; }\r\n        .rio-lightbox-nav.next { right: 10px; }\r\n        .rio-lightbox-nav { width: 40px !important; height: 40px !important; }\r\n    }\r\n\r\n    .rio-lightbox-nav svg {\r\n        width: 20px !important;\r\n        height: 20px !important;\r\n        fill: currentColor !important;\r\n    }\r\n\r\n    .rio-lightbox-caption-panel {\r\n        position: absolute !important;\r\n        bottom: -70px !important;\r\n        left: 0 !important;\r\n        width: 100% !important;\r\n        text-align: center !important;\r\n        color: #ffffff !important;\r\n    }\r\n\r\n    .rio-lightbox-caption {\r\n        font-family: var(--font-title, 'Lora', Georgia, serif) !important;\r\n        font-size: 1.25rem !important;\r\n        font-weight: 300 !important;\r\n        margin: 0 !important;\r\n    }\r\n\r\n    .rio-lightbox-tags {\r\n        margin-top: 8px !important;\r\n        display: flex !important;\r\n        justify-content: center !important;\r\n        gap: 8px !important;\r\n    }\r\n\r\n    \/* --- Bot\u00f5es de Navega\u00e7\u00e3o --- *\/\r\n    .rio-gal-nav-buttons {\r\n        display: flex !important;\r\n        justify-content: space-between !important;\r\n        margin-bottom: 80px !important;\r\n        gap: 2rem !important;\r\n    }\r\n\r\n    .rio-gal-btn {\r\n        display: inline-flex !important;\r\n        align-items: center !important;\r\n        gap: 8px !important;\r\n        font-family: var(--font-body, 'Inter', sans-serif) !important;\r\n        font-size: 0.9rem !important;\r\n        font-weight: 600 !important;\r\n        color: var(--text-secondary, #485c50) !important;\r\n        text-decoration: none !important;\r\n        border: 1px solid var(--border-color, rgba(12, 31, 19, 0.08)) !important;\r\n        padding: 12px 20px !important;\r\n        border-radius: 4px !important;\r\n        transition: var(--transition-smooth, all 0.4s cubic-bezier(0.16, 1, 0.3, 1)) !important;\r\n        background: #ffffff !important;\r\n    }\r\n\r\n    .rio-gal-btn:hover {\r\n        color: var(--accent-color, #14633b) !important;\r\n        border-color: var(--accent-color, #14633b) !important;\r\n        transform: translateY(-1px) !important;\r\n        box-shadow: 0 5px 15px rgba(12, 31, 19, 0.03) !important;\r\n    }\r\n\r\n    .rio-gal-btn.primary {\r\n        color: #ffffff !important;\r\n        background-color: var(--accent-color, #14633b) !important;\r\n        border-color: var(--accent-color, #14633b) !important;\r\n    }\r\n\r\n    .rio-gal-btn.primary:hover {\r\n        background-color: var(--terracotta, #ba4e32) !important;\r\n        border-color: var(--terracotta, #ba4e32) !important;\r\n    }\r\n\r\n    .rio-gal-btn svg {\r\n        width: 14px !important;\r\n        height: 14px !important;\r\n        fill: currentColor !important;\r\n    }\r\n\r\n    \/* --- CSS Reveal --- *\/\r\n    .rio-reveal {\r\n        opacity: 0 !important;\r\n        transform: translateY(30px) !important;\r\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;\r\n    }\r\n\r\n    .rio-reveal.rio-active {\r\n        opacity: 1 !important;\r\n        transform: none !important;\r\n    }\r\n\r\n    .rio-delay-1 { transition-delay: 0.15s !important; }\r\n    <\/style>\r\n\r\n    <div class=\"rio-gal-wrapper\">\r\n        <!-- 1. Hero -->\r\n        <section class=\"rio-gal-hero\">\r\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>\r\n            <div class=\"rio-gal-hero-overlay\"><\/div>\r\n\r\n            <div class=\"rio-gal-hero-content\">\r\n                <span class=\"rio-gal-section-tag\" style=\"color: var(--gold-warm, #c49451); font-weight: 600;\">Registros Visuais<\/span>\r\n                <h1 class=\"rio-reveal\">Galeria do Territ\u00f3rio<\/h1>\r\n                <p class=\"tagline rio-reveal rio-delay-1\">Explore a beleza, o cotidiano, a educa\u00e7\u00e3o escolar e os rituais da Terra Ind\u00edgena Rio Silveira em fotografias organizadas por anos e temas.<\/p>\r\n            <\/div>\r\n        <\/section>\r\n\r\n        <div class=\"rio-gal-container\">\r\n            <!-- 2. Painel de Filtros -->\r\n            <div class=\"rio-gal-filters-panel rio-reveal\">\r\n                <!-- Filtro por Categoria -->\r\n                <div class=\"rio-gal-filter-group\" id=\"rioGalCategoryFilters\">\r\n                    <span class=\"rio-filter-label\">Temas:<\/span>\r\n                    <button class=\"rio-filter-btn active\" data-category=\"all\">Todos<\/button>\r\n                                            <button class=\"rio-filter-btn\" data-category=\"cultura\">Cultura<\/button>\r\n                                    <\/div>\r\n                <!-- Filtro por Ano -->\r\n                <div class=\"rio-gal-filter-group\" id=\"rioGalYearFilters\">\r\n                    <span class=\"rio-filter-label\">Ano:<\/span>\r\n                    <button class=\"rio-filter-btn active\" data-year=\"all\">Todos<\/button>\r\n                                            <button class=\"rio-filter-btn\" data-year=\"2026\">2026<\/button>\r\n                                    <\/div>\r\n            <\/div>\r\n\r\n            <!-- 3. Grade de Fotos -->\r\n            <div class=\"rio-gal-grid\" id=\"rioGalGrid\">\r\n                                    <div class=\"rio-gal-card\"\r\n                         data-category=\"cultura\"\r\n                         data-year=\"2026\"\r\n                         data-caption=\"Gigante Adormecido\"\r\n                         data-img=\"https:\/\/www.ige.unicamp.br\/projetoriosilveira\/wp-content\/uploads\/sites\/49\/2026\/08\/WhatsApp-Image-2026-08-21-at-10.45.10.jpeg\">\r\n                        <div class=\"rio-gal-media\">\r\n                            <img decoding=\"async\" src=\"https:\/\/www.ige.unicamp.br\/projetoriosilveira\/wp-content\/uploads\/sites\/49\/2026\/08\/WhatsApp-Image-2026-08-21-at-10.45.10.jpeg\" alt=\"Gigante Adormecido\" loading=\"lazy\">\r\n                        <\/div>\r\n                        <div class=\"rio-gal-info\">\r\n                            <div class=\"rio-gal-meta\">\r\n                                <span class=\"rio-gal-badge\">Cultura<\/span>\r\n                                <span class=\"rio-gal-badge year\">2026<\/span>\r\n                            <\/div>\r\n                            <h4>Gigante Adormecido<\/h4>\r\n                        <\/div>\r\n                    <\/div>\r\n                            <\/div>\r\n\r\n            <!-- 4. Bot\u00f5es de Navega\u00e7\u00e3o -->\r\n            <section class=\"rio-gal-nav-buttons\">\r\n                                    <a href=\"https:\/\/www.ige.unicamp.br\/projetoriosilveira\/a-erva-mate\/\" class=\"rio-gal-btn\">\r\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\"\/><\/svg>\r\n                        Erva-Mate (Ka&#039;a)                    <\/a>\r\n                                                    <a href=\"https:\/\/www.ige.unicamp.br\/projetoriosilveira\/infograficos\/\" class=\"rio-gal-btn primary\">\r\n                        Infogr\u00e1ficos                        <svg viewBox=\"0 0 24 24\"><path d=\"M12 4l-1.41 1.41L16.17 11H4v2h12.17l-5.58 5.59L12 20l8-8z\"\/><\/svg>\r\n                    <\/a>\r\n                            <\/section>\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <!-- Lightbox Modal -->\r\n    <div class=\"rio-lightbox\" id=\"rioGalLightbox\">\r\n        <button class=\"rio-lightbox-close\" id=\"rioGalLightboxClose\" aria-label=\"Fechar galeria\">&times;<\/button>\r\n        <button class=\"rio-lightbox-nav prev\" id=\"rioGalLightboxPrev\" aria-label=\"Foto anterior\">\r\n            <svg viewBox=\"0 0 24 24\"><path d=\"M15.41 7.41L14 6l-6 6 6 6 1.41-1.41L10.83 12z\"\/><\/svg>\r\n        <\/button>\r\n\r\n        <div class=\"rio-lightbox-content\">\r\n            <img decoding=\"async\" src=\"\" alt=\"\" class=\"rio-lightbox-img\" id=\"rioGalLightboxImg\">\r\n            <div class=\"rio-lightbox-caption-panel\">\r\n                <h4 class=\"rio-lightbox-caption\" id=\"rioGalLightboxCaption\"><\/h4>\r\n                <div class=\"rio-lightbox-tags\" id=\"rioGalLightboxTags\"><\/div>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <button class=\"rio-lightbox-nav next\" id=\"rioGalLightboxNext\" aria-label=\"Pr\u00f3xima foto\">\r\n            <svg viewBox=\"0 0 24 24\"><path d=\"M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z\"\/><\/svg>\r\n        <\/button>\r\n    <\/div>\r\n\r\n    <script>\r\n    (function() {\r\n        let initLoop = null;\r\n        let activeCategory = 'all';\r\n        let activeYear     = 'all';\r\n        let visibleCards   = [];\r\n        let currentImgIdx  = 0;\r\n\r\n        \/\/ 1. Scroll Reveal\r\n        if (!window.rioRevealObserver && 'IntersectionObserver' in window) {\r\n            window.rioRevealObserver = new IntersectionObserver((entries, observer) => {\r\n                entries.forEach(entry => {\r\n                    if (entry.isIntersecting) {\r\n                        entry.target.classList.add('rio-active');\r\n                        observer.unobserve(entry.target);\r\n                    }\r\n                });\r\n            }, { root: null, rootMargin: '0px 0px -40px 0px', threshold: 0 });\r\n        }\r\n\r\n        function runScrollReveal() {\r\n            const reveals = document.querySelectorAll('.rio-reveal');\r\n            if (window.rioRevealObserver) {\r\n                reveals.forEach(el => {\r\n                    if (!el.classList.contains('rio-active') && !el.getAttribute('data-observed')) {\r\n                        el.setAttribute('data-observed', 'true');\r\n                        window.rioRevealObserver.observe(el);\r\n                    }\r\n                });\r\n            } else {\r\n                const wh = window.innerHeight;\r\n                reveals.forEach(el => {\r\n                    if (!el.classList.contains('rio-active') && el.getBoundingClientRect().top < wh - 40) {\r\n                        el.classList.add('rio-active');\r\n                    }\r\n                });\r\n            }\r\n        }\r\n        window.addEventListener('scroll', runScrollReveal);\r\n        window.addEventListener('resize', runScrollReveal);\r\n\r\n        \/\/ 2. Filtros cruzados\r\n        function updateGallery() {\r\n            const cards = document.querySelectorAll('#rioGalGrid .rio-gal-card');\r\n            visibleCards = [];\r\n            cards.forEach(card => {\r\n                const matchCat  = (activeCategory === 'all' || card.getAttribute('data-category') === activeCategory);\r\n                const matchYear = (activeYear === 'all'     || card.getAttribute('data-year') === activeYear);\r\n                if (matchCat && matchYear) {\r\n                    card.style.display = 'flex';\r\n                    setTimeout(() => { card.style.opacity = '1'; card.style.transform = 'scale(1)'; }, 10);\r\n                    visibleCards.push(card);\r\n                } else {\r\n                    card.style.opacity = '0';\r\n                    card.style.transform = 'scale(0.95)';\r\n                    setTimeout(() => { if (card.style.opacity === '0') card.style.display = 'none'; }, 300);\r\n                }\r\n            });\r\n        }\r\n\r\n        function setupFilters() {\r\n            const catGroup = document.getElementById('rioGalCategoryFilters');\r\n            const yrGroup  = document.getElementById('rioGalYearFilters');\r\n            if (catGroup) {\r\n                const btns = catGroup.querySelectorAll('.rio-filter-btn');\r\n                btns.forEach(btn => btn.addEventListener('click', () => {\r\n                    btns.forEach(b => b.classList.remove('active'));\r\n                    btn.classList.add('active');\r\n                    activeCategory = btn.getAttribute('data-category');\r\n                    updateGallery();\r\n                }));\r\n            }\r\n            if (yrGroup) {\r\n                const btns = yrGroup.querySelectorAll('.rio-filter-btn');\r\n                btns.forEach(btn => btn.addEventListener('click', () => {\r\n                    btns.forEach(b => b.classList.remove('active'));\r\n                    btn.classList.add('active');\r\n                    activeYear = btn.getAttribute('data-year');\r\n                    updateGallery();\r\n                }));\r\n            }\r\n        }\r\n\r\n        \/\/ 3. Lightbox\r\n        function openLightbox(idx) {\r\n            const lb      = document.getElementById('rioGalLightbox');\r\n            const lbImg   = document.getElementById('rioGalLightboxImg');\r\n            const lbCap   = document.getElementById('rioGalLightboxCaption');\r\n            const lbTags  = document.getElementById('rioGalLightboxTags');\r\n            if (!lb || !lbImg || visibleCards.length === 0) return;\r\n\r\n            currentImgIdx = idx;\r\n            const card    = visibleCards[currentImgIdx];\r\n            const imgSrc  = card.getAttribute('data-img');\r\n            const caption = card.getAttribute('data-caption');\r\n            const cat     = card.getAttribute('data-category');\r\n            const year    = card.getAttribute('data-year');\r\n\r\n            \/\/ Labels\r\n            const catLabels = { cultura: 'Cultura', territorio: 'Territ\u00f3rio', educacao: 'Educa\u00e7\u00e3o' };\r\n            const catLabel  = catLabels[cat] || cat;\r\n\r\n            lbImg.setAttribute('src', imgSrc);\r\n            lbImg.setAttribute('alt', caption || '');\r\n            if (lbCap) lbCap.textContent = caption || '';\r\n            if (lbTags) lbTags.innerHTML = `<span class=\"rio-gal-badge\">${catLabel}<\/span><span class=\"rio-gal-badge year\">${year}<\/span>`;\r\n            lb.classList.add('active');\r\n            document.body.style.overflow = 'hidden';\r\n        }\r\n\r\n        function closeLightbox() {\r\n            const lb = document.getElementById('rioGalLightbox');\r\n            if (lb) lb.classList.remove('active');\r\n            document.body.style.overflow = '';\r\n        }\r\n\r\n        function setupLightbox() {\r\n            const lb       = document.getElementById('rioGalLightbox');\r\n            const closeBtn = document.getElementById('rioGalLightboxClose');\r\n            const prevBtn  = document.getElementById('rioGalLightboxPrev');\r\n            const nextBtn  = document.getElementById('rioGalLightboxNext');\r\n            const grid     = document.getElementById('rioGalGrid');\r\n\r\n            if (grid) {\r\n                grid.addEventListener('click', e => {\r\n                    const card = e.target.closest('.rio-gal-card');\r\n                    if (card) {\r\n                        const idx = visibleCards.indexOf(card);\r\n                        if (idx !== -1) openLightbox(idx);\r\n                    }\r\n                });\r\n            }\r\n            if (closeBtn) closeBtn.addEventListener('click', closeLightbox);\r\n            if (lb)       lb.addEventListener('click', e => { if (e.target === lb) closeLightbox(); });\r\n\r\n            if (prevBtn) prevBtn.addEventListener('click', e => {\r\n                e.stopPropagation();\r\n                if (visibleCards.length <= 1) return;\r\n                let i = currentImgIdx - 1;\r\n                if (i < 0) i = visibleCards.length - 1;\r\n                openLightbox(i);\r\n            });\r\n\r\n            if (nextBtn) nextBtn.addEventListener('click', e => {\r\n                e.stopPropagation();\r\n                if (visibleCards.length <= 1) return;\r\n                let i = currentImgIdx + 1;\r\n                if (i >= visibleCards.length) i = 0;\r\n                openLightbox(i);\r\n            });\r\n\r\n            document.addEventListener('keydown', e => {\r\n                if (!lb || !lb.classList.contains('active')) return;\r\n                if (e.key === 'Escape') { closeLightbox(); return; }\r\n                if (e.key === 'ArrowLeft') {\r\n                    if (visibleCards.length <= 1) return;\r\n                    let i = currentImgIdx - 1; if (i < 0) i = visibleCards.length - 1; openLightbox(i);\r\n                }\r\n                if (e.key === 'ArrowRight') {\r\n                    if (visibleCards.length <= 1) return;\r\n                    let i = currentImgIdx + 1; if (i >= visibleCards.length) i = 0; openLightbox(i);\r\n                }\r\n            });\r\n        }\r\n\r\n        \/\/ 4. Inicializa\u00e7\u00e3o\r\n        function initRioGal() {\r\n            const grid = document.getElementById('rioGalGrid');\r\n            if (!grid) return;\r\n\r\n            if (window.rioGalInitialized) { if (initLoop) clearInterval(initLoop); return; }\r\n            window.rioGalInitialized = true;\r\n            if (initLoop) clearInterval(initLoop);\r\n\r\n            setupFilters();\r\n            setupLightbox();\r\n            updateGallery();\r\n            runScrollReveal();\r\n        }\r\n\r\n        let attempts = 0;\r\n        initLoop = setInterval(() => {\r\n            initRioGal();\r\n            if (++attempts >= 20) clearInterval(initLoop);\r\n        }, 200);\r\n\r\n        if (document.readyState === 'complete' || document.readyState === 'interactive') initRioGal();\r\n        else document.addEventListener('DOMContentLoaded', initRioGal);\r\n        window.addEventListener('load', initRioGal);\r\n    })();\r\n    <\/script>\r\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}]}}