{"id":20,"date":"2025-12-04T15:38:37","date_gmt":"2025-12-04T15:38:37","guid":{"rendered":"https:\/\/cdaprado.com\/nuevo_sitio_cda_pruebas\/contact-us\/"},"modified":"2026-03-24T19:27:35","modified_gmt":"2026-03-24T19:27:35","slug":"contactanos","status":"publish","type":"page","link":"https:\/\/cdaprado.com\/nuevo_sitio_cda_pruebas\/contactanos\/","title":{"rendered":"Cont\u00e1ctanos"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"20\" class=\"elementor elementor-20\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5b130ef e-flex e-con-boxed e-con e-parent\" data-id=\"5b130ef\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-c9bbb95 elementor-invisible elementor-widget elementor-widget-html\" data-id=\"c9bbb95\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;slideInLeft&quot;}\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- Fuente Poppins -->\n<link rel=\"stylesheet\" href=\"https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@100;200;300;400;500;600;700;800;900&display=swap\">\n\n<style>\n  \/* ==================== RESET + TIPOGRAF\u00cdA GLOBAL ==================== *\/\n  \/* RESET SOLO DENTRO DE PQRS (no rompe Elementor) *\/\n  .pqrs-section,\n  .pqrs-section * {\n    box-sizing: border-box;\n    margin: 0;\n    padding: 0;\n  }\n\n  .pqrs-section,\n  .pqrs-section * {\n    font-family: \"Poppins\", sans-serif !important;\n  }\n\n  \/* ==================== SECCI\u00d3N ==================== *\/\n  .pqrs-section {\n    background: #f7f9fc;\n    padding: 0px 0px;\n    width: 100%;\n  }\n\n    .pqrs-container{\n        width: 100%;\n        margin: 0 auto;\n        padding: 0;\n        display: grid;\n        grid-template-columns: 1fr 1.2fr;\n        gap: 60px;\n        align-items: stretch;\n    }\n\n    .pqrs-info,\n    .pqrs-form-wrapper{\n        height: 100%;\n    }\n\n  \/* Evita que algo se salga horizontalmente *\/\n  \/* NO recortar: deja ver el contenido completo *\/\n  .pqrs-section { overflow-x: visible; }\n  .pqrs-container { max-width: 100%; min-width: 0; }\n  .contact-cards, .contact-card, .pqrs-form-wrapper { min-width: 0; }\n\n\n  \/* ==================== LADO IZQUIERDO ==================== *\/\n  .pqrs-info { padding-right: 40px; }\n\n  .pqrs-info h2 {\n    font-size: 85px;\n    font-weight: 600;\n    color: #1c244b;\n    line-height: 1.03;\n    margin: 0 0 18px 0;\n    letter-spacing: -0.02em;\n  }\n\n  .pqrs-description {\n    font-size: 22px;\n    color: #64748b;\n    line-height: 1.6;\n    margin: 0 0 36px 0;\n    \/*max-width: 520px;*\/\n  }\n\n  \/* ==================== CARDS CONTACTO ==================== *\/\n  .contact-cards {\n    display: grid;\n    grid-template-columns: 1fr 1fr;\n    gap: 16px;\n    margin-bottom: 28px;\n  }\n\n  .contact-card {\n    display: flex;\n    align-items: center;\n    gap: 14px;\n    padding: 16px 18px;\n    background-color: #ffffff;\n    border-radius: 14px;\n    border: none;\n    box-shadow:\n      0 1px 2px rgba(0,0,0,0.04),\n      0 8px 24px rgba(15, 23, 42, 0.04);\n    transition: all 0.25s ease;\n    text-decoration: none;\n    color: inherit;\n    cursor: pointer;\n    -webkit-tap-highlight-color: transparent;\n  }\n\n  .contact-card:hover {\n    border-color: #1c244b;\n    box-shadow:\n      0 2px 4px rgba(0,0,0,0.05),\n      0 14px 36px rgba(15, 23, 42, 0.08);\n    transform: translateY(-2px);\n  }\n\n  .contact-card:focus-visible{\n    outline: none;\n    box-shadow:\n      0 0 0 3px rgba(28, 36, 75, 0.18),\n      0 14px 36px rgba(15, 23, 42, 0.08);\n  }\n\n  .contact-icon {\n    width: 46px;\n    height: 46px;\n    background-color: #f1f5f9;\n    border-radius: 12px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    color: #1c244b;\n    flex-shrink: 0;\n  }\n\n  .contact-icon.whatsapp {\n    background-color: #dcfce7;\n    color: #16a34a;\n  }\n\n  .contact-info {\n    display: flex;\n    flex-direction: column;\n    gap: 2px;\n    min-width: 0;\n  }\n\n  .contact-label {\n    font-size: 22px;\n    color: #94a3b8;\n    text-transform: uppercase;\n    letter-spacing: 0.07em;\n    font-weight: 600;\n  }\n\n  .contact-value {\n    font-size: 22px;\n    font-weight: 700;\n    color: #1c244b;\n    line-height: 1.25;\n    word-break: break-word;\n  }\n\n  \/* ==================== HORARIO ==================== *\/\n  .horario-box {\n    background: linear-gradient(135deg, #1c244b 0%, #2d3a6d 100%);\n    padding: 26px;\n    border-radius: 18px;\n    color: #ffffff;\n    margin-top: 8px;\n  }\n\n  .horario-box h4 {\n    color: #ffffff;\n    font-size: 22px;\n    font-weight: 800;\n    text-transform: uppercase;\n    letter-spacing: 0.12em;\n    margin: 0 0 18px 0;\n  }\n\n  .horario-items {\n    display: flex;\n    flex-direction: column;\n    gap: 12px;\n  }\n\n  .horario-item {\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    padding-bottom: 12px;\n    border-bottom: 1px solid rgba(255, 255, 255, 0.14);\n    gap: 14px;\n  }\n\n  .horario-item:last-child {\n    border-bottom: none;\n    padding-bottom: 0;\n  }\n\n  .horario-item .dia {\n    font-size: 22px;\n    color: white;\n    font-weight: 500;\n  }\n\n  .horario-item .hora {\n    font-size: 22px;\n    font-weight: 800;\n    color: #ffffff;\n    white-space: nowrap;\n  }\n\n  \/* ==================== LADO DERECHO: FORM ==================== *\/\n  .pqrs-form-wrapper {\n    background-color: #ffffff;\n    padding: 44px;\n    border-radius: 22px;\n    box-shadow: 0 10px 30px rgba(28, 36, 75, 0.08);\n  }\n\n  .pqrs-form { display: flex; flex-direction: column; gap: 22px; }\n\n  .form-row {\n    display: grid;\n    grid-template-columns: 1fr 1fr;\n    gap: 18px;\n  }\n\n  .form-group { display: flex; flex-direction: column; gap: 8px; }\n\n  .form-group.full { grid-column: 1 \/ -1; }\n\n  .form-group label {\n    font-size: 22px;\n    font-weight: 700;\n    color: #1c244b;\n  }\n\n  .form-group input,\n  .form-group select,\n  .form-group textarea {\n    width: 100%;\n    padding: 14px 16px;\n    border: 1px solid #e2e8f0;\n    border-radius: 12px;\n    font-size: 22px;\n    color: #1c244b;\n    background-color: #f8fafc;\n    transition: all 0.2s ease;\n    outline: none;\n  }\n\n  .form-group input:focus,\n  .form-group select:focus,\n  .form-group textarea:focus {\n    border-color: #1c244b;\n    background-color: #ffffff;\n    box-shadow: 0 0 0 3px rgba(28, 36, 75, 0.10);\n  }\n\n  .form-group input::placeholder,\n  .form-group textarea::placeholder {\n    color: #94a3b8;\n  }\n\n  .form-group textarea { resize: vertical; min-height: 160px; }\n\n  \/* ==================== CHECKBOX ==================== *\/\n  .checkbox-group { margin-top: 6px; }\n\n  .checkbox-label {\n    display: flex;\n    align-items: center;\n    gap: 12px;\n    cursor: pointer;\n    font-size: 14px;\n    color: #1c244b;\n    font-weight: 600;\n    user-select: none;\n  }\n\n  .checkbox-label input {\n    width: 18px;\n    height: 18px;\n    accent-color: #1c244b;\n  }\n\n  .checkbox-label a{\n    color: #1c244b;\n    text-decoration: underline;\n    font-weight: 700;\n    font-size: 22px;\n  }\n\n  \/* ==================== BOT\u00d3N ==================== *\/\n  .btn-submit {\n    width: 100%;\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    gap: 10px;\n    background: #1c244b;\n    color: #ffffff;\n    font-size: 22px;\n    font-weight: 700;\n    padding: 16px 22px;\n    border: none;\n    border-radius: 50px;\n    cursor: pointer;\n    margin-top: 6px;\n  }\n\n  .btn-submit:hover {\n    border: #1c244b 1px solid;\n    background-color: white;\n    color: #1c244b;\n  }\n\n  \/* ===== Validaci\u00f3n UI ===== *\/\n  .field-error{\n    font-size: 12px;\n    color: #b91c1c;\n    margin-top: 6px;\n    line-height: 1.3;\n  }\n\n  .is-error{\n    border-color: rgba(185, 28, 28, 0.45) !important;\n    box-shadow: 0 0 0 3px rgba(185, 28, 28, 0.10) !important;\n    background: #fff !important;\n  }\n\n  .form-alert{\n    border-radius: 12px;\n    padding: 12px 14px;\n    font-size: 14px;\n    line-height: 1.4;\n    margin-bottom: 12px;\n  }\n\n  .form-alert.error{\n    background: #fef2f2;\n    color: #991b1b;\n    border: 1px solid rgba(185, 28, 28, 0.18);\n  }\n\n  .form-alert.success{\n    background: #ecfdf5;\n    color: #065f46;\n    border: 1px solid rgba(5, 150, 105, 0.18);\n  }\n\n    .pqrs-form-wrapper{\n        background-color: #ffffff;\n        padding: 44px;\n        border-radius: 22px;\n        box-shadow: 0 10px 30px rgba(28, 36, 75, 0.08);\n        display: flex;\n    }\n\n    .pqrs-form{\n        display: flex;\n        flex-direction: column;\n        gap: 22px;\n        width: 100%;\n    }\n  \n    .pqrs-form{\n    display: flex;\n    flex-direction: column;\n    gap: 22px;\n    width: 100%;\n    height: 100%;\n    }\n\n    .btn-submit{\n    margin-top: auto;\n    }\n\n    .pqrs-container{\n  width: 100%;\n  margin: 0 auto;\n  padding: 0;\n  display: grid;\n  grid-template-columns: 1fr 1.2fr;\n  gap: 60px;\n  align-items: stretch;\n}\n\n.pqrs-info,\n.pqrs-form-wrapper{\n  height: 100%;\n}\n\n.pqrs-form-wrapper {\n  background-color: #ffffff;\n  padding: 44px;\n  border-radius: 22px;\n  box-shadow: 0 10px 30px rgba(28, 36, 75, 0.08);\n  display: flex;\n}\n\n.pqrs-form {\n  display: flex;\n  flex-direction: column;\n  gap: 22px;\n  width: 100%;\n  height: 100%;\n}\n\n.btn-submit {\n  width: 100%;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  gap: 10px;\n  background: #1c244b;\n  color: #ffffff;\n  font-size: 22px;\n  font-weight: 700;\n  padding: 16px 22px;\n  border: none;\n  border-radius: 50px;\n  cursor: pointer;\n  margin-top: auto;\n}\n\n  \/* ==================== RESPONSIVE ==================== *\/\n  @media (max-width: 1100px) {\n    .pqrs-info h2 { font-size: 45px; }\n    \n    .pqrs-description { font-size: 20px; }\n  }\n\n  @media (max-width: 968px) {\n    .pqrs-container { grid-template-columns: 1fr; gap: 40px; }\n    .pqrs-info { padding-right: 0; }\n    .pqrs-info h2 { font-size: 45px; }\n    .pqrs-form-wrapper { padding: 28px; }\n  }\n\n  \/* ==================== MOBILE: 1 COLUMNA + TIPOGRAF\u00cdA ==================== *\/\n@media (max-width: 600px) {\n\n  \/* T\u00edtulo *\/\n  .pqrs-info h2{\n    font-size: 35px !important;\n  }\n\n  \/* Texto general en m\u00f3vil (18pt) *\/\n  .pqrs-description,\n  .contact-label,\n  .contact-value,\n  .horario-box h4,\n  .horario-item .dia,\n  .horario-item .hora,\n  .form-group label,\n  .form-group input,\n  .form-group select,\n  .form-group textarea,\n  .btn-submit,\n  .checkbox-label,\n  .checkbox-label a{\n    font-size: 18pt !important;\n  }\n\n  \/* CONTACT CARDS: 1 por fila y full width *\/\n  .contact-cards{\n    grid-template-columns: 1fr !important;\n  }\n  .contact-card{\n    width: 100% !important;\n  }\n\n  \/* FORM: cada field en su fila *\/\n  .form-row{\n    grid-template-columns: 1fr !important;\n  }\n\n  \/* (Recomendado) Ajuste de padding para que no se vea apretado *\/\n  .pqrs-form-wrapper{\n    padding: 22px !important;\n  }\n\n  \/* Evita cortes raros en email\/direcci\u00f3n *\/\n  .contact-value{\n    overflow-wrap: anywhere;\n    word-break: normal;\n  }\n\n  \/* Horario: permite salto para que no empuje *\/\n  .horario-box h4{\n    white-space: normal;\n    overflow-wrap: anywhere;\n    letter-spacing: 0.06em;\n  }\n  .horario-item .hora{\n    white-space: normal; \/* en m\u00f3vil que pueda partir *\/\n    text-align: right;\n  }\n}\n\n\n<\/style>\n\n<section class=\"pqrs-section\">\n  <div class=\"pqrs-container\">\n\n    <!-- Lado izquierdo -->\n    <div class=\"pqrs-info\">\n      <h2>PQRSF<\/h2>\n      <p class=\"pqrs-description\">\n        \u00a1Queremos escucharte, tu opini\u00f3n nos ayuda a mejorar nuestros servicios!\n      <\/p>\n\n      <div class=\"contact-cards\">\n        <a class=\"contact-card\" href=\"tel:+576045124235\" aria-label=\"Llamar al 604 512 4235\">\n          <div class=\"contact-icon\">\n            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n              <path d=\"M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72c.127.96.361 1.903.7 2.81a2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45c.907.339 1.85.573 2.81.7A2 2 0 0 1 22 16.92z\"\/>\n            <\/svg>\n          <\/div>\n          <div class=\"contact-info\">\n            <span class=\"contact-label\">Tel\u00e9fono<\/span>\n            <span class=\"contact-value\">604 512 4235<\/span>\n          <\/div>\n        <\/a>\n\n        <a class=\"contact-card\"\n          href=\"https:\/\/api.whatsapp.com\/send\/?phone=573113591603&text=Hola+CDA+Prado%2C+estoy+interesado+en+obtener+m%C3%A1s+informaci%C3%B3n+sobre+sus+servicios.&type=phone_number&app_absent=0\"\n          target=\"_blank\" rel=\"noopener noreferrer\"\n          aria-label=\"Abrir WhatsApp para escribir al 311 359 1603\">\n          <div class=\"contact-icon whatsapp\">\n            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"currentColor\">\n              <path d=\"M17.472 14.382c-.297-.149-1.758-.867-2.03-.967-.273-.099-.471-.148-.67.15-.197.297-.767.966-.94 1.164-.173.199-.347.223-.644.075-.297-.15-1.255-.463-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.298-.347.446-.52.149-.174.198-.298.298-.497.099-.198.05-.371-.025-.52-.075-.149-.669-1.612-.916-2.207-.242-.579-.487-.5-.669-.51-.173-.008-.371-.01-.57-.01-.198 0-.52.074-.792.372-.272.297-1.04 1.016-1.04 2.479 0 1.462 1.065 2.875 1.213 3.074.149.198 2.096 3.2 5.077 4.487.709.306 1.262.489 1.694.625.712.227 1.36.195 1.871.118.571-.085 1.758-.719 2.006-1.413.248-.694.248-1.289.173-1.413-.074-.124-.272-.198-.57-.347m-5.421 7.403h-.004a9.87 9.87 0 01-5.031-1.378l-.361-.214-3.741.982.998-3.648-.235-.374a9.86 9.86 0 01-1.51-5.26c.001-5.45 4.436-9.884 9.888-9.884 2.64 0 5.122 1.03 6.988 2.898a9.825 9.825 0 012.893 6.994c-.003 5.45-4.437 9.884-9.885 9.884m8.413-18.297A11.815 11.815 0 0012.05 0C5.495 0 .16 5.335.157 11.892c0 2.096.547 4.142 1.588 5.945L.057 24l6.305-1.654a11.882 11.882 0 005.683 1.448h.005c6.554 0 11.89-5.335 11.893-11.893a11.821 11.821 0 00-3.48-8.413z\"\/>\n            <\/svg>\n          <\/div>\n          <div class=\"contact-info\">\n            <span class=\"contact-label\">WhatsApp<\/span>\n            <span class=\"contact-value\">311 359 1603<\/span>\n          <\/div>\n        <\/a>\n\n        <a class=\"contact-card\" href=\"mailto:info@cdaprado.com\" aria-label=\"Enviar correo a info@cdaprado.com\">\n          <div class=\"contact-icon\">\n            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n              <rect width=\"20\" height=\"16\" x=\"2\" y=\"4\" rx=\"2\"\/>\n              <path d=\"m22 7-8.97 5.7a1.94 1.94 0 0 1-2.06 0L2 7\"\/>\n            <\/svg>\n          <\/div>\n          <div class=\"contact-info\">\n            <span class=\"contact-label\">Email<\/span>\n            <span class=\"contact-value\">info@cdaprado.com<\/span>\n          <\/div>\n        <\/a>\n\n        <a class=\"contact-card\"\n          href=\"https:\/\/www.google.com\/maps\/place\/CDA+PRADO+S.A.S\/@6.2578499,-75.5696833,17z\/data=!3m1!4b1!4m6!3m5!1s0x8e4428fb380f12db:0x989175706f293c1e!8m2!3d6.2578499!4d-75.5671084!16s%2Fg%2F11s1w3j8df?entry=ttu&g_ep=EgoyMDI2MDIwNC4wIKXMDSoASAFQAw%3D%3D\"\n          target=\"_blank\" rel=\"noopener noreferrer\"\n          aria-label=\"Abrir ubicaci\u00f3n en Google Maps\">\n          <div class=\"contact-icon\">\n            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n              <path d=\"M20 10c0 6-8 12-8 12s-8-6-8-12a8 8 0 0 1 16 0Z\"\/>\n              <circle cx=\"12\" cy=\"10\" r=\"3\"\/>\n            <\/svg>\n          <\/div>\n          <div class=\"contact-info\">\n            <span class=\"contact-label\">Direcci\u00f3n<\/span>\n            <span class=\"contact-value\">Calle 59 #51D-65, Prado Centro<\/span>\n          <\/div>\n        <\/a>\n      <\/div>\n\n      <div class=\"horario-box\">\n        <h4>Horario de Atenci\u00f3n<\/h4>\n        <div class=\"horario-items\">\n          <div class=\"horario-item\">\n            <span class=\"dia\">Lunes a Viernes<\/span>\n            <span class=\"hora\">6:00 am - 8:00 pm<\/span>\n          <\/div>\n          <div class=\"horario-item\">\n            <span class=\"dia\">S\u00e1bados<\/span>\n            <span class=\"hora\">6:00 am - 3:00 pm<\/span>\n          <\/div>\n          <div class=\"horario-item\">\n            <span class=\"dia\">Domingos y Festivos<\/span>\n            <span class=\"hora\">8:00 am - 1:00 pm<\/span>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n\n    <!-- Lado derecho: Form -->\n    <div class=\"pqrs-form-wrapper\">\n      <form class=\"pqrs-form\" id=\"pqrsForm\" novalidate>\n        <div class=\"form-row\">\n          <div class=\"form-group\">\n            <label for=\"nombre\">Nombre completo<\/label>\n            <input type=\"text\" id=\"nombre\" name=\"nombre\" placeholder=\"Tu nombre\" required>\n          <\/div>\n          <div class=\"form-group\">\n            <label for=\"email\">Correo electr\u00f3nico<\/label>\n            <input type=\"email\" id=\"email\" name=\"email\" placeholder=\"tu@email.com\" required>\n          <\/div>\n        <\/div>\n\n        <div class=\"form-row\">\n          <div class=\"form-group\">\n            <label for=\"telefono\">Tel\u00e9fono \/ Celular<\/label>\n            <input type=\"tel\" id=\"telefono\" name=\"telefono\" placeholder=\"3001234567\"\n                   inputmode=\"numeric\" pattern=\"[0-9]*\" maxlength=\"10\" autocomplete=\"tel\" required>\n          <\/div>\n\n          <div class=\"form-group\">\n            <label for=\"asunto\">Tipo de solicitud<\/label>\n            <select id=\"asunto\" name=\"asunto\" required>\n              <option value=\"\">Selecciona una opci\u00f3n<\/option>\n              <option value=\"peticion\">Petici\u00f3n<\/option>\n              <option value=\"queja\">Queja<\/option>\n              <option value=\"reclamo\">Reclamo<\/option>\n              <option value=\"sugerencia\">Sugerencia<\/option>\n              <option value=\"felicitacion\">Felicitaci\u00f3n<\/option>\n            <\/select>\n          <\/div>\n        <\/div>\n\n        <div class=\"form-group full\">\n          <label for=\"mensaje\">Mensaje<\/label>\n          <textarea id=\"mensaje\" name=\"mensaje\" rows=\"5\" placeholder=\"Describe tu solicitud en detalle...\" required><\/textarea>\n        <\/div>\n\n        <div class=\"form-group checkbox-group\">\n          <label class=\"checkbox-label\">\n            <input type=\"checkbox\" id=\"politica\" name=\"politica\" required>\n            <span>\n              <a href=\"https:\/\/cdaprado.com\/nuevo_sitio_cda_pruebas\/tratamiento-de-datos-personales\/\"\n                 target=\"_blank\" rel=\"noopener noreferrer\">\n                Acepto la pol\u00edtica de tratamiento de datos\n              <\/a>\n            <\/span>\n          <\/label>\n        <\/div>\n\n        <button type=\"submit\" class=\"btn-submit\">Enviar<\/button>\n      <\/form>\n    <\/div>\n\n  <\/div>\n<\/section>\n\n<script>\n(function () {\n  const form = document.getElementById(\"pqrsForm\");\n  if (!form) return;\n\n  const fields = {\n    nombre: form.querySelector(\"#nombre\"),\n    email: form.querySelector(\"#email\"),\n    telefono: form.querySelector(\"#telefono\"),\n    asunto: form.querySelector(\"#asunto\"),\n    mensaje: form.querySelector(\"#mensaje\"),\n    politica: form.querySelector(\"#politica\"),\n  };\n\n  \/\/ ==========================================================\n  \/\/ \u2705 AJAX URL para WordPress en subcarpeta (tu caso)\n  \/\/ Detecta el primer segmento: \/nuevo_sitio_cda_pruebas\/...\n  \/\/ ==========================================================\n  const ajaxUrl = (() => {\n    const parts = window.location.pathname.split(\"\/\").filter(Boolean);\n    const base = parts.length ? `\/${parts[0]}\/` : \"\/\";\n    return `${window.location.origin}${base}wp-admin\/admin-ajax.php`;\n  })();\n\n  \/\/ ===== Helpers UI =====\n  const optionLabel = () => {\n    const sel = fields.asunto;\n    return sel && sel.options[sel.selectedIndex]\n      ? sel.options[sel.selectedIndex].text.trim()\n      : \"\";\n  };\n\n  const clearFormAlert = () => {\n    const alert = form.querySelector(\".form-alert\");\n    if (alert) alert.remove();\n  };\n\n  const showAlert = (type, msg) => {\n    clearFormAlert();\n    const div = document.createElement(\"div\");\n    div.className = `form-alert ${type}`;\n    div.textContent = msg;\n    form.prepend(div);\n  };\n\n  const clearFieldError = (el) => {\n    if (!el) return;\n    el.classList.remove(\"is-error\");\n    const parent = el.parentElement;\n    if (!parent) return;\n    parent.querySelectorAll(\".field-error\").forEach((n) => n.remove());\n  };\n\n  const setFieldError = (el, msg) => {\n    if (!el) return;\n    clearFieldError(el);\n    el.classList.add(\"is-error\");\n    const err = document.createElement(\"div\");\n    err.className = \"field-error\";\n    err.textContent = msg;\n    el.parentElement.appendChild(err);\n  };\n\n  const clearAllErrors = () => {\n    form.querySelectorAll(\".field-error\").forEach((el) => el.remove());\n    form.querySelectorAll(\".is-error\").forEach((el) => el.classList.remove(\"is-error\"));\n    clearFormAlert();\n  };\n\n  const isEmailValid = (email) => \/^[^\\s@]+@[^\\s@]+\\.[^\\s@]{2,}$\/.test(email);\n\n  \/\/ ===== Tel\u00e9fono: solo n\u00fameros + max 10 + min 7 =====\n  if (fields.telefono) {\n    fields.telefono.addEventListener(\"input\", () => {\n      let v = fields.telefono.value.replace(\/\\D\/g, \"\");\n      if (v.length > 10) v = v.slice(0, 10);\n      fields.telefono.value = v;\n\n      \/\/ Quita el error cuando ya cumple\n      if (\/^\\d{7,10}$\/.test(v)) clearFieldError(fields.telefono);\n    });\n\n    fields.telefono.addEventListener(\"keydown\", (e) => {\n      const allowed = [\"Backspace\", \"Delete\", \"Tab\", \"ArrowLeft\", \"ArrowRight\", \"Home\", \"End\"];\n      if (allowed.includes(e.key)) return;\n\n      if ((e.ctrlKey || e.metaKey) && [\"a\", \"c\", \"v\", \"x\"].includes(e.key.toLowerCase())) return;\n\n      if (!\/^\\d$\/.test(e.key)) e.preventDefault();\n    });\n  }\n\n  \/\/ ===== Email: si no tiene @, error inmediato =====\n  if (fields.email) {\n    fields.email.addEventListener(\"input\", () => {\n      const value = fields.email.value.trim();\n\n      if (!value) {\n        clearFieldError(fields.email);\n        return;\n      }\n\n      if (!value.includes(\"@\")) {\n        setFieldError(fields.email, 'El correo debe contener el s\u00edmbolo \"@\".');\n        return;\n      }\n\n      \/\/ Ya tiene @ -> quitamos el error inmediato\n      clearFieldError(fields.email);\n\n      \/\/ Si es v\u00e1lido completo -> ok\n      if (isEmailValid(value)) clearFieldError(fields.email);\n    });\n  }\n\n  \/\/ ===== Quitar rojo al diligenciar (nombre, select, mensaje, checkbox) =====\n  const liveClear = (el) => {\n    if (!el) return;\n\n    if (el.type === \"checkbox\") {\n      if (el.checked) clearFieldError(el);\n      return;\n    }\n\n    if (el.tagName === \"SELECT\") {\n      if (el.value) clearFieldError(el);\n      return;\n    }\n\n    if (typeof el.value === \"string\" && el.value.trim().length > 0) {\n      if (el === fields.email || el === fields.telefono) return; \/\/ ya tienen l\u00f3gica propia\n      clearFieldError(el);\n    }\n  };\n\n  [\"input\", \"change\"].forEach((evt) => {\n    form.addEventListener(evt, (e) => {\n      const el = e.target;\n      if (!el) return;\n      if (el.classList && el.classList.contains(\"is-error\")) liveClear(el);\n    }, true);\n  });\n\n  \/\/ ===== Validaci\u00f3n final =====\n  const validate = () => {\n    clearAllErrors();\n    let firstInvalid = null;\n\n    if (!fields.nombre.value.trim()) {\n      setFieldError(fields.nombre, \"Por favor ingresa tu nombre completo.\");\n      firstInvalid ||= fields.nombre;\n    }\n\n    const emailVal = fields.email.value.trim();\n    if (!emailVal) {\n      setFieldError(fields.email, \"Por favor ingresa tu correo.\");\n      firstInvalid ||= fields.email;\n    } else if (!emailVal.includes(\"@\")) {\n      setFieldError(fields.email, 'El correo debe contener el s\u00edmbolo \"@\".');\n      firstInvalid ||= fields.email;\n    } else if (!isEmailValid(emailVal)) {\n      setFieldError(fields.email, \"Por favor ingresa un correo v\u00e1lido.\");\n      firstInvalid ||= fields.email;\n    }\n\n    const phoneVal = fields.telefono.value.trim();\n    if (!phoneVal) {\n      setFieldError(fields.telefono, \"Por favor ingresa tu tel\u00e9fono\/celular.\");\n      firstInvalid ||= fields.telefono;\n    } else if (!\/^\\d{7,10}$\/.test(phoneVal)) {\n      setFieldError(fields.telefono, \"El tel\u00e9fono debe tener solo n\u00fameros y entre 7 y 10 d\u00edgitos.\");\n      firstInvalid ||= fields.telefono;\n    }\n\n    if (!fields.asunto.value) {\n      setFieldError(fields.asunto, \"Selecciona un tipo de solicitud.\");\n      firstInvalid ||= fields.asunto;\n    }\n\n    if (!fields.mensaje.value.trim()) {\n      setFieldError(fields.mensaje, \"Describe tu solicitud en detalle.\");\n      firstInvalid ||= fields.mensaje;\n    }\n\n    if (!fields.politica.checked) {\n      setFieldError(fields.politica, \"Debes aceptar la pol\u00edtica de tratamiento de datos.\");\n      firstInvalid ||= fields.politica;\n    }\n\n    if (firstInvalid) {\n      firstInvalid.focus({ preventScroll: true });\n      firstInvalid.scrollIntoView({ behavior: \"smooth\", block: \"center\" });\n      return false;\n    }\n\n    return true;\n  };\n\n  const setLoading = (loading) => {\n    const btn = form.querySelector(\".btn-submit\");\n    if (!btn) return;\n    btn.disabled = loading;\n    btn.style.opacity = loading ? \"0.7\" : \"1\";\n    btn.textContent = loading ? \"Enviando...\" : \"Enviar\";\n  };\n\n  \/\/ ===== Submit =====\n  form.addEventListener(\"submit\", async (e) => {\n    e.preventDefault();\n    if (!validate()) return;\n\n    setLoading(true);\n    clearFormAlert();\n\n    const payload = {\n      action: \"pqrs_submit\",\n      nombre: fields.nombre.value.trim(),\n      email: fields.email.value.trim(),\n      telefono: fields.telefono.value.trim(),\n      tipo: fields.asunto.value,\n      tipo_label: optionLabel(),\n      mensaje: fields.mensaje.value.trim(),\n      politica: fields.politica.checked ? \"1\" : \"0\",\n    };\n\n    try {\n      console.log(\"AJAX URL:\", ajaxUrl);\n\n      const res = await fetch(ajaxUrl, {\n        method: \"POST\",\n        credentials: \"same-origin\",\n        headers: { \"Content-Type\": \"application\/x-www-form-urlencoded; charset=UTF-8\" },\n        body: new URLSearchParams(payload).toString(),\n      });\n\n      const raw = await res.text();\n      console.log(\"AJAX STATUS:\", res.status);\n      console.log(\"AJAX RAW (inicio):\", raw.slice(0, 250));\n\n      if (!res.ok) throw new Error(`Error HTTP ${res.status}. Revisa consola (AJAX RAW).`);\n\n      let data;\n      try {\n        data = JSON.parse(raw);\n      } catch {\n        throw new Error(\"El servidor no devolvi\u00f3 JSON (devolvi\u00f3 HTML u otra cosa). Revisa consola (AJAX RAW).\");\n      }\n\n      if (!data.success) {\n        throw new Error(data?.data?.message || \"No se pudo enviar la PQRS.\");\n      }\n\n      showAlert(\"success\", \"\u00a1Listo! Recibimos tu PQRSF. Te enviaremos confirmaci\u00f3n a tu correo.\");\n      form.reset();\n    } catch (err) {\n      showAlert(\"error\", err.message || \"No se pudo enviar la PQRSF.\");\n      console.error(\"PQRS ERROR:\", err);\n    } finally {\n      setLoading(false);\n    }\n  });\n})();\n<\/script>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-08451e5 elementor-invisible elementor-widget elementor-widget-html\" data-id=\"08451e5\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;slideInLeft&quot;}\" data-widget_type=\"html.default\">\n\t\t\t\t\t<iframe src=\"https:\/\/www.google.com\/maps\/embed?pb=!1m18!1m12!1m3!1d3966.0446019838873!2d-75.56968868877847!3d6.257855226165868!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x8e4428fb380f12db%3A0x989175706f293c1e!2sCDA%20PRADO%20S.A.S!5e0!3m2!1ses!2sco!4v1765292201024!5m2!1ses!2sco\" width=\"600\" height=\"300\" style=\"border:0;\" allowfullscreen=\"\" loading=\"lazy\" referrerpolicy=\"no-referrer-when-downgrade\"><\/iframe>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>PQRSF \u00a1Queremos escucharte, tu opini\u00f3n nos ayuda a mejorar nuestros servicios! Tel\u00e9fono 604 512 4235 WhatsApp 311 359 1603 Email info@cdaprado.com Direcci\u00f3n Calle 59 #51D-65, Prado Centro Horario de Atenci\u00f3n Lunes a Viernes 6:00 am &#8211; 8:00 pm S\u00e1bados 6:00 am &#8211; 3:00 pm Domingos y Festivos 8:00 am &#8211; 1:00 pm Nombre completo Correo [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":25,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-20","page","type-page","status-publish","has-post-thumbnail","hentry"],"_links":{"self":[{"href":"https:\/\/cdaprado.com\/nuevo_sitio_cda_pruebas\/wp-json\/wp\/v2\/pages\/20","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/cdaprado.com\/nuevo_sitio_cda_pruebas\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/cdaprado.com\/nuevo_sitio_cda_pruebas\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/cdaprado.com\/nuevo_sitio_cda_pruebas\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/cdaprado.com\/nuevo_sitio_cda_pruebas\/wp-json\/wp\/v2\/comments?post=20"}],"version-history":[{"count":155,"href":"https:\/\/cdaprado.com\/nuevo_sitio_cda_pruebas\/wp-json\/wp\/v2\/pages\/20\/revisions"}],"predecessor-version":[{"id":2045,"href":"https:\/\/cdaprado.com\/nuevo_sitio_cda_pruebas\/wp-json\/wp\/v2\/pages\/20\/revisions\/2045"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/cdaprado.com\/nuevo_sitio_cda_pruebas\/wp-json\/wp\/v2\/media\/25"}],"wp:attachment":[{"href":"https:\/\/cdaprado.com\/nuevo_sitio_cda_pruebas\/wp-json\/wp\/v2\/media?parent=20"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}