{"id":632,"date":"2025-11-12T05:00:37","date_gmt":"2025-11-12T05:00:37","guid":{"rendered":"https:\/\/unicrear.com.co\/unicrear\/?page_id=632"},"modified":"2025-11-12T05:04:52","modified_gmt":"2025-11-12T05:04:52","slug":"pqrs","status":"publish","type":"page","link":"https:\/\/unicrear.com.co\/unicrear\/pqrs\/","title":{"rendered":"PQRS"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"632\" class=\"elementor elementor-632\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ca850fe e-con-full e-flex e-con e-parent\" data-id=\"ca850fe\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-623c01f elementor-widget elementor-widget-html\" data-id=\"623c01f\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t    <style>\r\n    \/* --- Secci\u00f3n PQRS con fondo degradado m\u00e1s vibrante --- *\/\r\n    .pqrs-section {\r\n        position: relative;\r\n        background: linear-gradient(135deg, #003a8c, #005fd4, #4f6be0);\r\n        background-image: url(\"data:image\/svg+xml;utf8,<svg width='1000' height='600' xmlns='http:\/\/www.w3.org\/2000\/svg'><defs><linearGradient id='gradPQRS' x1='0' y1='0' x2='1' y2='1'><stop offset='0%' stop-color='%23ffffff' stop-opacity='0.1'\/><stop offset='100%' stop-color='%23000000' stop-opacity='0.25'\/><\/linearGradient><\/defs><circle cx='200' cy='400' r='150' fill='url(%23gradPQRS)' \/><circle cx='850' cy='150' r='120' fill='url(%23gradPQRS)' \/><path d='M100,500 Q500,300 900,500' stroke='%23ffffff' stroke-width='2' fill='none' opacity='0.15'\/><\/svg>\");\r\n        background-repeat: no-repeat;\r\n        background-size: cover;\r\n        background-position: center;\r\n        padding: 90px 20px;\r\n        color: #fff;\r\n        overflow: hidden;\r\n        z-index: 1;\r\n    }\r\n\r\n    \/* --- capa de color para realzar el contraste --- *\/\r\n    .pqrs-section::before {\r\n        content: \"\";\r\n        position: absolute;\r\n        inset: 0;\r\n        background: linear-gradient(135deg, rgba(0, 53, 140, 0.9), rgba(2, 99, 212, 0.9));\r\n        z-index: 0;\r\n    }\r\n\r\n    .pqrs-container {\r\n        max-width: 1000px;\r\n        margin: 0 auto;\r\n        position: relative;\r\n        z-index: 2;\r\n    }\r\n\r\n    \/* --- T\u00edtulo con icono --- *\/\r\n    .pqrs-header {\r\n        display: flex;\r\n        align-items: center;\r\n        gap: 12px;\r\n        margin-bottom: 50px;\r\n        position: relative;\r\n    }\r\n\r\n    .pqrs-header i {\r\n        font-size: 30px;\r\n        color: #fff;\r\n    }\r\n\r\n    .pqrs-header h2 {\r\n        font-size: 30px;\r\n        font-weight: 700;\r\n        color: #fff;\r\n        text-transform: uppercase;\r\n        letter-spacing: 1px;\r\n        margin: 0;\r\n    }\r\n\r\n    .pqrs-header::after {\r\n        content: \"\";\r\n        position: absolute;\r\n        bottom: -10px;\r\n        left: 42px;\r\n        width: 100px;\r\n        height: 4px;\r\n        border-radius: 2px;\r\n        background: linear-gradient(90deg, #fff, #f5a623);\r\n    }\r\n\r\n    \/* --- Formulario con efecto glass y contraste mejorado --- *\/\r\n    .pqrs-form {\r\n        background: rgba(0, 0, 0, 0.25);\r\n        backdrop-filter: blur(12px);\r\n        padding: 35px;\r\n        border-radius: 14px;\r\n        display: flex;\r\n        flex-direction: column;\r\n        gap: 20px;\r\n        box-shadow: 0 8px 25px rgba(0,0,0,0.3);\r\n    }\r\n\r\n    .pqrs-form input,\r\n    .pqrs-form select,\r\n    .pqrs-form textarea {\r\n        width: 100%;\r\n        padding: 12px 15px;\r\n        border: 1px solid rgba(255, 255, 255, 0.3);\r\n        border-radius: 8px;\r\n        background: rgba(255,255,255,0.1);\r\n        color: #fff;\r\n        font-size: 15px;\r\n        transition: all 0.3s ease;\r\n    }\r\n\r\n    .pqrs-form select {\r\n        background-color: rgba(0, 0, 0, 0.4);\r\n        color: #fff;\r\n        appearance: none;\r\n        background-image: linear-gradient(45deg, transparent 50%, #fff 50%), \r\n                          linear-gradient(135deg, #fff 50%, transparent 50%);\r\n        background-position: calc(100% - 20px) calc(1em + 4px), calc(100% - 15px) calc(1em + 4px);\r\n        background-size: 5px 5px, 5px 5px;\r\n        background-repeat: no-repeat;\r\n    }\r\n\r\n    .pqrs-form select option {\r\n        background: #004aad;\r\n        color: #fff;\r\n    }\r\n\r\n    .pqrs-form input::placeholder,\r\n    .pqrs-form textarea::placeholder {\r\n        color: rgba(255,255,255,0.8);\r\n    }\r\n\r\n    .pqrs-form input:focus,\r\n    .pqrs-form select:focus,\r\n    .pqrs-form textarea:focus {\r\n        border-color: #fff;\r\n        box-shadow: 0 0 10px rgba(255,255,255,0.3);\r\n        outline: none;\r\n    }\r\n\r\n    .pqrs-form button {\r\n        align-self: flex-start;\r\n        padding: 12px 28px;\r\n        background-color: #fff;\r\n        color: #0263d4;\r\n        border: none;\r\n        border-radius: 8px;\r\n        font-weight: 700;\r\n        font-size: 15px;\r\n        cursor: pointer;\r\n        transition: background 0.3s ease, transform 0.2s ease;\r\n    }\r\n\r\n    .pqrs-form button:hover {\r\n        background-color: #f5a623;\r\n        color: #fff;\r\n        transform: scale(1.05);\r\n    }\r\n\r\n    @media (max-width: 768px) {\r\n        .pqrs-header h2 {\r\n            font-size: 24px;\r\n        }\r\n        .pqrs-form {\r\n            padding: 20px;\r\n        }\r\n    }\r\n    <\/style>\r\n\r\n    <section class=\"pqrs-section\">\r\n        <div class=\"pqrs-container\">\r\n            <div class=\"pqrs-header\">\r\n                <i class=\"fas fa-clipboard-list\"><\/i>\r\n                <h2>PQRS<\/h2>\r\n            <\/div>\r\n\r\n            <form class=\"pqrs-form\" method=\"post\" action=\"\">\r\n                <input type=\"text\" name=\"nombre\" placeholder=\"Nombre completo\" required>\r\n                <input type=\"email\" name=\"correo\" placeholder=\"Correo electr\u00f3nico\" required>\r\n                <select name=\"tipo\" required>\r\n                    <option value=\"\" disabled selected>Tipo de solicitud<\/option>\r\n                    <option>Petici\u00f3n<\/option>\r\n                    <option>Queja<\/option>\r\n                    <option>Reclamo<\/option>\r\n                    <option>Sugerencia<\/option>\r\n                <\/select>\r\n                <textarea name=\"mensaje\" rows=\"5\" placeholder=\"Describe tu solicitud...\" required><\/textarea>\r\n                <button type=\"submit\">Enviar PQRS<\/button>\r\n            <\/form>\r\n        <\/div>\r\n    <\/section>\r\n    \t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-632","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/unicrear.com.co\/unicrear\/wp-json\/wp\/v2\/pages\/632","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/unicrear.com.co\/unicrear\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/unicrear.com.co\/unicrear\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/unicrear.com.co\/unicrear\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/unicrear.com.co\/unicrear\/wp-json\/wp\/v2\/comments?post=632"}],"version-history":[{"count":0,"href":"https:\/\/unicrear.com.co\/unicrear\/wp-json\/wp\/v2\/pages\/632\/revisions"}],"wp:attachment":[{"href":"https:\/\/unicrear.com.co\/unicrear\/wp-json\/wp\/v2\/media?parent=632"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}