{"id":4868,"date":"2025-11-19T21:41:42","date_gmt":"2025-11-19T21:41:42","guid":{"rendered":"https:\/\/escoladigital.madeira.gov.pt\/ebsscruz\/?p=4868"},"modified":"2025-11-19T21:42:06","modified_gmt":"2025-11-19T21:42:06","slug":"4868","status":"publish","type":"post","link":"https:\/\/escoladigital.madeira.gov.pt\/ebsscruz\/2025\/11\/19\/4868\/","title":{"rendered":"Canal de Den\u00fancias"},"content":{"rendered":"\n\n\n\n    \n    \n    <title>Canal de Den\u00fancias &#8211; EBSSC<\/title>\n    \n        * {\n            margin: 0;\n            padding: 0;\n            box-sizing: border-box;\n        }\n\n        body {\n            font-family: &#8216;Segoe UI&#8217;, Tahoma, Geneva, Verdana, sans-serif;\n            background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);\n            min-height: 100vh;\n            padding: 20px;\n        }\n\n        .container {\n            max-width: 900px;\n            margin: 0 auto;\n            background: white;\n            border-radius: 20px;\n            box-shadow: 0 20px 60px rgba(0,0,0,0.3);\n            overflow: hidden;\n        }\n\n        .header {\n            background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);\n            color: white;\n            padding: 40px 30px;\n            text-align: center;\n        }\n\n        .header h1 {\n            font-size: 2.5em;\n            margin-bottom: 10px;\n            text-shadow: 2px 2px 4px rgba(0,0,0,0.2);\n        }\n\n        .header p {\n            font-size: 1.1em;\n            opacity: 0.95;\n        }\n\n        .content {\n            padding: 40px 30px;\n        }\n\n        .info-box {\n            background: #f8f9ff;\n            border-left: 5px solid #667eea;\n            padding: 20px;\n            margin-bottom: 30px;\n            border-radius: 8px;\n        }\n\n        .info-box h2 {\n            color: #667eea;\n            margin-bottom: 15px;\n            font-size: 1.5em;\n        }\n\n        .info-box p {\n            line-height: 1.6;\n            color: #555;\n            margin-bottom: 10px;\n        }\n\n        .info-box ul {\n            margin-left: 20px;\n            margin-top: 10px;\n        }\n\n        .info-box li {\n            margin: 8px 0;\n            color: #555;\n            line-height: 1.6;\n        }\n\n        .form-section {\n            background: #fff;\n            padding: 30px;\n            border-radius: 12px;\n            border: 2px solid #e0e0e0;\n        }\n\n        .form-group {\n            margin-bottom: 25px;\n        }\n\n        label {\n            display: block;\n            margin-bottom: 8px;\n            font-weight: 600;\n            color: #333;\n            font-size: 1em;\n        }\n\n        .required {\n            color: #e74c3c;\n        }\n\n        input[type=&#8221;text&#8221;],\n        input[type=&#8221;email&#8221;],\n        select,\n        textarea {\n            width: 100%;\n            padding: 12px 15px;\n            border: 2px solid #ddd;\n            border-radius: 8px;\n            font-size: 1em;\n            transition: all 0.3s ease;\n            font-family: inherit;\n        }\n\n        input:focus,\n        select:focus,\n        textarea:focus {\n            outline: none;\n            border-color: #667eea;\n            box-shadow: 0 0 0 3px rgba(102, 126, 234, 0.1);\n        }\n\n        textarea {\n            min-height: 150px;\n            resize: vertical;\n        }\n\n        .checkbox-group {\n            display: flex;\n            align-items: center;\n            margin: 15px 0;\n        }\n\n        .checkbox-group input[type=&#8221;checkbox&#8221;] {\n            width: 20px;\n            height: 20px;\n            margin-right: 10px;\n            cursor: pointer;\n        }\n\n        .checkbox-group label {\n            margin: 0;\n            font-weight: normal;\n            cursor: pointer;\n        }\n\n        .submit-btn {\n            background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);\n            color: white;\n            padding: 15px 40px;\n            border: none;\n            border-radius: 8px;\n            font-size: 1.1em;\n            font-weight: 600;\n            cursor: pointer;\n            transition: all 0.3s ease;\n            width: 100%;\n            margin-top: 20px;\n        }\n\n        .submit-btn:hover {\n            transform: translateY(-2px);\n            box-shadow: 0 10px 25px rgba(102, 126, 234, 0.4);\n        }\n\n        .submit-btn:active {\n            transform: translateY(0);\n        }\n\n        .help-contacts {\n            background: #fff3cd;\n            border-left: 5px solid #ffc107;\n            padding: 20px;\n            margin-top: 30px;\n            border-radius: 8px;\n        }\n\n        .help-contacts h3 {\n            color: #856404;\n            margin-bottom: 15px;\n        }\n\n        .help-contacts p {\n            color: #856404;\n            line-height: 1.6;\n            margin: 8px 0;\n        }\n\n        .help-contacts strong {\n            color: #664d03;\n        }\n\n        .privacy-notice {\n            background: #e8f5e9;\n            border-left: 5px solid #4caf50;\n            padding: 15px;\n            margin-top: 20px;\n            border-radius: 8px;\n            font-size: 0.9em;\n        }\n\n        .privacy-notice p {\n            color: #2e7d32;\n            line-height: 1.5;\n        }\n\n        .success-message {\n            display: none;\n            background: #d4edda;\n            border: 2px solid #c3e6cb;\n            color: #155724;\n            padding: 20px;\n            border-radius: 8px;\n            margin-top: 20px;\n            text-align: center;\n        }\n\n        .success-message h3 {\n            margin-bottom: 10px;\n        }\n\n        @media (max-width: 768px) {\n            .header h1 {\n                font-size: 1.8em;\n            }\n\n            .content {\n                padding: 20px 15px;\n            }\n\n            .form-section {\n                padding: 20px 15px;\n            }\n        }\n    \n\n\n    <div class=\"container\">\n        <div class=\"header\">\n            <h1>\ud83d\udee1\ufe0f Canal de Den\u00fancias<\/h1>\n            <p>Escola B\u00e1sica e Secund\u00e1ria de Santa Cruz<\/p>\n        <\/div>\n\n        <div class=\"content\">\n            <div class=\"info-box\">\n                <h2>O que \u00e9 este canal?<\/h2>\n                <p>Este \u00e9 um espa\u00e7o seguro e confidencial onde podes reportar situa\u00e7\u00f5es que te preocupam ou que prejudicam o ambiente escolar. A tua voz \u00e9 importante e queremos ouvir-te.<\/p>\n                <p><strong>Podes denunciar situa\u00e7\u00f5es como:<\/strong><\/p>\n                <ul>\n                    <li>Bullying ou cyberbullying<\/li>\n                    <li>Viol\u00eancia f\u00edsica ou psicol\u00f3gica<\/li>\n                    <li>Discrimina\u00e7\u00e3o (racial, sexual, religiosa, etc.)<\/li>\n                    <li>Ass\u00e9dio de qualquer tipo<\/li>\n                    <li>Situa\u00e7\u00f5es de risco para a seguran\u00e7a<\/li>\n                    <li>Comportamentos inadequados de adultos ou colegas<\/li>\n                    <li>Outras situa\u00e7\u00f5es que consideres graves<\/li>\n                <\/ul>\n            <\/div>\n\n            <div class=\"info-box\">\n                <h2>\ud83d\udd12 A tua den\u00fancia \u00e9 confidencial<\/h2>\n                <p>Garantimos que a tua identidade ser\u00e1 protegida. Podes optar por fazer uma den\u00fancia an\u00f3nima ou identificar-te caso pretendas que entremos em contacto contigo. Todas as den\u00fancias s\u00e3o tratadas com seriedade e confidencialidade pela equipa da escola.<\/p>\n            <\/div>\n\n            <div class=\"form-section\">\n                <h2 style=\"color: #667eea;margin-bottom: 25px\">\ud83d\udcdd Formul\u00e1rio de Den\u00fancia<\/h2>\n                \n                <form>\n                    <div class=\"form-group\">\n                        <label for=\"tipo\">Tipo de Situa\u00e7\u00e3o <span class=\"required\">*<\/span><\/label>\n                        \n                            Selecione o tipo de situa\u00e7\u00e3o\n                            Bullying\n                            Cyberbullying\n                            Viol\u00eancia F\u00edsica\n                            Viol\u00eancia Psicol\u00f3gica\n                            Discrimina\u00e7\u00e3o\n                            Ass\u00e9dio\n                            Situa\u00e7\u00e3o de Risco\/Seguran\u00e7a\n                            Comportamento Inadequado\n                            Outro\n                        \n                    <\/div>\n\n                    <div class=\"form-group\">\n                        <label for=\"descricao\">Descri\u00e7\u00e3o da Situa\u00e7\u00e3o <span class=\"required\">*<\/span><\/label>\n                        <textarea id=\"descricao\" name=\"descricao\" required placeholder=\"Descreve o que aconteceu de forma detalhada: o qu\u00ea, quando, onde, quem estava envolvido...\"><\/textarea>\n                        <small style=\"color: #666\">Quanto mais detalhes forneceres, melhor poderemos ajudar.<\/small>\n                    <\/div>\n\n                    <div class=\"form-group\">\n                        <label for=\"local\">Local onde ocorreu<\/label>\n                        <input type=\"text\" id=\"local\" name=\"local\" placeholder=\"Ex: Sala de aula, recreio, corredor, online...\">\n                    <\/div>\n\n                    <div class=\"form-group\">\n                        <label for=\"data\">Quando aconteceu?<\/label>\n                        <input type=\"text\" id=\"data\" name=\"data\" placeholder=\"Ex: Ontem, 15 de novembro, esta semana...\">\n                    <\/div>\n\n                    <div class=\"form-group\">\n                        <label for=\"testemunhas\">Havia testemunhas?<\/label>\n                        <input type=\"text\" id=\"testemunhas\" name=\"testemunhas\" placeholder=\"Se sim, quem? (opcional)\">\n                    <\/div>\n\n                    <div class=\"form-group\">\n                        <label>Esta situa\u00e7\u00e3o j\u00e1 aconteceu antes?<\/label>\n                        <div class=\"checkbox-group\">\n                            <input type=\"radio\" id=\"recorrente-sim\" name=\"recorrente\">\n                            <label for=\"recorrente-sim\">Sim, j\u00e1 aconteceu outras vezes<\/label>\n                        <\/div>\n                        <div class=\"checkbox-group\">\n                            <input type=\"radio\" id=\"recorrente-nao\" name=\"recorrente\">\n                            <label for=\"recorrente-nao\">N\u00e3o, \u00e9 a primeira vez<\/label>\n                        <\/div>\n                    <\/div>\n\n                    <hr style=\"margin: 30px 0;border: none;border-top: 2px solid #e0e0e0\">\n\n                    <h3 style=\"color: #667eea;margin-bottom: 20px\">Identifica\u00e7\u00e3o (Opcional)<\/h3>\n                    <p style=\"color: #666;margin-bottom: 20px\">Se quiseres que entremos em contacto contigo para dar seguimento \u00e0 situa\u00e7\u00e3o, podes identificar-te. Caso contr\u00e1rio, a tua den\u00fancia ser\u00e1 totalmente an\u00f3nima.<\/p>\n\n                    <div class=\"checkbox-group\" style=\"margin-bottom: 20px\">\n                        <input type=\"checkbox\" id=\"anonimo\" name=\"anonimo\">\n                        <label for=\"anonimo\">Quero fazer uma den\u00fancia an\u00f3nima<\/label>\n                    <\/div>\n\n                    <div id=\"identificacao-fields\">\n                        <div class=\"form-group\">\n                            <label for=\"nome\">Nome completo<\/label>\n                            <input type=\"text\" id=\"nome\" name=\"nome\" placeholder=\"O teu nome (opcional)\">\n                        <\/div>\n\n                        <div class=\"form-group\">\n                            <label for=\"turma\">Turma<\/label>\n                            <input type=\"text\" id=\"turma\" name=\"turma\" placeholder=\"Ex: 7\u00baA, 10\u00baB... (opcional)\">\n                        <\/div>\n\n                        <div class=\"form-group\">\n                            <label for=\"contacto\">Email ou Telefone<\/label>\n                            <input type=\"text\" id=\"contacto\" name=\"contacto\" placeholder=\"Para podermos contactar-te (opcional)\">\n                        <\/div>\n                    <\/div>\n\n                    <div class=\"privacy-notice\">\n                        <p><strong>\ud83d\udd10 Garantia de Confidencialidade:<\/strong> Todos os dados fornecidos ser\u00e3o tratados com total confidencialidade e apenas ser\u00e3o acedidos pela equipa respons\u00e1vel. A tua privacidade \u00e9 a nossa prioridade.<\/p>\n                    <\/div>\n\n                    <button type=\"submit\" class=\"submit-btn\">Enviar Den\u00fancia<\/button>\n                <\/form>\n\n                <div id=\"successMessage\" class=\"success-message\">\n                    <h3>\u2705 Den\u00fancia enviada com sucesso!<\/h3>\n                    <p>Obrigado por partilhares esta situa\u00e7\u00e3o connosco. A tua den\u00fancia ser\u00e1 analisada pela equipa da escola e ser\u00e3o tomadas as medidas adequadas.<\/p>\n                    <p style=\"margin-top: 15px\">Se te identificaste, entraremos em contacto contigo brevemente.<\/p>\n                <\/div>\n            <\/div>\n\n            <div class=\"help-contacts\">\n                <h3>\ud83d\udcde Precisas de Ajuda Imediata?<\/h3>\n                <p><strong>Servi\u00e7o de Psicologia e Orienta\u00e7\u00e3o (SPO):<\/strong> Dispon\u00edvel na escola durante o hor\u00e1rio escolar<\/p>\n                <p><strong>Dire\u00e7\u00e3o da Escola:<\/strong> Podes falar diretamente com a Dire\u00e7\u00e3o<\/p>\n                <p><strong>Linha SOS Crian\u00e7a:<\/strong> 116 111 (gratuita e confidencial)<\/p>\n                <p><strong>APAV (Apoio \u00e0 V\u00edtima):<\/strong> 116 006<\/p>\n                <p><strong>Linha Internet Segura:<\/strong> 800 219 090<\/p>\n            <\/div>\n        <\/div>\n    <\/div>\n\n    \n        \/\/ Toggle dos campos de identifica\u00e7\u00e3o\n        document.getElementById(&#8216;anonimo&#8217;).addEventListener(&#8216;change&#8217;, function() {\n            const fields = document.getElementById(&#8216;identificacao-fields&#8217;);\n            if (this.checked) {\n                fields.style.opacity = &#8216;0.5&#8217;;\n                fields.style.pointerEvents = &#8216;none&#8217;;\n                document.getElementById(&#8216;nome&#8217;).value = &#8221;;\n                document.getElementById(&#8216;turma&#8217;).value = &#8221;;\n                document.getElementById(&#8216;contacto&#8217;).value = &#8221;;\n            } else {\n                fields.style.opacity = &#8216;1&#8217;;\n                fields.style.pointerEvents = &#8216;auto&#8217;;\n            }\n        });\n\n        \/\/ Submiss\u00e3o do formul\u00e1rio\n        document.getElementById(&#8216;denunciaForm&#8217;).addEventListener(&#8216;submit&#8217;, function(e) {\n            e.preventDefault();\n            \n            \/\/ Aqui voc\u00ea conectaria com o backend (Google Forms, email, etc.)\n            \/\/ Por agora, apenas mostramos a mensagem de sucesso\n            \n            const formData = new FormData(this);\n            const data = Object.fromEntries(formData);\n            \n            console.log(&#8216;Dados da den\u00fancia:&#8217;, data);\n            \n            \/\/ Esconder formul\u00e1rio e mostrar mensagem de sucesso\n            document.querySelector(&#8216;.form-section form&#8217;).style.display = &#8216;none&#8217;;\n            document.getElementById(&#8216;successMessage&#8217;).style.display = &#8216;block&#8217;;\n            \n            \/\/ Scroll para a mensagem de sucesso\n            document.getElementById(&#8216;successMessage&#8217;).scrollIntoView({ behavior: &#8216;smooth&#8217; });\n            \n            \/\/ IMPORTANTE: Aqui voc\u00ea deve implementar o envio real dos dados\n            \/\/ Op\u00e7\u00f5es:\n            \/\/ 1. Enviar para Google Forms via fetch\n            \/\/ 2. Enviar para email via servi\u00e7o como EmailJS\n            \/\/ 3. Enviar para backend pr\u00f3prio\n        });\n    \n\n\n","protected":false},"excerpt":{"rendered":"<p>Canal de Den\u00fancias &#8211; EBSSC * { margin: 0; padding: 0; box-sizing: border-box; } body { font-family: &#8216;Segoe UI&#8217;, Tahoma, [&hellip;]<\/p>\n","protected":false},"author":37,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"default","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"_themeisle_gutenberg_block_has_review":false,"footnotes":""},"categories":[1],"tags":[],"class_list":["post-4868","post","type-post","status-publish","format-standard","hentry","category-sem-categoria"],"_links":{"self":[{"href":"https:\/\/escoladigital.madeira.gov.pt\/ebsscruz\/wp-json\/wp\/v2\/posts\/4868","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/escoladigital.madeira.gov.pt\/ebsscruz\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/escoladigital.madeira.gov.pt\/ebsscruz\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/escoladigital.madeira.gov.pt\/ebsscruz\/wp-json\/wp\/v2\/users\/37"}],"replies":[{"embeddable":true,"href":"https:\/\/escoladigital.madeira.gov.pt\/ebsscruz\/wp-json\/wp\/v2\/comments?post=4868"}],"version-history":[{"count":2,"href":"https:\/\/escoladigital.madeira.gov.pt\/ebsscruz\/wp-json\/wp\/v2\/posts\/4868\/revisions"}],"predecessor-version":[{"id":4870,"href":"https:\/\/escoladigital.madeira.gov.pt\/ebsscruz\/wp-json\/wp\/v2\/posts\/4868\/revisions\/4870"}],"wp:attachment":[{"href":"https:\/\/escoladigital.madeira.gov.pt\/ebsscruz\/wp-json\/wp\/v2\/media?parent=4868"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/escoladigital.madeira.gov.pt\/ebsscruz\/wp-json\/wp\/v2\/categories?post=4868"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/escoladigital.madeira.gov.pt\/ebsscruz\/wp-json\/wp\/v2\/tags?post=4868"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}