{"id":16,"date":"2025-06-17T11:16:50","date_gmt":"2025-06-17T14:16:50","guid":{"rendered":"https:\/\/www.ufrgs.br\/celta\/?page_id=16"},"modified":"2026-03-09T17:21:25","modified_gmt":"2026-03-09T20:21:25","slug":"pagina-inicial","status":"publish","type":"page","link":"https:\/\/www.ufrgs.br\/celta\/","title":{"rendered":"P\u00e1gina Inicial"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"16\" class=\"elementor elementor-16\">\n\t\t\t\t<div class=\"elementor-element elementor-element-48d65eb e-con-full e-flex e-con e-parent\" data-id=\"48d65eb\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-99489db elementor-widget elementor-widget-shortcode\" data-id=\"99489db\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\">    <style>\r\n        @keyframes float-up-mural {\r\n            0% { bottom: -10%; transform: translateX(0) scale(0.8); opacity: 0; }\r\n            5% { opacity: 0.95; }\r\n            95% { opacity: 0.95; }\r\n            100% { bottom: 110%; transform: translateX(40px) scale(1.2); opacity: 0; }\r\n        }\r\n        .water-bubble-mural {\r\n            position: absolute;\r\n            border-radius: 50%;\r\n            background: radial-gradient(circle at 30% 30%, rgba(255, 255, 255, 0.9) 0%, rgba(255, 255, 255, 0.3) 60%, rgba(22, 179, 164, 0.1) 100%);\r\n            box-shadow: inset -4px -4px 15px rgba(22, 179, 164, 0.15), inset 4px 4px 15px rgba(255, 255, 255, 1), 0 6px 15px rgba(0, 0, 0, 0.08);\r\n            border: 2px solid rgba(255, 255, 255, 1);\r\n            backdrop-filter: blur(4px);\r\n            -webkit-backdrop-filter: blur(4px);\r\n            animation: float-up-mural infinite linear;\r\n            pointer-events: none;\r\n            z-index: 10 !important;\r\n        }\r\n    <\/style>\r\n\r\n    <div class=\"celta-mural-container relative w-full overflow-hidden -mt-[120px] pt-[160px] pb-32 px-4 md:-mt-[150px] md:pt-[200px] md:pb-40 flex flex-col items-center justify-start min-h-screen\" style=\"font-family: 'Inter', sans-serif; background-image: radial-gradient(ellipse at center, #99f6e4 0%, #bae6fd 40%, #ffffff 85%); background-attachment: fixed; background-size: cover; background-position: center;\">\r\n        \r\n        <div class=\"absolute inset-0 z-0 pointer-events-none h-full w-full\">\r\n            <div class=\"water-bubble-mural\" style=\"left: 10%; width: 65px; height: 65px; animation-duration: 22s; animation-delay: -5s;\"><\/div>\r\n            <div class=\"water-bubble-mural\" style=\"left: 45%; width: 80px; height: 80px; animation-duration: 26s; animation-delay: -15s;\"><\/div>\r\n            <div class=\"water-bubble-mural\" style=\"left: 85%; width: 70px; height: 70px; animation-duration: 24s; animation-delay: -10s;\"><\/div>\r\n            <div class=\"water-bubble-mural\" style=\"left: 25%; width: 60px; height: 60px; animation-duration: 23s; animation-delay: -2s;\"><\/div>\r\n            <div class=\"water-bubble-mural\" style=\"left: 5%; width: 45px; height: 45px; animation-duration: 18s; animation-delay: -12s;\"><\/div>\r\n            <div class=\"water-bubble-mural\" style=\"left: 18%; width: 40px; height: 40px; animation-duration: 19s; animation-delay: -8s;\"><\/div>\r\n            <div class=\"water-bubble-mural\" style=\"left: 35%; width: 50px; height: 50px; animation-duration: 17s; animation-delay: -1s;\"><\/div>\r\n            <div class=\"water-bubble-mural\" style=\"left: 55%; width: 45px; height: 45px; animation-duration: 20s; animation-delay: -17s;\"><\/div>\r\n            <div class=\"water-bubble-mural\" style=\"left: 70%; width: 55px; height: 55px; animation-duration: 18s; animation-delay: -9s;\"><\/div>\r\n            <div class=\"water-bubble-mural\" style=\"left: 90%; width: 48px; height: 48px; animation-duration: 19s; animation-delay: -4s;\"><\/div>\r\n            <div class=\"water-bubble-mural\" style=\"left: 62%; width: 52px; height: 52px; animation-duration: 21s; animation-delay: -14s;\"><\/div>\r\n            <div class=\"water-bubble-mural\" style=\"left: 12%; width: 25px; height: 25px; animation-duration: 14s; animation-delay: -11s;\"><\/div>\r\n            <div class=\"water-bubble-mural\" style=\"left: 22%; width: 20px; height: 20px; animation-duration: 13s; animation-delay: -6s;\"><\/div>\r\n            <div class=\"water-bubble-mural\" style=\"left: 32%; width: 30px; height: 30px; animation-duration: 15s; animation-delay: -3s;\"><\/div>\r\n            <div class=\"water-bubble-mural\" style=\"left: 42%; width: 22px; height: 22px; animation-duration: 12s; animation-delay: -8s;\"><\/div>\r\n            <div class=\"water-bubble-mural\" style=\"left: 48%; width: 28px; height: 28px; animation-duration: 14s; animation-delay: -13s;\"><\/div>\r\n            <div class=\"water-bubble-mural\" style=\"left: 78%; width: 35px; height: 35px; animation-duration: 16s; animation-delay: -7s;\"><\/div>\r\n        <\/div>\r\n\r\n        <div class=\"relative z-20 flex flex-col items-center w-full max-w-5xl mx-auto text-center mt-4\">\r\n            <div class=\"bg-white\/90 backdrop-blur-sm text-[#16b3a4] text-[10px] md:text-xs font-bold px-5 py-2 rounded-full mb-8 shadow-sm tracking-widest uppercase border border-white\">\r\n                UFRGS - CAMPUS LITORAL NORTE | CECLIMAR            <\/div>\r\n            <h2 class=\"text-[32px] md:text-[48px] lg:text-[56px] font-black text-[#0f172a] leading-[1.1] mb-8 tracking-tight max-w-4xl mx-auto drop-shadow-sm\">\r\n                Monitoramento Ambiental do <br class=\"hidden md:block\">\r\n                <span class=\"text-[#16b3a4]\">Complexo Estuarino-Lagunar<br class=\"hidden lg:block\"> Armaz\u00e9m-Tramanda\u00ed.<\/span>\r\n            <\/h2>\r\n            <div class=\"bg-white\/60 backdrop-blur-xl border border-white\/80 rounded-[20px] p-6 md:p-8 w-full max-w-4xl shadow-lg mb-10 relative overflow-hidden\">\r\n                <p class=\"relative z-10 text-[#334155] text-[15px] md:text-[17px] font-medium leading-relaxed m-0\">\r\n                    Este projeto visa monitorar as vari\u00e1veis f\u00edsico-qu\u00edmicas da \u00e1gua do CELTA de modo cont\u00ednuo e sistem\u00e1tico e criar um banco de dados para subsidiar pesquisas na regi\u00e3o e a\u00e7\u00f5es de preven\u00e7\u00e3o a eventos extremos de mudan\u00e7a clim\u00e1tica.                <\/p>\r\n            <\/div>\r\n            <div class=\"flex flex-col sm:flex-row gap-4 w-full sm:w-auto mb-16 md:mb-20\">\r\n                <a href=\"https:\/\/www.ufrgs.br\/celta\/galeria-de-imagens\/\" class=\"inline-flex justify-center items-center bg-[#0f172a] text-white font-bold text-[15px] py-4 px-8 rounded-full shadow-xl hover:bg-[#1e293b] hover:-translate-y-0.5 transition-all duration-200 no-underline\">\r\n                    Registros de Campo                <\/a>\r\n                <a href=\"https:\/\/www.ufrgs.br\/celta\/dashboard\/\" class=\"inline-flex justify-center items-center bg-white\/80 backdrop-blur-sm text-[#16b3a4] font-bold text-[15px] py-4 px-8 rounded-full shadow-lg hover:shadow-xl hover:-translate-y-0.5 transition-all duration-200 no-underline border border-white\">\r\n                    Ver Mapa de Pontos                <\/a>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"relative z-20 w-full max-w-5xl mx-auto bg-white\/60 backdrop-blur-2xl border border-white\/80 rounded-[2.5rem] p-6 md:p-8 shadow-[0_20px_50px_rgba(0,0,0,0.05)]\">\r\n            <div class=\"text-center mb-8\">\r\n                <span class=\"block text-[#10b981] text-[11px] font-extrabold uppercase tracking-widest mb-2\">Acervo Fotogr\u00e1fico<\/span>\r\n                <h3 class=\"text-3xl md:text-4xl font-black text-[#0f172a] tracking-tight\">Atividades e Coleta<\/h3>\r\n                <div class=\"h-1 w-16 bg-gradient-to-r from-[#10b981] to-[#0ea5e9] mx-auto mt-4 rounded-full\"><\/div>\r\n            <\/div>\r\n\r\n            <div class=\"grid grid-cols-2 md:grid-cols-6 auto-rows-[100px] md:auto-rows-[120px] gap-2 md:gap-3 grid-flow-row-dense\">\r\n                                    <div class=\"relative overflow-hidden rounded-xl bg-slate-200 shadow-sm border border-white\/50 hover:shadow-xl transition-all duration-500 hover:-translate-y-1 group col-span-2 md:col-span-2 row-span-2 md:row-span-2\">\r\n                        <img decoding=\"async\" src=\"https:\/\/www.ufrgs.br\/celta\/wp-content\/uploads\/2026\/03\/DJI_0508.jpg\" alt=\"Acervo Fotogr\u00e1fico\" class=\"absolute inset-0 cursor-zoom-in transition-transform duration-700 group-hover:scale-105\" style=\"width: 100% !important; height: 100% !important; object-fit: cover !important; max-width: 100% !important; max-height: 100% !important; margin: 0 !important; padding: 0 !important;\" onclick=\"abrirCeltaMuralZoom(this.src)\" \/>\r\n                    <\/div>\r\n                                    <div class=\"relative overflow-hidden rounded-xl bg-slate-200 shadow-sm border border-white\/50 hover:shadow-xl transition-all duration-500 hover:-translate-y-1 group col-span-2 md:col-span-4 row-span-2 md:row-span-3\">\r\n                        <img decoding=\"async\" src=\"https:\/\/www.ufrgs.br\/celta\/wp-content\/uploads\/2026\/03\/DJI_0448.jpg\" alt=\"Acervo Fotogr\u00e1fico\" class=\"absolute inset-0 cursor-zoom-in transition-transform duration-700 group-hover:scale-105\" style=\"width: 100% !important; height: 100% !important; object-fit: cover !important; max-width: 100% !important; max-height: 100% !important; margin: 0 !important; padding: 0 !important;\" onclick=\"abrirCeltaMuralZoom(this.src)\" \/>\r\n                    <\/div>\r\n                                    <div class=\"relative overflow-hidden rounded-xl bg-slate-200 shadow-sm border border-white\/50 hover:shadow-xl transition-all duration-500 hover:-translate-y-1 group col-span-2 md:col-span-4 row-span-2 md:row-span-3\">\r\n                        <img decoding=\"async\" src=\"https:\/\/www.ufrgs.br\/celta\/wp-content\/uploads\/2026\/03\/DJI_0436.jpg\" alt=\"Acervo Fotogr\u00e1fico\" class=\"absolute inset-0 cursor-zoom-in transition-transform duration-700 group-hover:scale-105\" style=\"width: 100% !important; height: 100% !important; object-fit: cover !important; max-width: 100% !important; max-height: 100% !important; margin: 0 !important; padding: 0 !important;\" onclick=\"abrirCeltaMuralZoom(this.src)\" \/>\r\n                    <\/div>\r\n                                    <div class=\"relative overflow-hidden rounded-xl bg-slate-200 shadow-sm border border-white\/50 hover:shadow-xl transition-all duration-500 hover:-translate-y-1 group col-span-2 md:col-span-2 row-span-2 md:row-span-2\">\r\n                        <img decoding=\"async\" src=\"https:\/\/www.ufrgs.br\/celta\/wp-content\/uploads\/2026\/03\/DJI_0409.jpg\" alt=\"Acervo Fotogr\u00e1fico\" class=\"absolute inset-0 cursor-zoom-in transition-transform duration-700 group-hover:scale-105\" style=\"width: 100% !important; height: 100% !important; object-fit: cover !important; max-width: 100% !important; max-height: 100% !important; margin: 0 !important; padding: 0 !important;\" onclick=\"abrirCeltaMuralZoom(this.src)\" \/>\r\n                    <\/div>\r\n                                    <div class=\"relative overflow-hidden rounded-xl bg-slate-200 shadow-sm border border-white\/50 hover:shadow-xl transition-all duration-500 hover:-translate-y-1 group col-span-2 md:col-span-3 row-span-2 md:row-span-2\">\r\n                        <img decoding=\"async\" src=\"https:\/\/www.ufrgs.br\/celta\/wp-content\/uploads\/2026\/03\/DJI_0483.jpg\" alt=\"Acervo Fotogr\u00e1fico\" class=\"absolute inset-0 cursor-zoom-in transition-transform duration-700 group-hover:scale-105\" style=\"width: 100% !important; height: 100% !important; object-fit: cover !important; max-width: 100% !important; max-height: 100% !important; margin: 0 !important; padding: 0 !important;\" onclick=\"abrirCeltaMuralZoom(this.src)\" \/>\r\n                    <\/div>\r\n                                    <div class=\"relative overflow-hidden rounded-xl bg-slate-200 shadow-sm border border-white\/50 hover:shadow-xl transition-all duration-500 hover:-translate-y-1 group col-span-2 md:col-span-2 row-span-2 md:row-span-2\">\r\n                        <img decoding=\"async\" src=\"https:\/\/www.ufrgs.br\/celta\/wp-content\/uploads\/2026\/03\/DJI_0435.jpg\" alt=\"Acervo Fotogr\u00e1fico\" class=\"absolute inset-0 cursor-zoom-in transition-transform duration-700 group-hover:scale-105\" style=\"width: 100% !important; height: 100% !important; object-fit: cover !important; max-width: 100% !important; max-height: 100% !important; margin: 0 !important; padding: 0 !important;\" onclick=\"abrirCeltaMuralZoom(this.src)\" \/>\r\n                    <\/div>\r\n                            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n\r\n        <div id=\"celta-lightbox\" class=\"fixed inset-0 z-[9999] hidden bg-slate-900\/95 flex flex-col items-center justify-center p-4 backdrop-blur-md cursor-zoom-out\" onclick=\"fecharCeltaMuralZoom()\">\r\n        <span class=\"absolute top-6 right-8 text-white\/70 hover:text-white text-5xl font-light cursor-pointer transition-colors\">&times;<\/span>\r\n        <img decoding=\"async\" id=\"celta-lightbox-img\" src=\"\" class=\"max-w-full max-h-[90vh] object-contain rounded-lg shadow-[0_0_50px_rgba(0,0,0,0.5)]\" \/>\r\n    <\/div>\r\n\r\n    <script>\r\n        function abrirCeltaMuralZoom(src) {\r\n            var modal = document.getElementById('celta-lightbox');\r\n            var img = document.getElementById('celta-lightbox-img');\r\n            img.src = src;\r\n            modal.classList.remove('hidden');\r\n        }\r\n        \r\n        function fecharCeltaMuralZoom() {\r\n            var modal = document.getElementById('celta-lightbox');\r\n            var img = document.getElementById('celta-lightbox-img');\r\n            modal.classList.add('hidden');\r\n            setTimeout(function() { img.src = ''; }, 300);\r\n        }\r\n\r\n        document.addEventListener('keydown', function(event){\r\n            if(event.key === \"Escape\"){\r\n                fecharCeltaMuralZoom();\r\n            }\r\n        });\r\n    <\/script>\r\n    <\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-16","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.ufrgs.br\/celta\/wp-json\/wp\/v2\/pages\/16","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.ufrgs.br\/celta\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.ufrgs.br\/celta\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.ufrgs.br\/celta\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.ufrgs.br\/celta\/wp-json\/wp\/v2\/comments?post=16"}],"version-history":[{"count":55,"href":"https:\/\/www.ufrgs.br\/celta\/wp-json\/wp\/v2\/pages\/16\/revisions"}],"predecessor-version":[{"id":496,"href":"https:\/\/www.ufrgs.br\/celta\/wp-json\/wp\/v2\/pages\/16\/revisions\/496"}],"wp:attachment":[{"href":"https:\/\/www.ufrgs.br\/celta\/wp-json\/wp\/v2\/media?parent=16"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}