{"id":1571,"date":"2026-04-17T05:47:48","date_gmt":"2026-04-17T10:47:48","guid":{"rendered":"https:\/\/codeba.edu.co\/?page_id=1571"},"modified":"2026-04-17T06:35:32","modified_gmt":"2026-04-17T11:35:32","slug":"pqrs","status":"publish","type":"page","link":"https:\/\/codeba.edu.co\/index.php\/pqrs\/","title":{"rendered":"Sistema de PQRS"},"content":{"rendered":"\n<figure class=\"wp-block-image size-large\"><img fetchpriority=\"high\" decoding=\"async\" width=\"1024\" height=\"307\" src=\"https:\/\/codeba.edu.co\/wp-content\/uploads\/2026\/04\/pqrs-1024x307.webp\" alt=\"pqrs\" class=\"wp-image-1585\" srcset=\"https:\/\/codeba.edu.co\/wp-content\/uploads\/2026\/04\/pqrs-1024x307.webp 1024w, https:\/\/codeba.edu.co\/wp-content\/uploads\/2026\/04\/pqrs-300x90.webp 300w, https:\/\/codeba.edu.co\/wp-content\/uploads\/2026\/04\/pqrs-768x230.webp 768w, https:\/\/codeba.edu.co\/wp-content\/uploads\/2026\/04\/pqrs-1536x461.webp 1536w, https:\/\/codeba.edu.co\/wp-content\/uploads\/2026\/04\/pqrs.webp 1920w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<!-- ============================================================\n     FORMULARIO PQRS \u2013 I.E.D. de Barranquilla CODEBA\n     Versi\u00f3n WordPress + Formspree (https:\/\/formspree.io\/f\/mbdqgzbw)\n     Norma: Ley 1437\/2011, Ley 1755\/2015, Circular 003\/2021 MEN\n     v2 \u2013 Radicado generado ANTES del env\u00edo para llegar al correo\n     ============================================================ -->\n\n<style>\n.pqrs-wrap *, .pqrs-wrap *::before, .pqrs-wrap *::after {\n  box-sizing: border-box; margin: 0; padding: 0;\n}\n.pqrs-wrap {\n  --azul:    #0D2B6B;\n  --azul2:   #163580;\n  --dorado:  #C8921A;\n  --crema:   #FDF6E3;\n  --texto:   #1A1A2E;\n  --borde:   rgba(200,146,26,.25);\n  --ok:      #1A6B3C;\n  --error:   #C0392B;\n  --sombra:  0 8px 40px rgba(13,43,107,.13);\n  font-family: 'Source Sans 3', 'Segoe UI', sans-serif;\n  color: var(--texto);\n  max-width: 860px;\n  margin: 0 auto;\n  padding: 12px 8px 56px;\n}\n\n\/* ENCABEZADO *\/\n.pqrs-header {\n  background: linear-gradient(135deg, var(--azul) 0%, #1a3f8a 100%);\n  border-radius: 14px 14px 0 0;\n  padding: 28px 36px;\n  display: flex;\n  align-items: center;\n  gap: 24px;\n  border-bottom: 5px solid var(--dorado);\n  position: relative;\n  overflow: hidden;\n}\n.pqrs-header::after {\n  content:'';\n  position:absolute; top:0; right:0; bottom:0; left:0;\n  background: radial-gradient(ellipse at 80% 50%, rgba(200,146,26,.12) 0%, transparent 65%);\n  pointer-events:none;\n}\n.pqrs-header-text { color:#fff; flex:1; }\n.pqrs-header-text h2 {\n  font-family: 'Playfair Display', 'Georgia', serif;\n  font-size: 1.55rem; line-height: 1.2;\n  letter-spacing: .03em; margin-bottom: 4px; color: #fff;\n}\n.pqrs-header-text p { font-size: .82rem; opacity: .72; font-weight: 300; margin-bottom: 8px; }\n.pqrs-header-tags { display:flex; flex-wrap:wrap; gap:6px; }\n.pqrs-header-tags span {\n  background: var(--dorado); color: var(--azul);\n  font-size: .65rem; font-weight: 700; letter-spacing: .1em;\n  text-transform: uppercase; padding: 3px 9px; border-radius: 20px;\n}\n\n\/* TARJETA *\/\n.pqrs-card {\n  background: #fff; border-radius: 0 0 14px 14px;\n  padding: 38px 40px 46px; box-shadow: var(--sombra);\n}\n\n\/* TIPO DE SOLICITUD *\/\n.pqrs-section-label {\n  font-size: .72rem; font-weight: 700; letter-spacing: .12em;\n  text-transform: uppercase; color: var(--dorado); margin-bottom: 12px;\n}\n.pqrs-tipos {\n  display: grid; grid-template-columns: repeat(6, 1fr);\n  gap: 10px; margin-bottom: 32px;\n}\n.pqrs-tipos input[type=\"radio\"] { display: none; }\n.pqrs-tipo-label {\n  display: flex; flex-direction: column; align-items: center;\n  justify-content: center; gap: 7px; padding: 14px 6px;\n  border: 2px solid var(--borde); border-radius: 11px; cursor: pointer;\n  font-size: .74rem; font-weight: 600; letter-spacing: .04em;\n  text-transform: uppercase; color: #666; background: var(--crema);\n  transition: all .22s ease; text-align: center; user-select: none;\n}\n.pqrs-tipo-label:hover {\n  border-color: var(--dorado); color: var(--azul);\n  transform: translateY(-2px); box-shadow: 0 4px 12px rgba(200,146,26,.18);\n}\n.pqrs-tipos input[type=\"radio\"]:checked + .pqrs-tipo-label {\n  border-color: var(--azul); background: var(--azul); color: var(--dorado);\n  box-shadow: 0 4px 16px rgba(13,43,107,.28); transform: translateY(-2px);\n}\n.pqrs-tipo-icon { font-size: 1.45rem; }\n\n\/* DESCRIPCI\u00d3N DIN\u00c1MICA *\/\n.pqrs-tipo-desc {\n  display: none;\n  background: linear-gradient(135deg, #eef2ff 0%, #f7f9ff 100%);\n  border-left: 4px solid var(--azul); border-radius: 0 8px 8px 0;\n  padding: 12px 16px; font-size: .8rem; color: #444;\n  margin-bottom: 26px; line-height: 1.6;\n  animation: pqrs-fadeIn .3s ease;\n}\n.pqrs-tipo-desc.visible { display: block; }\n.pqrs-tipo-desc strong { color: var(--azul); }\n@keyframes pqrs-fadeIn { from { opacity:0; transform:translateY(-6px); } to { opacity:1; transform:none; } }\n\n\/* DIVISOR *\/\n.pqrs-divider {\n  display: flex; align-items: center; gap: 12px; margin: 28px 0 22px;\n}\n.pqrs-divider hr { flex:1; border:none; border-top:1px solid var(--borde); }\n.pqrs-divider span {\n  font-size: .7rem; font-weight: 700; letter-spacing: .12em;\n  text-transform: uppercase; color: var(--dorado); white-space: nowrap;\n}\n\n\/* CAMPOS *\/\n.pqrs-row { display: grid; gap: 16px; margin-bottom: 16px; }\n.pqrs-row.cols-2 { grid-template-columns: 1fr 1fr; }\n.pqrs-row.cols-3 { grid-template-columns: 1fr 1fr 1fr; }\n.pqrs-row.cols-1 { grid-template-columns: 1fr; }\n.pqrs-field { display: flex; flex-direction: column; gap: 5px; }\n.pqrs-field label {\n  font-size: .76rem; font-weight: 600; letter-spacing: .04em; color: var(--azul);\n}\n.pqrs-field label .req { color: var(--dorado); margin-left: 2px; }\n.pqrs-field input, .pqrs-field select, .pqrs-field textarea {\n  border: 1.5px solid #D4D8E2; border-radius: 8px; padding: 10px 13px;\n  font-family: inherit; font-size: .88rem; color: var(--texto);\n  background: #FAFBFD;\n  transition: border-color .2s, box-shadow .2s, background .2s;\n  outline: none; width: 100%;\n}\n.pqrs-field input:focus, .pqrs-field select:focus, .pqrs-field textarea:focus {\n  border-color: var(--azul); box-shadow: 0 0 0 3px rgba(13,43,107,.1); background: #fff;\n}\n.pqrs-field textarea { resize: vertical; min-height: 120px; }\n.pqrs-field select { appearance: none; cursor: pointer; }\n.pqrs-field-hint { font-size: .71rem; color: #888; margin-top: 2px; }\n\n\/* ANONIMATO *\/\n.pqrs-anon {\n  display: flex; align-items: flex-start; gap: 10px;\n  margin: 6px 0 20px; font-size: .82rem; color: #555; line-height: 1.5;\n}\n.pqrs-anon input[type=\"checkbox\"] {\n  width:17px; height:17px; margin-top:2px;\n  accent-color: var(--azul); cursor:pointer; flex-shrink:0;\n}\n#pqrs-datos-personales { transition: opacity .3s; overflow: hidden; }\n\n\/* AVISO LEGAL *\/\n.pqrs-aviso {\n  background: var(--crema); border: 1px solid var(--borde);\n  border-left: 4px solid var(--dorado); border-radius: 0 8px 8px 0;\n  padding: 14px 18px; font-size: .76rem; color: #555;\n  line-height: 1.65; margin-bottom: 26px;\n}\n.pqrs-aviso strong { color: var(--azul); display: block; margin-bottom: 4px; }\n\n\/* AUTORIZACI\u00d3N *\/\n.pqrs-auth {\n  display: flex; align-items: flex-start; gap: 10px;\n  font-size: .8rem; color: #444; line-height: 1.5; margin-bottom: 28px;\n  padding: 12px 14px; background: #f9f9ff;\n  border-radius: 8px; border: 1px solid #e0e4f5;\n}\n.pqrs-auth input[type=\"checkbox\"] {\n  width:17px; height:17px; margin-top:2px;\n  accent-color: var(--azul); cursor:pointer; flex-shrink:0;\n}\n\n\/* BOT\u00d3N *\/\n.pqrs-btn-wrap { display: flex; justify-content: flex-end; }\n.pqrs-btn-submit {\n  background: var(--azul); color: var(--dorado);\n  font-family: 'Playfair Display', 'Georgia', serif;\n  font-size: 1rem; font-weight: 700; letter-spacing: .07em;\n  padding: 15px 44px; border: none; border-radius: 10px; cursor: pointer;\n  transition: background .2s, transform .12s, box-shadow .2s;\n  display: flex; align-items: center; gap: 10px;\n}\n.pqrs-btn-submit:hover {\n  background: var(--azul2); box-shadow: 0 6px 22px rgba(13,43,107,.28);\n  transform: translateY(-1px);\n}\n.pqrs-btn-submit:active { transform: scale(.98); }\n.pqrs-btn-submit svg { width:18px; height:18px; flex-shrink:0; }\n\n\/* SPINNER *\/\n.pqrs-spinner {\n  display: none; width:18px; height:18px;\n  border:3px solid rgba(200,146,26,.3); border-top-color:var(--dorado);\n  border-radius:50%; animation: pqrs-spin .7s linear infinite;\n}\n@keyframes pqrs-spin { to { transform:rotate(360deg); } }\n\n\/* \u00c9XITO *\/\n.pqrs-success {\n  display: none; background: #EAF7F0; border: 2px solid var(--ok);\n  border-radius: 12px; padding: 28px 32px; text-align: center;\n  margin-top: 24px; animation: pqrs-fadeIn .4s ease;\n}\n.pqrs-success-icon { font-size: 3rem; margin-bottom: 10px; }\n.pqrs-success h3 {\n  font-family: 'Playfair Display','Georgia',serif;\n  color: var(--ok); font-size: 1.35rem; margin-bottom: 8px;\n}\n.pqrs-success p { font-size:.87rem; color:#444; line-height:1.6; }\n\/* \u2500\u2500 N\u00daMERO DE RADICADO en mensaje de \u00e9xito \u2500\u2500 *\/\n.pqrs-radicado-box {\n  margin-top: 18px;\n  background: var(--azul); color: #fff;\n  border-radius: 10px; padding: 14px 20px;\n  display: inline-block;\n}\n.pqrs-radicado-box .rad-label {\n  font-size: .7rem; letter-spacing: .1em; text-transform: uppercase;\n  opacity: .7; margin-bottom: 4px;\n}\n.pqrs-radicado-box .rad-num {\n  font-family: 'Playfair Display','Georgia',serif;\n  font-size: 1.25rem; color: var(--dorado); letter-spacing: .06em;\n}\n.pqrs-radicado-box .rad-fecha {\n  font-size: .73rem; opacity: .65; margin-top: 4px;\n}\n\n\/* ERROR *\/\n.pqrs-error-msg {\n  display: none; background: #FDF0EE; border: 1.5px solid var(--error);\n  border-radius: 8px; padding: 12px 16px; font-size: .82rem;\n  color: var(--error); margin-top: 16px; text-align: center;\n}\n\n\/* RESPONSIVE *\/\n@media (max-width: 640px) {\n  .pqrs-card { padding: 22px 16px 32px; }\n  .pqrs-header { flex-direction: column; text-align: center; padding: 22px 18px; }\n  .pqrs-tipos { grid-template-columns: repeat(3, 1fr); }\n  .pqrs-row.cols-2, .pqrs-row.cols-3 { grid-template-columns: 1fr; }\n  .pqrs-btn-submit { width: 100%; justify-content: center; }\n  .pqrs-btn-wrap { justify-content: stretch; }\n}\n@media (max-width: 380px) { .pqrs-tipos { grid-template-columns: repeat(2, 1fr); } }\n<\/style>\n\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Playfair+Display:wght@700&#038;family=Source+Sans+3:wght@300;400;600&#038;display=swap\" rel=\"stylesheet\">\n\n<div class=\"pqrs-wrap\" id=\"pqrs-wrap\">\n\n  <!-- ENCABEZADO -->\n  <div class=\"pqrs-header\">\n    <div class=\"pqrs-header-text\">\n      <h2>Sistema de PQRS<\/h2>\n      <p>Instituci\u00f3n Educativa Distrital de Barranquilla &#8220;CODEBA&#8221;<\/p>\n      <div class=\"pqrs-header-tags\">\n        <span>Ley 1437 \/ 2011<\/span>\n        <span>Ley 1755 \/ 2015<\/span>\n        <span>CPACA<\/span>\n      <\/div>\n    <\/div>\n  <\/div>\n\n  <!-- TARJETA -->\n  <div class=\"pqrs-card\">\n\n    <!-- TIPO -->\n    <div class=\"pqrs-section-label\">1. Seleccione el tipo de solicitud<\/div>\n    <div class=\"pqrs-tipos\">\n      <input type=\"radio\" name=\"pqrs_tipo_hidden\" id=\"t_peticion\"   value=\"Petici\u00f3n\">\n      <label for=\"t_peticion\"   class=\"pqrs-tipo-label\"><span class=\"pqrs-tipo-icon\">\ud83d\udccb<\/span>Petici\u00f3n<\/label>\n\n      <input type=\"radio\" name=\"pqrs_tipo_hidden\" id=\"t_queja\"      value=\"Queja\">\n      <label for=\"t_queja\"      class=\"pqrs-tipo-label\"><span class=\"pqrs-tipo-icon\">\u26a0\ufe0f<\/span>Queja<\/label>\n\n      <input type=\"radio\" name=\"pqrs_tipo_hidden\" id=\"t_reclamo\"    value=\"Reclamo\">\n      <label for=\"t_reclamo\"    class=\"pqrs-tipo-label\"><span class=\"pqrs-tipo-icon\">\ud83d\udd14<\/span>Reclamo<\/label>\n\n      <input type=\"radio\" name=\"pqrs_tipo_hidden\" id=\"t_sugerencia\" value=\"Sugerencia\">\n      <label for=\"t_sugerencia\" class=\"pqrs-tipo-label\"><span class=\"pqrs-tipo-icon\">\ud83d\udca1<\/span>Sugerencia<\/label>\n\n      <input type=\"radio\" name=\"pqrs_tipo_hidden\" id=\"t_denuncia\"   value=\"Denuncia\">\n      <label for=\"t_denuncia\"   class=\"pqrs-tipo-label\"><span class=\"pqrs-tipo-icon\">\ud83d\udd0d<\/span>Denuncia<\/label>\n\n      <input type=\"radio\" name=\"pqrs_tipo_hidden\" id=\"t_felicita\"   value=\"Felicitaci\u00f3n\">\n      <label for=\"t_felicita\"   class=\"pqrs-tipo-label\"><span class=\"pqrs-tipo-icon\">\ud83c\udf1f<\/span>Felicitaci\u00f3n<\/label>\n    <\/div>\n\n    <div class=\"pqrs-tipo-desc\" id=\"pqrs-desc-box\"><\/div>\n\n    <!-- FORMULARIO -->\n    <form id=\"pqrs-form\" action=\"https:\/\/formspree.io\/f\/mbdqgzbw\" method=\"POST\">\n\n      <!-- \u2605 CAMPOS OCULTOS QUE VIAJAN EN EL CORREO \u2605 -->\n      <input type=\"hidden\" name=\"Tipo de solicitud\"   id=\"campo_tipo_solicitud\" value=\"\">\n      <!-- El radicado se genera antes del env\u00edo y se guarda aqu\u00ed -->\n      <input type=\"hidden\" name=\"N\u00famero de radicado\"  id=\"campo_radicado\"       value=\"\">\n      <input type=\"hidden\" name=\"Fecha de radicaci\u00f3n\" id=\"campo_fecha\"          value=\"\">\n\n      <!-- DATOS DEL SOLICITANTE -->\n      <div class=\"pqrs-divider\"><hr><span>2. Datos del solicitante<\/span><hr><\/div>\n\n      <label class=\"pqrs-anon\">\n        <input type=\"checkbox\" id=\"pqrs-anonimo\" name=\"Solicitud an\u00f3nima\" value=\"S\u00ed\">\n        <span>\n          <strong>Deseo radicar de forma an\u00f3nima<\/strong> \u2014 No se solicitar\u00e1n datos personales.\n          La instituci\u00f3n dar\u00e1 respuesta general sin destinatario espec\u00edfico.<br>\n          <em style=\"font-size:.75rem;color:#888;\">El anonimato puede limitar la capacidad de respuesta personalizada (Art. 15, Ley 1755\/2015).<\/em>\n        <\/span>\n      <\/label>\n\n      <div id=\"pqrs-datos-personales\">\n        <div class=\"pqrs-row cols-2\">\n          <div class=\"pqrs-field\">\n            <label for=\"nombres\">Nombres completos <span class=\"req\">*<\/span><\/label>\n            <input type=\"text\" id=\"nombres\" name=\"Nombres\" placeholder=\"Ej. Mar\u00eda Fernanda\" required>\n          <\/div>\n          <div class=\"pqrs-field\">\n            <label for=\"apellidos\">Apellidos completos <span class=\"req\">*<\/span><\/label>\n            <input type=\"text\" id=\"apellidos\" name=\"Apellidos\" placeholder=\"Ej. G\u00f3mez Herrera\" required>\n          <\/div>\n        <\/div>\n\n        <div class=\"pqrs-row cols-3\">\n          <div class=\"pqrs-field\">\n            <label for=\"tipo_doc\">Tipo de documento <span class=\"req\">*<\/span><\/label>\n            <select id=\"tipo_doc\" name=\"Tipo de documento\" required>\n              <option value=\"\">\u2014 Seleccione \u2014<\/option>\n              <option>C\u00e9dula de ciudadan\u00eda<\/option>\n              <option>Tarjeta de identidad<\/option>\n              <option>C\u00e9dula de extranjer\u00eda<\/option>\n              <option>Pasaporte<\/option>\n              <option>NUIP \/ Registro civil<\/option>\n              <option>NIT<\/option>\n            <\/select>\n          <\/div>\n          <div class=\"pqrs-field\">\n            <label for=\"num_doc\">N\u00famero de documento <span class=\"req\">*<\/span><\/label>\n            <input type=\"text\" id=\"num_doc\" name=\"N\u00famero de documento\" placeholder=\"Ej. 1234567890\" required>\n          <\/div>\n          <div class=\"pqrs-field\">\n            <label for=\"rol\">Rol en la instituci\u00f3n <span class=\"req\">*<\/span><\/label>\n            <select id=\"rol\" name=\"Rol\" required>\n              <option value=\"\">\u2014 Seleccione \u2014<\/option>\n              <option>Estudiante<\/option>\n              <option>Padre \/ Madre de familia<\/option>\n              <option>Acudiente<\/option>\n              <option>Docente<\/option>\n              <option>Personal administrativo<\/option>\n              <option>Egresado<\/option>\n              <option>Ciudadano externo<\/option>\n              <option>Otro<\/option>\n            <\/select>\n          <\/div>\n        <\/div>\n\n        <div class=\"pqrs-row cols-3\">\n          <div class=\"pqrs-field\">\n            <label for=\"grado\">Grado<\/label>\n            <select id=\"grado\" name=\"Grado\">\n              <option value=\"\">\u2014 No aplica \u2014<\/option>\n              <optgroup label=\"Preescolar\">\n                <option>Jard\u00edn<\/option><option>Transici\u00f3n<\/option>\n              <\/optgroup>\n              <optgroup label=\"B\u00e1sica primaria\">\n                <option>1\u00b0<\/option><option>2\u00b0<\/option><option>3\u00b0<\/option>\n                <option>4\u00b0<\/option><option>5\u00b0<\/option>\n              <\/optgroup>\n              <optgroup label=\"B\u00e1sica secundaria\">\n                <option>6\u00b0<\/option><option>7\u00b0<\/option><option>8\u00b0<\/option><option>9\u00b0<\/option>\n              <\/optgroup>\n              <optgroup label=\"Media\">\n                <option>10\u00b0<\/option><option>11\u00b0<\/option>\n              <\/optgroup>\n              <optgroup label=\"Metodolog\u00eda Flexible\">\n                <option>Br\u00fajula<\/option><option>Aceleraci\u00f3n<\/option>\n                <option>6\u00b0-7\u00b0 Ciclo III<\/option><option>8\u00b0-9\u00b0 Ciclo IV<\/option>\n                <option>10\u00b0 Ciclo V<\/option><option>11\u00b0 Ciclo VI<\/option>\n              <\/optgroup>\n            <\/select>\n          <\/div>\n          <div class=\"pqrs-field\">\n            <label for=\"curso\">Curso (si aplica)<\/label>\n            <select id=\"curso\" name=\"Curso\">\n              <option value=\"\">\u2014 Seleccione \u2014<\/option>\n              <option>A<\/option><option>B<\/option><option>C<\/option>\n              <option>D<\/option><option>E<\/option><option>F<\/option>\n            <\/select>\n          <\/div>\n          <div class=\"pqrs-field\">\n            <label for=\"telefono\">Tel\u00e9fono \/ Celular<\/label>\n            <input type=\"tel\" id=\"telefono\" name=\"Tel\u00e9fono\" placeholder=\"Ej. 3001234567\">\n          <\/div>\n        <\/div>\n\n        <div class=\"pqrs-row cols-1\">\n          <div class=\"pqrs-field\">\n            <label for=\"email\">Correo electr\u00f3nico <span class=\"req\">*<\/span><\/label>\n            <input type=\"email\" id=\"email\" name=\"email\" placeholder=\"nombre@correo.com\" required>\n            <span class=\"pqrs-field-hint\">La respuesta oficial ser\u00e1 enviada a esta direcci\u00f3n (plazo legal: 15 d\u00edas h\u00e1biles).<\/span>\n          <\/div>\n        <\/div>\n      <\/div><!-- \/datos-personales -->\n\n      <!-- DESCRIPCI\u00d3N -->\n      <div class=\"pqrs-divider\"><hr><span>3. Descripci\u00f3n de la solicitud<\/span><hr><\/div>\n\n      <div class=\"pqrs-row cols-1\">\n        <div class=\"pqrs-field\">\n          <label for=\"asunto\">Asunto \/ T\u00edtulo breve <span class=\"req\">*<\/span><\/label>\n          <input type=\"text\" id=\"asunto\" name=\"Asunto\" placeholder=\"Resuma en una frase el motivo de su solicitud\" required>\n        <\/div>\n      <\/div>\n\n      <div class=\"pqrs-row cols-1\">\n        <div class=\"pqrs-field\">\n          <label for=\"descripcion\">Descripci\u00f3n detallada <span class=\"req\">*<\/span><\/label>\n          <textarea id=\"descripcion\" name=\"Descripci\u00f3n detallada\" rows=\"6\"\n            placeholder=\"Describa con claridad los hechos, fechas, personas involucradas y lo que solicita.\" required><\/textarea>\n          <span class=\"pqrs-field-hint\">M\u00ednimo 30 caracteres.<\/span>\n        <\/div>\n      <\/div>\n\n      <div class=\"pqrs-row cols-2\">\n        <div class=\"pqrs-field\">\n          <label for=\"dependencia\">Dependencia o \u00e1rea relacionada<\/label>\n          <select id=\"dependencia\" name=\"Dependencia relacionada\">\n            <option value=\"\">\u2014 No identificada \u2014<\/option>\n            <option>Rector\u00eda<\/option>\n            <option>Coordinaci\u00f3n<\/option>\n            <option>Docentes<\/option>\n            <option>Orientaci\u00f3n escolar<\/option>\n            <option>Secretar\u00eda<\/option>\n            <option>Biblioteca<\/option>\n            <option>Comedor escolar<\/option>\n            <option>Servicios generales<\/option>\n            <option>Otra<\/option>\n          <\/select>\n        <\/div>\n        <div class=\"pqrs-field\">\n          <label for=\"medio_respuesta\">Medio preferido de respuesta <span class=\"req\">*<\/span><\/label>\n          <select id=\"medio_respuesta\" name=\"Medio de respuesta\" required>\n            <option value=\"\">\u2014 Seleccione \u2014<\/option>\n            <option>Correo electr\u00f3nico<\/option>\n            <option>Mensaje de WhatsApp<\/option>\n          <\/select>\n        <\/div>\n      <\/div>\n\n      <!-- AVISO DATOS -->\n      <div class=\"pqrs-aviso\">\n        <strong>\ud83d\udd12 Tratamiento de datos personales (Ley 1581 de 2012)<\/strong>\n        La I.E.D. CODEBA recopila sus datos \u00fanicamente para atender su solicitud conforme a la\n        Ley 1437 de 2011 y la Ley 1755 de 2015. Sus datos ser\u00e1n tratados con confidencialidad\n        y podr\u00e1 ejercer los derechos ARCO comunic\u00e1ndose con la instituci\u00f3n.\n      <\/div>\n\n      <!-- AUTORIZACI\u00d3N -->\n      <div class=\"pqrs-auth\">\n        <input type=\"checkbox\" id=\"pqrs-autorizo\" name=\"Autoriza tratamiento de datos\" value=\"S\u00ed\" required>\n        <label for=\"pqrs-autorizo\">\n          He le\u00eddo y <strong>autorizo el tratamiento de mis datos personales<\/strong> conforme a\n          la Pol\u00edtica de Privacidad de la I.E.D. CODEBA y la Ley 1581 de 2012. <span class=\"req\">*<\/span>\n        <\/label>\n      <\/div>\n\n      <!-- BOT\u00d3N -->\n      <div class=\"pqrs-btn-wrap\">\n        <button type=\"submit\" class=\"pqrs-btn-submit\" id=\"pqrs-btn\">\n          <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\"\n               stroke-linecap=\"round\" stroke-linejoin=\"round\">\n            <path d=\"M22 2L11 13\"\/><path d=\"M22 2L15 22 11 13 2 9l20-7z\"\/>\n          <\/svg>\n          <span id=\"pqrs-btn-text\">Enviar solicitud<\/span>\n          <span class=\"pqrs-spinner\" id=\"pqrs-spinner\"><\/span>\n        <\/button>\n      <\/div>\n\n      <div class=\"pqrs-error-msg\" id=\"pqrs-error\">\n        \u26a0\ufe0f Hubo un problema al enviar. Intente de nuevo o comun\u00edquese directamente con la instituci\u00f3n.\n      <\/div>\n\n    <\/form>\n\n    <!-- MENSAJE DE \u00c9XITO (se muestra tras env\u00edo exitoso) -->\n    <div class=\"pqrs-success\" id=\"pqrs-success\">\n      <div class=\"pqrs-success-icon\">\u2705<\/div>\n      <h3>\u00a1Solicitud radicada correctamente!<\/h3>\n      <p>\n        Su PQRS ha sido recibida y ser\u00e1 atendida en un plazo m\u00e1ximo de\n        <strong>15 d\u00edas h\u00e1biles<\/strong> contados a partir de esta fecha,\n        de acuerdo con el art\u00edculo 14 de la Ley 1437 de 2011.<br><br>\n        Recibir\u00e1 confirmaci\u00f3n en el correo electr\u00f3nico registrado.\n        Si no recibe respuesta en el plazo indicado, puede acudir a la\n        Personer\u00eda Distrital de Barranquilla o a la Secretar\u00eda de Educaci\u00f3n Distrital.\n      <\/p>\n      <!-- N\u00famero de radicado visible al ciudadano -->\n      <div class=\"pqrs-radicado-box\">\n        <div class=\"rad-label\">N\u00famero de radicado<\/div>\n        <div class=\"rad-num\"  id=\"pqrs-rad-display\">\u2014<\/div>\n        <div class=\"rad-fecha\" id=\"pqrs-rad-fecha\">\u2014<\/div>\n      <\/div>\n      <p style=\"margin-top:14px; font-size:.76rem; color:#666;\">\n        Conserve este n\u00famero para hacer seguimiento a su solicitud.\n      <\/p>\n    <\/div>\n\n  <\/div><!-- \/pqrs-card -->\n\n  <p style=\"text-align:center; font-size:.72rem; color:#999; margin-top:18px; line-height:1.6;\">\n    I.E.D. de Barranquilla &#8220;CODEBA&#8221; \u00b7 Barranquilla, Atl\u00e1ntico \u00b7 Colombia<br>\n    Formulario conforme a Ley 1437\/2011 \u00b7 Ley 1755\/2015 \u00b7 Ley 1581\/2012<br>\n    Respuestas enviadas a <strong>pqrs@codeba.edu.co<\/strong>\n  <\/p>\n\n<\/div><!-- \/pqrs-wrap -->\n\n<script>\n(function () {\n\n  \/* \u2500\u2500 DESCRIPCIONES \u2500\u2500 *\/\n  const descripciones = {\n    \"Petici\u00f3n\":     \"<strong>Petici\u00f3n:<\/strong> Solicitud de informaci\u00f3n, documentos, certificados o actuaciones. Plazo: 15 d\u00edas h\u00e1biles (Art. 14, Ley 1437\/2011).\",\n    \"Queja\":        \"<strong>Queja:<\/strong> Inconformidad por conducta de un funcionario o deficiencia en el servicio. Plazo: 15 d\u00edas h\u00e1biles.\",\n    \"Reclamo\":      \"<strong>Reclamo:<\/strong> Exigencia de reconocimiento o reparaci\u00f3n de un derecho vulnerado. Plazo: 15 d\u00edas h\u00e1biles.\",\n    \"Sugerencia\":   \"<strong>Sugerencia:<\/strong> Propuesta para mejorar procesos o servicios de la instituci\u00f3n.\",\n    \"Denuncia\":     \"<strong>Denuncia:<\/strong> Notificaci\u00f3n de irregularidad, corrupci\u00f3n, acoso u otra situaci\u00f3n que requiera investigaci\u00f3n. Puede radicarse an\u00f3nimamente.\",\n    \"Felicitaci\u00f3n\": \"<strong>Felicitaci\u00f3n:<\/strong> Reconocimiento a un funcionario, docente o \u00e1rea. Su aporte es muy valioso.\"\n  };\n\n  \/* \u2500\u2500 FUNCI\u00d3N: generar n\u00famero de radicado \u2500\u2500 *\/\n  function generarRadicado() {\n    const now = new Date();\n    const pad = n => String(n).padStart(2, '0');\n    const fecha = now.getFullYear() + pad(now.getMonth() + 1) + pad(now.getDate());\n    const aleatorio = Math.floor(1000 + Math.random() * 9000);\n    return 'CODEBA-' + fecha + '-' + aleatorio;\n  }\n\n  \/* \u2500\u2500 FUNCI\u00d3N: fecha legible \u2500\u2500 *\/\n  function fechaLegible() {\n    return new Date().toLocaleString('es-CO', {\n      day: '2-digit', month: 'long', year: 'numeric',\n      hour: '2-digit', minute: '2-digit', hour12: true,\n      timeZone: 'America\/Bogota'\n    });\n  }\n\n  \/* \u2500\u2500 TIPOS: sincronizar campo oculto \u2500\u2500 *\/\n  const radios    = document.querySelectorAll('input[name=\"pqrs_tipo_hidden\"]');\n  const campoTipo = document.getElementById('campo_tipo_solicitud');\n  const descBox   = document.getElementById('pqrs-desc-box');\n\n  radios.forEach(r => {\n    r.addEventListener('change', () => {\n      campoTipo.value = r.value;\n      descBox.innerHTML = descripciones[r.value] || '';\n      descBox.classList.toggle('visible', !!r.value);\n    });\n  });\n\n  \/* \u2500\u2500 ANONIMATO \u2500\u2500 *\/\n  const chkAnon   = document.getElementById('pqrs-anonimo');\n  const blokDatos = document.getElementById('pqrs-datos-personales');\n  const reqInputs = blokDatos.querySelectorAll('input[required], select[required]');\n\n  chkAnon.addEventListener('change', () => {\n    const anon = chkAnon.checked;\n    blokDatos.style.opacity       = anon ? '0.35' : '1';\n    blokDatos.style.pointerEvents = anon ? 'none' : '';\n    reqInputs.forEach(i => anon\n      ? i.removeAttribute('required')\n      : i.setAttribute('required', '')\n    );\n  });\n\n  \/* \u2500\u2500 VALIDACI\u00d3N DESCRIPCI\u00d3N \u2500\u2500 *\/\n  const desc = document.getElementById('descripcion');\n  desc.addEventListener('blur', () => {\n    const len = desc.value.trim().length;\n    desc.setCustomValidity(\n      (len > 0 && len < 30) ? 'Por favor describa con m\u00e1s detalle (m\u00ednimo 30 caracteres).' : ''\n    );\n  });\n  desc.addEventListener('input', () => desc.setCustomValidity(''));\n\n  \/* \u2500\u2500 ENV\u00cdO \u2500\u2500 *\/\n  const form       = document.getElementById('pqrs-form');\n  const btn        = document.getElementById('pqrs-btn');\n  const btnText    = document.getElementById('pqrs-btn-text');\n  const spinner    = document.getElementById('pqrs-spinner');\n  const success    = document.getElementById('pqrs-success');\n  const errMsg     = document.getElementById('pqrs-error');\n  const radDisplay = document.getElementById('pqrs-rad-display');\n  const radFecha   = document.getElementById('pqrs-rad-fecha');\n\n  \/* Campos ocultos para el correo *\/\n  const campoRadicado = document.getElementById('campo_radicado');\n  const campoFecha    = document.getElementById('campo_fecha');\n\n  form.addEventListener('submit', async (e) => {\n    e.preventDefault();\n\n    \/* Validar tipo seleccionado *\/\n    if (!Array.from(radios).some(r => r.checked)) {\n      alert('Por favor seleccione el tipo de solicitud antes de continuar.');\n      return;\n    }\n\n    \/* \u2605 GENERAR RADICADO ANTES DEL ENV\u00cdO \u2605\n       Se escribe en el campo oculto \u2192 viaja a Formspree \u2192 llega al correo *\/\n    const numRad  = generarRadicado();\n    const fechaRad = fechaLegible();\n    campoRadicado.value = numRad;\n    campoFecha.value    = fechaRad;\n\n    \/* UI: cargando *\/\n    btn.disabled          = true;\n    btnText.textContent   = 'Enviando\u2026';\n    spinner.style.display = 'inline-block';\n    errMsg.style.display  = 'none';\n\n    try {\n      const res = await fetch(form.action, {\n        method:  'POST',\n        body:    new FormData(form),\n        headers: { 'Accept': 'application\/json' }\n      });\n\n      if (res.ok) {\n        \/* Mostrar radicado al ciudadano *\/\n        radDisplay.textContent = numRad;\n        radFecha.textContent   = 'Fecha: ' + fechaRad;\n\n        form.style.display    = 'none';\n        success.style.display = 'block';\n        success.scrollIntoView({ behavior: 'smooth', block: 'start' });\n      } else {\n        throw new Error('error');\n      }\n    } catch {\n      errMsg.style.display  = 'block';\n      btn.disabled          = false;\n      btnText.textContent   = 'Enviar solicitud';\n      spinner.style.display = 'none';\n      \/* Limpiar radicado si hubo error (se regenerar\u00e1 en el pr\u00f3ximo intento) *\/\n      campoRadicado.value = '';\n      campoFecha.value    = '';\n    }\n  });\n\n})();\n<\/script>\n\n\n\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Sistema de PQRS Instituci\u00f3n Educativa Distrital de Barranquilla &#8220;CODEBA&#8221; Ley 1437 \/ 2011 Ley 1755 \/ 2015 CPACA 1. Seleccione el tipo de solicitud \ud83d\udccbPetici\u00f3n \u26a0\ufe0fQueja \ud83d\udd14Reclamo \ud83d\udca1Sugerencia \ud83d\udd0dDenuncia \ud83c\udf1fFelicitaci\u00f3n &#8230;<\/p>\n","protected":false},"author":1,"featured_media":1585,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-1571","page","type-page","status-publish","has-post-thumbnail","hentry"],"_links":{"self":[{"href":"https:\/\/codeba.edu.co\/index.php\/wp-json\/wp\/v2\/pages\/1571","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/codeba.edu.co\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/codeba.edu.co\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/codeba.edu.co\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/codeba.edu.co\/index.php\/wp-json\/wp\/v2\/comments?post=1571"}],"version-history":[{"count":11,"href":"https:\/\/codeba.edu.co\/index.php\/wp-json\/wp\/v2\/pages\/1571\/revisions"}],"predecessor-version":[{"id":1596,"href":"https:\/\/codeba.edu.co\/index.php\/wp-json\/wp\/v2\/pages\/1571\/revisions\/1596"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/codeba.edu.co\/index.php\/wp-json\/wp\/v2\/media\/1585"}],"wp:attachment":[{"href":"https:\/\/codeba.edu.co\/index.php\/wp-json\/wp\/v2\/media?parent=1571"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}