{"id":611,"date":"2026-08-04T17:48:42","date_gmt":"2026-08-04T16:48:42","guid":{"rendered":"https:\/\/nublo.tv\/?page_id=611"},"modified":"2026-08-05T20:21:08","modified_gmt":"2026-08-05T19:21:08","slug":"buzon-ciudadano","status":"publish","type":"page","link":"https:\/\/nublo.tv\/index.php\/buzon-ciudadano\/","title":{"rendered":"Buz\u00f3n Ciudadano"},"content":{"rendered":"\n<div class=\"buzon-ciudadano-container\" style=\"max-width: 800px; margin: 0 auto; font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif; color: #2c3e50; line-height: 1.6; padding: 20px;\">\n    \n    <div style=\"text-align: center; margin-bottom: 30px;\">\n        <span style=\"background-color: #e3f2fd; color: #1976d2; padding: 6px 16px; border-radius: 20px; font-size: 0.85rem; font-weight: 600; text-transform: uppercase; letter-spacing: 1px;\">Participaci\u00f3n Abierta<\/span>\n        <h1 style=\"font-size: 2.2rem; color: #1a252f; margin-top: 15px; margin-bottom: 10px; font-weight: 800;\">Buz\u00f3n Ciudadano de Nublo.tv<\/h1>\n        <p style=\"font-size: 1.1rem; color: #7f8c8d; max-width: 650px; margin: 0 auto;\">Tu voz, tus im\u00e1genes y tus noticias en primera l\u00ednea. Conecta directamente con nuestra redacci\u00f3n.<\/p>\n    <\/div>\n\n    <div style=\"background: #f8f9fa; border-left: 4px solid #1976d2; padding: 20px 25px; border-radius: 0 8px 8px 0; margin-bottom: 35px; box-shadow: 0 2px 4px rgba(0,0,0,0.02);\">\n        <p style=\"margin: 0; font-size: 1.05rem; color: #34495e;\">\n            \u00bfHas presenciado un acontecimiento de \u00faltima hora, tienes un v\u00eddeo exclusivo, una fotograf\u00eda impactante o consideras que hay un asunto en tu barrio que merece ser contado? Este es tu espacio para convertirte en el protagonista de la informaci\u00f3n.\n        <\/p>\n    <\/div>\n\n    <div style=\"display: flex; flex-direction: column; gap: 20px; margin-bottom: 40px;\">\n        <div style=\"background: #ffffff; border: 1px solid #e2e8f0; border-radius: 8px; padding: 20px; display: flex; align-items: flex-start; gap: 15px; box-shadow: 0 1px 3px rgba(0,0,0,0.05);\">\n            <div style=\"background: #e3f2fd; color: #1976d2; width: 40px; height: 40px; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-weight: bold; flex-shrink: 0; font-size: 1.2rem;\">\ud83d\udcf7<\/div>\n            <div>\n                <h3 style=\"margin: 0 0 5px 0; font-size: 1.1rem; color: #2c3e50;\">Fotograf\u00edas y V\u00eddeos<\/h3>\n                <p style=\"margin: 0; color: #64748b; font-size: 0.95rem;\">Env\u00edanos tus archivos multimedia para ilustrar lo que est\u00e1 pasando en el momento exacto en el que sucede.<\/p>\n            <\/div>\n        <\/div>\n\n        <div style=\"background: #ffffff; border: 1px solid #e2e8f0; border-radius: 8px; padding: 20px; display: flex; align-items: flex-start; gap: 15px; box-shadow: 0 1px 3px rgba(0,0,0,0.05);\">\n            <div style=\"background: #e3f2fd; color: #1976d2; width: 40px; height: 40px; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-weight: bold; flex-shrink: 0; font-size: 1.2rem;\">\ud83d\udce2<\/div>\n            <div>\n                <h3 style=\"margin: 0 0 5px 0; font-size: 1.1rem; color: #2c3e50;\">Informaci\u00f3n y Alertas<\/h3>\n                <p style=\"margin: 0; color: #64748b; font-size: 0.95rem;\">Cu\u00e9ntanos historias, avisos, incidencias urbanas, denuncias vecinales o datos de inter\u00e9s general.<\/p>\n            <\/div>\n        <\/div>\n    <\/div>\n\n    <div style=\"background: #ffffff; border: 2px dashed #cbd5e1; border-radius: 12px; padding: 30px; text-align: center; margin-top: 30px;\">\n        <h3 style=\"margin-top: 0; color: #1e293b; font-size: 1.3rem; margin-bottom: 15px;\">Env\u00edanos tu aportaci\u00f3n<\/h3>\n        <p style=\"color: #64748b; font-size: 0.95rem; margin-bottom: 25px;\">Rellena el siguiente formulario de manera r\u00e1pida y segura para hacer llegar tu material directamente a la redacci\u00f3n de Nublo.tv:<\/p>\n        \n        <div class=\"wordpress-form-container\" style=\"text-align: left;\">\n                <div class=\"nublo-citizen-button-container\" style=\"font-family: sans-serif; display: inline-block;\">\n        <a href=\"#buzon-ciudadano\" class=\"nublo-btn-buzon\" style=\"background: linear-gradient(135deg, #c0392b, #d35400); color: white; padding: 8px 18px; border-radius: 50px; text-decoration: none; font-weight: bold; font-size: 0.9rem; display: inline-flex; align-items: center; gap: 8px; box-shadow: 0 4px 10px rgba(192, 57, 43, 0.3);\">\n            <span style=\"font-size: 1.1rem;\">\ud83d\udcec<\/span> Buz\u00f3n Abierto\n        <\/a>\n    <\/div>\n\n    <div id=\"buzon-ciudadano\" class=\"nublo-modal-overlay\" style=\"display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.6); z-index: 99999; justify-content: center; align-items: center; padding: 20px; box-sizing: border-box;\">\n        <div class=\"nublo-modal-content\" style=\"background: white; width: 100%; max-width: 600px; padding: 30px; border-radius: 8px; position: relative; box-shadow: 0 10px 25px rgba(0,0,0,0.2); max-height: 90vh; overflow-y: auto;\">\n            \n            <a href=\"#\" class=\"nublo-close-modal\" style=\"position: absolute; top: 15px; right: 20px; font-size: 1.5rem; text-decoration: none; color: #7f8c8d; font-weight: bold;\">&times;<\/a>\n            \n            <div style=\"text-align: center; margin-bottom: 20px;\">\n                <h2 style=\"margin: 0 0 5px 0; color: #2c3e50; font-size: 1.5rem;\">Buz\u00f3n Ciudadano de Nublo.tv<\/h2>\n                <p style=\"margin: 0; color: #7f8c8d; font-size: 0.9rem;\">Haznos llegar eventos, avisos, cultura o la actualidad de tu municipio.<\/p>\n            <\/div>\n\n            <form method=\"POST\" enctype=\"multipart\/form-data\" style=\"display: grid; gap: 15px;\">\n                <div>\n                    <label style=\"display: block; margin-bottom: 5px; font-weight: bold; font-size: 0.9rem; color: #34495e;\">Nombre y Apellidos<\/label>\n                    <input type=\"text\" name=\"nublo_nombre\" required placeholder=\"Tu nombre\" style=\"width: 100%; padding: 10px; border: 1px solid #bdc3c7; border-radius: 4px; font-size: 0.9rem; box-sizing: border-box;\">\n                <\/div>\n\n                <div style=\"display: grid; grid-template-columns: 1fr 1fr; gap: 10px;\">\n                    <div>\n                        <label style=\"display: block; margin-bottom: 5px; font-weight: bold; font-size: 0.9rem; color: #34495e;\">Correo Electr\u00f3nico<\/label>\n                        <input type=\"email\" name=\"nublo_email\" required placeholder=\"tu@correo.com\" style=\"width: 100%; padding: 10px; border: 1px solid #bdc3c7; border-radius: 4px; font-size: 0.9rem; box-sizing: border-box;\">\n                    <\/div>\n                    <div>\n                        <label style=\"display: block; margin-bottom: 5px; font-weight: bold; font-size: 0.9rem; color: #34495e;\">Tel\u00e9fono de Contacto<\/label>\n                        <input type=\"tel\" name=\"nublo_telefono\" placeholder=\"600 000 000\" style=\"width: 100%; padding: 10px; border: 1px solid #bdc3c7; border-radius: 4px; font-size: 0.9rem; box-sizing: border-box;\">\n                    <\/div>\n                <\/div>\n\n                <div>\n                    <label style=\"display: block; margin-bottom: 5px; font-weight: bold; font-size: 0.9rem; color: #34495e;\">Municipio al que pertenece la informaci\u00f3n<\/label>\n                    <select name=\"nublo_municipio\" required style=\"width: 100%; padding: 10px; border: 1px solid #bdc3c7; border-radius: 4px; font-size: 0.9rem; background: white; box-sizing: border-box;\">\n                        <option value=\"\">Selecciona un municipio...<\/option>\n                                                    <option value=\"Agaete\">Agaete<\/option>\n                                                    <option value=\"Ag\u00fcimes\">Ag\u00fcimes<\/option>\n                                                    <option value=\"Artenara\">Artenara<\/option>\n                                                    <option value=\"Arucas\">Arucas<\/option>\n                                                    <option value=\"Firgas\">Firgas<\/option>\n                                                    <option value=\"G\u00e1ldar\">G\u00e1ldar<\/option>\n                                                    <option value=\"Ingenio\">Ingenio<\/option>\n                                                    <option value=\"La Aldea de San Nicol\u00e1s\">La Aldea de San Nicol\u00e1s<\/option>\n                                                    <option value=\"Las Palmas de Gran Canaria\">Las Palmas de Gran Canaria<\/option>\n                                                    <option value=\"Mog\u00e1n\">Mog\u00e1n<\/option>\n                                                    <option value=\"Moya\">Moya<\/option>\n                                                    <option value=\"San Bartolom\u00e9 de Tirajana\">San Bartolom\u00e9 de Tirajana<\/option>\n                                                    <option value=\"Santa Br\u00edgida\">Santa Br\u00edgida<\/option>\n                                                    <option value=\"Santa Luc\u00eda de Tirajana\">Santa Luc\u00eda de Tirajana<\/option>\n                                                    <option value=\"Santa Mar\u00eda de Gu\u00eda\">Santa Mar\u00eda de Gu\u00eda<\/option>\n                                                    <option value=\"Tejeda\">Tejeda<\/option>\n                                                    <option value=\"Telde\">Telde<\/option>\n                                                    <option value=\"Teror\">Teror<\/option>\n                                                    <option value=\"Valleseco\">Valleseco<\/option>\n                                                    <option value=\"Valsequillo de Gran Canaria\">Valsequillo de Gran Canaria<\/option>\n                                                    <option value=\"Vega de San Mateo\">Vega de San Mateo<\/option>\n                                            <\/select>\n                <\/div>\n\n                <div>\n                    <label style=\"display: block; margin-bottom: 5px; font-weight: bold; font-size: 0.9rem; color: #34495e;\">Tipo de Contenido<\/label>\n                    <select name=\"nublo_tipo\" required style=\"width: 100%; padding: 10px; border: 1px solid #bdc3c7; border-radius: 4px; font-size: 0.9rem; background: white; box-sizing: border-box;\">\n                        <option value=\"Noticia\">Noticia o Actualidad<\/option>\n                        <option value=\"Evento\">Aviso de Evento \/ Fiestas<\/option>\n                        <option value=\"Cultura\">Cultura o Tradici\u00f3n<\/option>\n                        <option value=\"Deporte\">Deporte Local<\/option>\n                        <option value=\"Incidencia\">Incidencia o Reclamaci\u00f3n Ciudadana<\/option>\n                    <\/select>\n                <\/div>\n\n                <div>\n                    <label style=\"display: block; margin-bottom: 5px; font-weight: bold; font-size: 0.9rem; color: #34495e;\">Cu\u00e9ntanos los detalles<\/label>\n                    <textarea name=\"nublo_mensaje\" rows=\"4\" required placeholder=\"Describe la informaci\u00f3n, incluye fechas, lugares o enlaces de inter\u00e9s...\" style=\"width: 100%; padding: 10px; border: 1px solid #bdc3c7; border-radius: 4px; font-size: 0.9rem; box-sizing: border-box; resize: vertical;\"><\/textarea>\n                <\/div>\n\n                <div>\n                    <label style=\"display: block; margin-bottom: 5px; font-weight: bold; font-size: 0.9rem; color: #34495e;\">Adjuntar Fotograf\u00edas \/ Archivos<\/label>\n                    <input type=\"file\" name=\"nublo_archivo[]\" id=\"nublo-buzon-archivos\" multiple accept=\"image\/*,.pdf,.doc,.docx\" style=\"font-size: 0.9rem;\">\n                    <p id=\"nublo-buzon-archivos-help\" style=\"margin: 5px 0 0; font-size: 0.78rem; color: #7f8c8d;\">Hasta 10 archivos, m\u00e1ximo 3&nbsp;MB cada uno.<\/p>\n                <\/div>\n\n                <div style=\"font-size: 0.8rem; color: #7f8c8d; line-height: 1.4;\">\n                    <input type=\"checkbox\" required name=\"nublo_privacidad\" style=\"margin-right: 5px;\"> Consiento el tratamiento de mis datos para la gesti\u00f3n de la informaci\u00f3n remitida a Nublo.tv.\n                <\/div>\n\n                <input type=\"hidden\" name=\"nublo_enviar_form_v2\" value=\"1\">\n                <button type=\"submit\" style=\"background-color: #2c3e50; color: white; padding: 12px; border: none; border-radius: 4px; font-weight: bold; font-size: 1rem; cursor: pointer;\">Enviar Informaci\u00f3n al Buz\u00f3n<\/button>\n            <\/form>\n        <\/div>\n    <\/div>\n\n    <script>\n    document.addEventListener(\"DOMContentLoaded\", function() {\n        const btnBuzon = document.querySelector('.nublo-btn-buzon');\n        const modalBuzon = document.getElementById('buzon-ciudadano');\n        const cerrarModal = document.querySelector('.nublo-close-modal');\n\n        if(btnBuzon && modalBuzon) {\n            btnBuzon.addEventListener('click', function(e) {\n                e.preventDefault();\n                modalBuzon.style.display = 'flex';\n            });\n            cerrarModal.addEventListener('click', function(e) {\n                e.preventDefault();\n                modalBuzon.style.display = 'none';\n            });\n            modalBuzon.addEventListener('click', function(e) {\n                if (e.target === modalBuzon) {\n                    modalBuzon.style.display = 'none';\n                }\n            });\n        }\n\n        \/\/ Validaci\u00f3n en el navegador de \"hasta 10 archivos, 3MB cada uno\" -es\n        \/\/ solo para avisar cuanto antes; el l\u00edmite real y obligatorio se\n        \/\/ vuelve a comprobar en el servidor en nublo_guardar_envio_ciudadano(),\n        \/\/ que es el \u00fanico sitio en el que no se puede hacer trampa.\n        const inputArchivos = document.getElementById('nublo-buzon-archivos');\n        const ayudaArchivos = document.getElementById('nublo-buzon-archivos-help');\n        const formBuzon = inputArchivos ? inputArchivos.closest('form') : null;\n        const NUBLO_BUZON_MAX_ARCHIVOS = 10;\n        const NUBLO_BUZON_MAX_BYTES = 3 * 1024 * 1024;\n\n        function nubloBuzonValidarArchivos() {\n            if (!inputArchivos || !inputArchivos.files.length) {\n                ayudaArchivos.style.color = '#7f8c8d';\n                ayudaArchivos.textContent = 'Hasta 10 archivos, m\u00e1ximo 3 MB cada uno.';\n                return true;\n            }\n            const files = Array.from(inputArchivos.files);\n            if (files.length > NUBLO_BUZON_MAX_ARCHIVOS) {\n                ayudaArchivos.style.color = '#c0392b';\n                ayudaArchivos.textContent = 'Has seleccionado ' + files.length + ' archivos: el m\u00e1ximo son ' + NUBLO_BUZON_MAX_ARCHIVOS + '.';\n                return false;\n            }\n            const demasiadoGrande = files.filter(function (f) { return f.size > NUBLO_BUZON_MAX_BYTES; });\n            if (demasiadoGrande.length) {\n                ayudaArchivos.style.color = '#c0392b';\n                ayudaArchivos.textContent = '\"' + demasiadoGrande[0].name + '\" pesa m\u00e1s de 3 MB. Quita o reduce ese archivo antes de enviar.';\n                return false;\n            }\n            ayudaArchivos.style.color = '#27ae60';\n            ayudaArchivos.textContent = files.length + ' archivo' + (files.length === 1 ? '' : 's') + ' listo' + (files.length === 1 ? '' : 's') + ' para enviar.';\n            return true;\n        }\n\n        if (inputArchivos) {\n            inputArchivos.addEventListener('change', nubloBuzonValidarArchivos);\n        }\n        if (formBuzon) {\n            formBuzon.addEventListener('submit', function (e) {\n                if (!nubloBuzonValidarArchivos()) {\n                    e.preventDefault();\n                    inputArchivos.focus();\n                }\n            });\n        }\n    });\n    <\/script>\n    \n        <\/div>\n    <\/div>\n\n<\/div>\n\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Participaci\u00f3n Abierta Buz\u00f3n Ciudadano de Nublo.tv Tu voz, tus im\u00e1genes y tus noticias en primera l\u00ednea. Conecta directamente con nuestra redacci\u00f3n. \u00bfHas presenciado un acontecimiento de \u00faltima hora, tienes un v\u00eddeo exclusivo, una fotograf\u00eda impactante o consideras que hay un asunto en tu barrio que merece ser contado? Este es tu espacio para convertirte en [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"wpai_generated_summary":"","wpai_meta_description":"","footnotes":""},"class_list":["post-611","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/nublo.tv\/index.php\/wp-json\/wp\/v2\/pages\/611","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/nublo.tv\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/nublo.tv\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/nublo.tv\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/nublo.tv\/index.php\/wp-json\/wp\/v2\/comments?post=611"}],"version-history":[{"count":2,"href":"https:\/\/nublo.tv\/index.php\/wp-json\/wp\/v2\/pages\/611\/revisions"}],"predecessor-version":[{"id":1265,"href":"https:\/\/nublo.tv\/index.php\/wp-json\/wp\/v2\/pages\/611\/revisions\/1265"}],"wp:attachment":[{"href":"https:\/\/nublo.tv\/index.php\/wp-json\/wp\/v2\/media?parent=611"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}