{"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-30T16:15:01","modified_gmt":"2026-04-30T21:15:01","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\/xaqvydwl)\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\/xaqvydwl\" 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 class=\"wp-block-paragraph\"><\/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 2. Datos del solicitante Deseo radicar de forma an\u00f3nima \u2014 No se solicitar\u00e1n datos personales. La instituci\u00f3n dar\u00e1 respuesta general sin destinatario espec\u00edfico. El anonimato&hellip; <br \/> <a class=\"button small blue\" href=\"https:\/\/codeba.edu.co\/index.php\/pqrs\/\">Leer m\u00e1s<\/a><\/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":13,"href":"https:\/\/codeba.edu.co\/index.php\/wp-json\/wp\/v2\/pages\/1571\/revisions"}],"predecessor-version":[{"id":1608,"href":"https:\/\/codeba.edu.co\/index.php\/wp-json\/wp\/v2\/pages\/1571\/revisions\/1608"}],"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}]}}