{"id":27,"date":"2026-01-29T10:10:10","date_gmt":"2026-01-29T15:10:10","guid":{"rendered":"https:\/\/tradinglogistica.co\/?page_id=27"},"modified":"2026-06-02T15:54:45","modified_gmt":"2026-06-02T20:54:45","slug":"pqr","status":"publish","type":"page","link":"https:\/\/tradinglogistica.co\/?page_id=27","title":{"rendered":"PQR"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"27\" class=\"elementor elementor-27\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-e93c3e2 e-flex e-con-boxed e-con e-parent\" data-id=\"e93c3e2\" 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<div class=\"elementor-element elementor-element-132d815 e-con-full e-flex e-con e-child\" data-id=\"132d815\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-9e7af71 elementor-widget__width-initial elementor-widget elementor-widget-ld_fancy_image\" data-id=\"9e7af71\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"ld_fancy_image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\n\t\t<div class=\"lqd-imggrp-single d-block pos-rel \">\n\t\t\t<div class=\"lqd-imggrp-img-container d-inline-flex pos-rel align-items-center justify-content-center \">\n\t\t\t\t\t\t\t\t<figure class=\"w-100 pos-rel\">\n\t\t\t\t\t<img decoding=\"async\" width=\"379\" height=\"103\" src=\"https:\/\/tradinglogistica.co\/wp-content\/uploads\/2026\/01\/Grupo-3@2x.png\" class=\"attachment-full size-full wp-image-39\" alt=\"\" srcset=\"https:\/\/tradinglogistica.co\/wp-content\/uploads\/2026\/01\/Grupo-3@2x.png 379w, https:\/\/tradinglogistica.co\/wp-content\/uploads\/2026\/01\/Grupo-3@2x-300x82.png 300w\" sizes=\"(max-width: 379px) 100vw, 379px\" itemprop=\"image\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<a href=\"https:\/\/tradinglogistica.co\/\" class=\"lqd-overlay lqd-fi-overlay-link lqd-cc-label-trigger\"><\/a>\n\t\t\t\t\t\t\t\t\t\t\t\t<\/figure>\n\t\t\t<\/div>\n\t\t<\/div>\n\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-b5eae6a elementor-widget-divider--view-line elementor-widget elementor-widget-divider\" data-id=\"b5eae6a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"divider.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-divider\">\n\t\t\t<span class=\"elementor-divider-separator\">\n\t\t\t\t\t\t<\/span>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-2b95dcd elementor-widget__width-initial elementor-hidden-desktop elementor-hidden-laptop elementor-hidden-tablet elementor-hidden-mobile elementor-widget elementor-widget-heading\" data-id=\"2b95dcd\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h1 class=\"elementor-heading-title elementor-size-default\">PQR<\/h1>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-9bb9686 e-flex e-con-boxed e-con e-parent\" data-id=\"9bb9686\" 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<div class=\"elementor-element elementor-element-816f56e e-con-full e-flex e-con e-child\" data-id=\"816f56e\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b0069a3 elementor-widget__width-initial elementor-widget elementor-widget-heading\" data-id=\"b0069a3\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h4 class=\"elementor-heading-title elementor-size-default\">Trabajamos cada d\u00eda para ofrecerte una soluci\u00f3n log\u00edstica a la altura de tus necesidades.<\/h4>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-22605a5 elementor-widget__width-initial elementor-widget elementor-widget-text-editor\" data-id=\"22605a5\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>Si tienes preguntas, quejas, reclamos o felicitaciones, te invitamos a diligenciar el formulario. Estamos comprometidos en brindarte una atenci\u00f3n oportuna y eficiente.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-fa2ed45 elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"fa2ed45\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t\n\n<style>\n\/* =======================================\n   FIX WORDPRESS \/ ELEMENTOR \/ WOOCOMMERCE\n   ======================================= *\/\n\n.trading-form-shell .trading-form select,\n.trading-form-shell .trading-form select.form-control,\n.trading-form-shell .trading-form select.input-text,\n.trading-form-shell .trading-form .trading-field select {\n\n    -webkit-appearance:none !important;\n    -moz-appearance:none !important;\n    appearance:none !important;\n\n    display:block !important;\n    width:100% !important;\n    max-width:100% !important;\n\n    min-height:52px !important;\n    height:52px !important;\n\n    margin:0 !important;\n\n    padding:14px 40px 14px 16px !important;\n\n    border:1px solid var(--line) !important;\n    border-radius:16px !important;\n\n    background-color:#fff !important;\n\n    background-image:\n        linear-gradient(45deg,transparent 50%,#66797f 50%),\n        linear-gradient(135deg,#66797f 50%,transparent 50%) !important;\n\n    background-position:\n        calc(100% - 18px) calc(50% - 3px),\n        calc(100% - 12px) calc(50% - 3px) !important;\n\n    background-size:6px 6px !important;\n    background-repeat:no-repeat !important;\n\n    font:inherit !important;\n    color:var(--ink) !important;\n\n    text-indent:0 !important;\n    text-overflow:ellipsis !important;\n\n    box-shadow:none !important;\n    outline:none !important;\n\n    cursor:pointer !important;\n}\n\n\/* Firefox *\/\n.trading-form-shell .trading-form select::-ms-expand{\n    display:none !important;\n}\n\n\/* Focus *\/\n\n.trading-form-shell .trading-form select:focus,\n.trading-form-shell .trading-form input:focus,\n.trading-form-shell .trading-form textarea:focus{\n\n    border-color:var(--brand) !important;\n\n    box-shadow:\n        0 0 0 3px rgba(11,56,63,.08) !important;\n\n    outline:none !important;\n}\n\n\/* Elementor suele convertir labels *\/\n\n.trading-form-shell label{\n\n    display:block !important;\n\n    margin:0 !important;\n\n    padding:0 !important;\n\n    line-height:1.4 !important;\n}\n\n\/* Mantener estructura grid *\/\n\n.trading-form-shell .trading-field{\n\n    display:grid !important;\n\n    gap:8px !important;\n\n    width:100% !important;\n}\n\n\/* Evitar conflictos de wrappers *\/\n\n.trading-form-shell .trading-field > select,\n.trading-form-shell .trading-field > input,\n.trading-form-shell .trading-field > textarea{\n\n    position:relative !important;\n\n    z-index:10 !important;\n}\n\n\/* Select2 *\/\n\n.trading-form-shell .select2,\n.trading-form-shell .select2-container{\n    display:none !important;\n}\n\n\/* Nice Select *\/\n\n.trading-form-shell .nice-select{\n    display:none !important;\n}\n\n\/* jQuery UI *\/\n\n.trading-form-shell .ui-selectmenu-button,\n.trading-form-shell .ui-selectmenu-menu{\n    display:none !important;\n}\n\n\/* WooCommerce wrappers *\/\n\n.trading-form-shell .woocommerce-input-wrapper,\n.trading-form-shell .form-row{\n    width:100% !important;\n}\n\n\/* Checkbox *\/\n\n.trading-form-shell .trading-checkbox-field input[type=\"checkbox\"]{\n\n    appearance:auto !important;\n\n    width:18px !important;\n\n    height:18px !important;\n\n    min-height:18px !important;\n\n    margin:0 !important;\n\n    flex:none !important;\n}\n        .trading-form-shell {\n            --bg: #ffffff;\n            --surface: #ffffff;\n            --line: #c7cfd2;\n            --muted: #6f8186;\n            --brand: #0B383F;\n            --brand-dark: #072327;\n            --accent: #FF8200;\n            --danger: #D91111;\n            --error: #D91111;\n            --ink: #21363b;\n            --soft: #FF9D38;\n            --panel: #f8fbfb;\n            --radius: 22px;\n            font-family: \"Segoe UI\", Tahoma, Geneva, Verdana, sans-serif;\n            color: var(--ink);\n            background: var(--bg);\n            position: relative;\n            z-index: 20;\n            isolation: isolate;\n        }\n\n        .trading-form-shell,\n        .trading-form-shell * {\n            box-sizing: border-box;\n        }\n\n        .trading-form-shell.trading-form-layout {\n            width: min(980px, calc(100% - 48px));\n            margin: 48px auto 60px;\n            display: block;\n        }\n\n        .trading-form-shell .trading-form-card {\n            background: transparent;\n            border: 0;\n            border-radius: 0;\n            box-shadow: none;\n            padding: 0;\n            position: relative;\n            z-index: 1;\n        }\n\n        .trading-form-shell .trading-form {\n            display: grid;\n            gap: 28px;\n            position: relative;\n            z-index: 2;\n        }\n\n        .trading-form-shell .trading-step {\n            display: none;\n            gap: 16px;\n            padding: 0;\n            border-radius: 0;\n            background: transparent;\n            border: 0;\n            position: relative;\n            z-index: 2;\n            overflow: visible;\n            opacity: 0;\n            transform: translateY(18px);\n            animation: stepEnter 0.4s ease forwards;\n        }\n\n        .trading-form-shell .trading-step.is-active {\n            display: grid;\n        }\n\n        @keyframes stepEnter {\n            from {\n                opacity: 0;\n                transform: translateY(18px);\n            }\n            to {\n                opacity: 1;\n                transform: translateY(0);\n            }\n        }\n\n        .trading-form-shell .trading-step-header {\n            display: grid;\n            gap: 0;\n            margin-bottom: 10px;\n        }\n\n        .trading-form-shell .trading-step h2 {\n            margin: 0;\n            font-size: clamp(1.5rem, 2.6vw, 2.2rem);\n            color: var(--brand-dark);\n            font-weight: 700;\n        }\n\n        .trading-form-shell .trading-grid {\n            display: grid;\n            grid-template-columns: repeat(2, minmax(0, 1fr));\n            gap: 22px 28px;\n            align-items: start;\n        }\n\n        .trading-form-shell .trading-field,\n        .trading-form-shell .trading-checkbox-field,\n        .trading-form-shell .trading-helper-box {\n            display: grid;\n            gap: 8px;\n            align-content: start;\n            position: relative;\n            z-index: 2;\n        }\n\n        .trading-form-shell .trading-field.full,\n        .trading-form-shell .trading-helper-box {\n            grid-column: 1 \/ -1;\n        }\n\n        .trading-form-shell .trading-field.is-hidden,\n        .trading-form-shell .trading-checkbox-field.is-hidden,\n        .trading-form-shell .trading-helper-box.is-hidden {\n            display: none;\n        }\n\n        .trading-form-shell label {\n            font-weight: 700;\n            font-size: 0.92rem;\n            color: var(--ink);\n            min-height: 22px;\n        }\n\n        .trading-form-shell .required::after {\n            content: \" *\";\n            color: var(--danger);\n        }\n\n        .trading-form-shell .trading-form input,\n        .trading-form-shell .trading-form select,\n        .trading-form-shell .trading-form textarea {\n            width: 100%;\n            min-height: 52px;\n            padding: 14px 16px;\n            border: 1px solid var(--line);\n            border-radius: 16px;\n            background: var(--surface);\n            color: var(--ink);\n            font: inherit;\n            line-height: 1.4;\n            position: relative;\n            z-index: 3;\n            pointer-events: auto;\n            transition: border-color 0.2s ease, box-shadow 0.2s ease, transform 0.2s ease;\n        }\n\n        .trading-form-shell .trading-form select {\n            -webkit-appearance: none;\n            -moz-appearance: none;\n            appearance: none;\n            background-image: linear-gradient(45deg, transparent 50%, #66797f 50%), linear-gradient(135deg, #66797f 50%, transparent 50%);\n            background-position: calc(100% - 18px) calc(50% - 3px), calc(100% - 12px) calc(50% - 3px);\n            background-size: 6px 6px, 6px 6px;\n            background-repeat: no-repeat;\n            padding-right: 36px;\n            background-color: var(--surface);\n            box-shadow: none;\n            text-indent: 0.01px;\n            text-overflow: \"\";\n            cursor: pointer;\n        }\n\n        .trading-form-shell .trading-form select::-ms-expand {\n            display: none;\n        }\n\n        .trading-form-shell .trading-form select option {\n            color: var(--ink);\n            background: #ffffff;\n        }\n\n        .trading-form-shell .trading-form .ui-selectmenu-button,\n        .trading-form-shell .trading-form .ui-selectmenu-menu {\n            display: none !important;\n            pointer-events: none !important;\n        }\n\n        .trading-form-shell .trading-form input::placeholder,\n        .trading-form-shell .trading-form textarea::placeholder {\n            color: #8e9ea2;\n        }\n\n        .trading-form-shell .trading-form input:focus,\n        .trading-form-shell .trading-form select:focus,\n        .trading-form-shell .trading-form textarea:focus {\n            outline: none;\n            border-color: var(--brand);\n            box-shadow: 0 0 0 3px rgba(11, 56, 63, 0.08);\n            transform: translateY(-1px);\n        }\n\n        .trading-form-shell .trading-form textarea {\n            min-height: 140px;\n            resize: vertical;\n        }\n\n        .trading-form-shell .trading-form input:disabled,\n        .trading-form-shell .trading-form select:disabled,\n        .trading-form-shell .trading-form textarea:disabled {\n            color: #a4b1b4;\n            background: #f6f8f8;\n            border-color: #e3e8e9;\n            cursor: not-allowed;\n        }\n\n        .trading-form-shell .trading-checkbox-field {\n            align-items: center;\n            grid-template-columns: auto 1fr;\n            gap: 12px;\n        }\n\n        .trading-form-shell .trading-checkbox-field input {\n            width: 18px;\n            height: 18px;\n            margin: 0;\n            accent-color: var(--brand);\n        }\n\n        .trading-form-shell .trading-checkbox-field span {\n            color: var(--ink);\n            font-weight: 500;\n        }\n\n        .trading-form-shell .trading-helper,\n        .trading-form-shell .trading-hint,\n        .trading-form-shell .trading-footnote {\n            color: var(--muted);\n            font-size: 0.85rem;\n            line-height: 1.45;\n        }\n\n        .trading-form-shell .trading-hint {\n            min-height: 20px;\n        }\n\n        .trading-form-shell .trading-hint.is-error {\n            color: var(--error);\n        }\n\n        .trading-form-shell .trading-helper-box {\n            padding: 0;\n            border-radius: 0;\n            background: transparent;\n            border: 0;\n        }\n\n        .trading-form-shell .trading-upload-shell {\n            display: grid;\n            gap: 18px;\n            padding-top: 10px;\n        }\n\n        .trading-form-shell .trading-upload-toolbar {\n            display: flex;\n            justify-content: space-between;\n            align-items: center;\n            gap: 16px;\n            flex-wrap: wrap;\n        }\n\n        .trading-form-shell .trading-upload-toolbar strong {\n            font-size: 1rem;\n            font-weight: 600;\n            color: var(--brand-dark);\n        }\n\n        .trading-form-shell .trading-upload-toolbar span {\n            color: var(--muted);\n            font-size: 0.9rem;\n        }\n\n        .trading-form-shell .trading-upload-actions {\n            display: flex;\n            gap: 12px;\n            align-items: center;\n            flex-wrap: wrap;\n        }\n\n        .trading-form-shell .trading-upload-list {\n            display: grid;\n            gap: 10px;\n            margin: 0;\n            padding: 0;\n            list-style: none;\n        }\n\n        .trading-form-shell .trading-upload-item {\n            display: flex;\n            justify-content: space-between;\n            align-items: center;\n            gap: 16px;\n            padding: 12px 0;\n            border-bottom: 1px solid rgba(146, 166, 169, 0.2);\n        }\n\n        .trading-form-shell .trading-upload-item:last-child {\n            border-bottom: 0;\n        }\n\n        .trading-form-shell .trading-upload-item strong {\n            display: block;\n            color: var(--brand-dark);\n            font-size: 0.95rem;\n            font-weight: 500;\n        }\n\n        .trading-form-shell .trading-upload-item-main {\n            min-width: 0;\n            flex: 1 1 auto;\n        }\n\n        .trading-form-shell .trading-upload-item span {\n            color: var(--muted);\n            font-size: 0.82rem;\n            line-height: 1.4;\n            word-break: break-all;\n        }\n\n        .trading-form-shell .trading-upload-remove {\n            padding: 0;\n            border: 0;\n            border-radius: 0;\n            background: transparent;\n            color: var(--muted);\n            font-weight: 600;\n            flex: 0 0 auto;\n        }\n\n        .trading-form-shell .trading-upload-remove:hover {\n            color: var(--danger);\n            transform: none;\n        }\n\n        .trading-form-shell .trading-upload-empty {\n            color: var(--muted);\n            font-size: 0.9rem;\n        }\n\n        .trading-form-shell .trading-powered-by {\n            color: var(--muted);\n            font-size: 0.8rem;\n            letter-spacing: 0.08em;\n            text-transform: uppercase;\n        }\n\n        .trading-form-shell .trading-hidden-fields {\n            display: none;\n        }\n\n        .trading-form-shell .trading-submit-frame {\n            display: none;\n            width: 0;\n            height: 0;\n            border: 0;\n        }\n\n        .trading-form-shell .trading-honeypot {\n            position: absolute;\n            left: -9999px;\n            width: 1px;\n            height: 1px;\n            overflow: hidden;\n            opacity: 0;\n            pointer-events: none;\n        }\n\n        .trading-form-shell .trading-status {\n            display: none;\n            padding: 0;\n            border-radius: 0;\n            font-size: 0.95rem;\n            line-height: 1.5;\n        }\n\n        .trading-form-shell .trading-status.error {\n            display: block;\n            color: var(--error);\n            background: transparent;\n            border: 0;\n        }\n\n        .trading-form-shell .trading-status.success {\n            display: block;\n            color: #127a39;\n            background: transparent;\n            border: 0;\n        }\n\n        .trading-form-shell .trading-actions {\n            display: flex;\n            justify-content: space-between;\n            gap: 16px;\n            align-items: flex-end;\n            flex-wrap: wrap;\n            padding-top: 14px;\n        }\n\n        .trading-form-shell .trading-actions-group {\n            display: flex;\n            gap: 12px;\n            align-items: center;\n            flex-wrap: wrap;\n        }\n\n        .trading-form-shell button {\n            appearance: none;\n            border: 1px solid transparent;\n            border-radius: 999px;\n            padding: 13px 22px;\n            font: inherit;\n            font-weight: 600;\n            color: #fff;\n            cursor: pointer;\n            background: transparent;\n            box-shadow: none;\n            position: relative;\n            z-index: 3;\n            pointer-events: auto;\n            transition: color 0.2s ease, border-color 0.2s ease, background 0.2s ease, transform 0.2s ease;\n        }\n\n        .trading-form-shell::before,\n        .trading-form-shell::after,\n        .trading-form-shell .trading-form-card::before,\n        .trading-form-shell .trading-form-card::after {\n            pointer-events: none;\n        }\n\n        .trading-form-shell button:hover {\n            transform: translateY(-1px);\n        }\n\n        .trading-form-shell .button-secondary {\n            color: var(--muted);\n            border-color: #d4dbdd;\n        }\n\n        .trading-form-shell .button-secondary:hover {\n            color: var(--brand-dark);\n            border-color: #b8c4c7;\n        }\n\n        .trading-form-shell .button-primary {\n            color: #ffffff;\n            background: var(--brand-dark);\n        }\n\n        .trading-form-shell .button-submit {\n            color: #ffffff;\n            background: linear-gradient(135deg, var(--accent), var(--soft));\n        }\n\n        .trading-form-shell .button-ghost {\n            padding-left: 0;\n            padding-right: 0;\n            color: var(--muted);\n        }\n\n        .trading-form-shell .button-ghost:hover {\n            color: var(--brand-dark);\n        }\n\n        .trading-form-shell .trading-hidden {\n            display: none;\n        }\n\n        @media (max-width: 680px) {\n            .trading-form-shell.trading-form-layout {\n                width: min(100% - 24px, 1120px);\n                margin: 16px auto 24px;\n            }\n\n            .trading-form-shell .trading-grid {\n                grid-template-columns: 1fr;\n            }\n\n            .trading-form-shell .trading-actions {\n                align-items: stretch;\n            }\n\n            .trading-form-shell .trading-actions-group,\n            .trading-form-shell .trading-upload-actions,\n            .trading-form-shell .trading-actions button {\n                width: 100%;\n            }\n\n            .trading-form-shell .trading-actions-group button {\n                flex: 1 1 auto;\n            }\n\n            .trading-form-shell .trading-upload-actions button {\n                width: 100%;\n            }\n        }\n    <\/style>\n\n<main class=\"trading-form-shell trading-form-layout\">\n    <section class=\"trading-form-card\">\n        <form id=\"trading-form\"\n              class=\"trading-form\"\n              data-filestack-key=\"A4sMid5opQ7LtyEkJp3Wbz\"\n              action=\"https:\/\/webto.salesforce.com\/servlet\/servlet.WebToCase?encoding=UTF-8&amp;orgId=00DDo000001B5Eb\"\n              method=\"POST\"\n              target=\"trading-salesforce-submit-frame\"\n              novalidate>\n\n            <input type=\"hidden\" name=\"orgid\" value=\"00DDo000001B5Eb\">\n            <input type=\"hidden\" name=\"retURL\" value=\"https:\/\/tradinglogistica.co\/gracias-pqrs\/\">\n            <input type=\"hidden\" name=\"recordType\" value=\"012US000008mXrW\">\n            <input type=\"hidden\" name=\"status\" value=\"Radicado\">\n\n            <div class=\"trading-honeypot\" aria-hidden=\"true\">\n                <label for=\"website-field\">Website<\/label>\n                <input id=\"website-field\"\n                       name=\"website\"\n                       type=\"text\"\n                       tabindex=\"-1\"\n                       autocomplete=\"off\">\n            <\/div>\n\n            <div id=\"form-status\"\n                 class=\"trading-status\"\n                 aria-live=\"polite\"><\/div>\n\n            <!-- STEP 1 -->\n            <section class=\"trading-step is-active\" data-step-index=\"0\">\n                <div class=\"trading-step-header\">\n                    <h2>Datos del solicitante<\/h2>\n                <\/div>\n\n                <div class=\"trading-grid\">\n\n                    <label class=\"trading-checkbox-field full\" for=\"00NUS000004owBd\">\n                        <input id=\"00NUS000004owBd\"\n                               name=\"00NUS000004owBd\"\n                               type=\"checkbox\"\n                               value=\"1\">\n                        <span>Caso an\u00f3nimo<\/span>\n                    <\/label>\n\n                    <div class=\"trading-helper-box\">\n                        <span class=\"trading-helper\">\n                            Si marcas esta opci\u00f3n, no se solicitar\u00e1n tus datos personales.\n                        <\/span>\n                        <span class=\"trading-helper\">\n                            No podremos contactarte para seguimiento.\n                        <\/span>\n                    <\/div>\n\n                    <div class=\"trading-field\">\n                        <label class=\"required\" for=\"00NUS000004owCF\">\n                            Tipo de cliente\n                        <\/label>\n\n                        <select id=\"00NUS000004owCF\"\n                                name=\"00NUS000004owCF\"\n                                required>\n\n                            <option value=\"\">Seleccione una opci\u00f3n<\/option>\n                            <option value=\"Cliente\">Cliente<\/option>\n                            <option value=\"Proveedor\">Proveedor<\/option>\n\n                        <\/select>\n                    <\/div>\n\n                    <div class=\"trading-field\">\n                        <label class=\"required\" for=\"00NUS000004owCG\">\n                            Tipo de documento\n                        <\/label>\n\n                        <select id=\"00NUS000004owCG\"\n                                name=\"00NUS000004owCG\"\n                                required>\n\n                            <option value=\"\">Seleccione una opci\u00f3n<\/option>\n                            <option value=\"C\u00e9dula de ciudadan\u00eda\">C\u00e9dula de ciudadan\u00eda<\/option>\n                            <option value=\"C\u00e9dula extranjera\">C\u00e9dula extranjera<\/option>\n                            <option value=\"NIT\">NIT<\/option>\n                            <option value=\"Pasaporte\">Pasaporte<\/option>\n\n                        <\/select>\n                    <\/div>\n\n                    <div class=\"trading-field\">\n                        <label class=\"required\" for=\"00NUS000004owC2\">\n                            N\u00famero de documento\n                        <\/label>\n\n                        <input id=\"00NUS000004owC2\"\n                               name=\"00NUS000004owC2\"\n                               maxlength=\"255\"\n                               type=\"text\"\n                               required\n                               autocomplete=\"off\">\n\n                        <span id=\"document-hint\"\n                              class=\"trading-hint\">\n                            La validaci\u00f3n cambia seg\u00fan el tipo de documento.\n                        <\/span>\n                    <\/div>\n\n                    <div class=\"trading-field\">\n                        <label for=\"00NUS000004owC9\">\n                            Raz\u00f3n social\n                        <\/label>\n\n                        <input id=\"00NUS000004owC9\"\n                               name=\"00NUS000004owC9\"\n                               maxlength=\"255\"\n                               type=\"text\"\n                               autocomplete=\"organization\">\n                    <\/div>\n\n                    <div class=\"trading-field\">\n                        <label class=\"required\" for=\"00NUS000004owC0\">\n                            Nombre completo\n                        <\/label>\n\n                        <input id=\"00NUS000004owC0\"\n                               name=\"00NUS000004owC0\"\n                               maxlength=\"255\"\n                               type=\"text\"\n                               required\n                               autocomplete=\"name\">\n\n                        <span class=\"trading-hint\">\n                            Solo letras, espacios, ap\u00f3strofes, puntos y guiones.\n                        <\/span>\n                    <\/div>\n\n                    <div class=\"trading-field\">\n                        <label class=\"required\" for=\"00NUS000004owBj\">\n                            Correo electr\u00f3nico\n                        <\/label>\n\n                        <input id=\"00NUS000004owBj\"\n                               name=\"00NUS000004owBj\"\n                               maxlength=\"80\"\n                               type=\"email\"\n                               required\n                               autocomplete=\"email\">\n                    <\/div>\n\n                    <div class=\"trading-field\">\n                        <label class=\"required\" for=\"00NUS000004owBu\">\n                            Indicativo pa\u00eds\n                        <\/label>\n\n                        <input id=\"00NUS000004owBu\"\n                               name=\"00NUS000004owBu\"\n                               maxlength=\"5\"\n                               type=\"text\"\n                               required\n                               placeholder=\"+57\">\n                    <\/div>\n\n                    <div class=\"trading-field\">\n                        <label class=\"required\" for=\"00NUS000004owCD\">\n                            Tel\u00e9fono\n                        <\/label>\n\n                        <input id=\"00NUS000004owCD\"\n                               name=\"00NUS000004owCD\"\n                               maxlength=\"40\"\n                               type=\"tel\"\n                               required\n                               autocomplete=\"tel\">\n\n                        <span class=\"trading-hint\">\n                            Se permiten n\u00fameros, espacios, par\u00e9ntesis, + y -.\n                        <\/span>\n                    <\/div>\n\n                    <div class=\"trading-field full\">\n                        <label class=\"required\" for=\"00NUS000004owBc\">\n                            Canal de contacto preferido\n                        <\/label>\n\n                        <select id=\"00NUS000004owBc\"\n                                name=\"00NUS000004owBc\"\n                                required>\n\n                            <option value=\"\">Seleccione una opci\u00f3n<\/option>\n                            <option value=\"Email\">Email<\/option>\n                            <option value=\"Tel\u00e9fono\">Tel\u00e9fono<\/option>\n                            <option value=\"Whatsapp\">Whatsapp<\/option>\n                            <option value=\"Otro\">Otro<\/option>\n\n                        <\/select>\n                    <\/div>\n\n                <\/div>\n            <\/section>\n\n            <!-- STEP 2 -->\n            <section class=\"trading-step\" data-step-index=\"1\">\n\n                <div class=\"trading-step-header\">\n                    <h2>Detalle de la solicitud<\/h2>\n                <\/div>\n\n                <div class=\"trading-grid\">\n\n                    <div class=\"trading-field\">\n                        <label class=\"required\" for=\"00NUS000004owCH\">\n                            Tipo de solicitud\n                        <\/label>\n\n                        <select id=\"00NUS000004owCH\"\n                                name=\"00NUS000004owCH\"\n                                required>\n\n                            <option value=\"\">Seleccione una opci\u00f3n<\/option>\n                            <option value=\"Petici\u00f3n\">Petici\u00f3n<\/option>\n                            <option value=\"Queja\">Queja<\/option>\n                            <option value=\"Reclamo\">Reclamo<\/option>\n                            <option value=\"Sugerencia\">Sugerencia<\/option>\n                            <option value=\"Felicitaci\u00f3n\">Felicitaci\u00f3n<\/option>\n\n                        <\/select>\n                    <\/div>\n\n                    <div class=\"trading-field\">\n                        <label id=\"motivo-label\" for=\"00NUS000004owBw\">\n                            Motivo\n                        <\/label>\n\n                        <select id=\"00NUS000004owBw\"\n                                name=\"00NUS000004owBw\"\n                                disabled>\n\n                            <option value=\"\">Seleccione una opci\u00f3n<\/option>\n                            <option value=\"Contaminaci\u00f3n\">Contaminaci\u00f3n<\/option>\n                            <option value=\"Homogeneidad\">Homogeneidad<\/option>\n                            <option value=\"Error facturaci\u00f3n\">Error facturaci\u00f3n<\/option>\n                            <option value=\"Error en despacho\">Error en despacho<\/option>\n                            <option value=\"Demora en despacho\">Demora en despacho<\/option>\n                            <option value=\"Otros\">Otros<\/option>\n\n                        <\/select>\n                    <\/div>\n\n                    <div class=\"trading-field\">\n                        <label id=\"producto-label\" for=\"00NUS000004owC7\">\n                            Producto o servicio relacionado\n                        <\/label>\n\n                        <select id=\"00NUS000004owC7\"\n                                name=\"00NUS000004owC7\"\n                                disabled>\n\n                            <option value=\"\">Seleccione una opci\u00f3n<\/option>\n                            <option value=\"Almacenamiento y Manipulaci\u00f3n\">\n                                Almacenamiento y Manipulaci\u00f3n\n                            <\/option>\n                            <option value=\"Operaci\u00f3n Portuaria\">\n                                Operaci\u00f3n Portuaria\n                            <\/option>\n                            <option value=\"Alquiler de Equipos\/Maquinaria\">\n                                Alquiler de Equipos\/Maquinaria\n                            <\/option>\n                            <option value=\"Maquila y Ensacado\">\n                                Maquila y Ensacado\n                            <\/option>\n                            <option value=\"Transporte\">Transporte<\/option>\n\n                        <\/select>\n                    <\/div>\n\n                    <div class=\"trading-field\">\n                        <label id=\"categoria-label\" for=\"00NUS000004owBe\">\n                            Categor\u00eda\n                        <\/label>\n\n                        <select id=\"00NUS000004owBe\"\n                                name=\"00NUS000004owBe\"\n                                disabled>\n\n                            <option value=\"\">Seleccione una opci\u00f3n<\/option>\n                            <option value=\"Almacenaje\">Almacenaje<\/option>\n                            <option value=\"Manipulaci\u00f3n\">Manipulaci\u00f3n<\/option>\n                            <option value=\"Fluvial\">Fluvial<\/option>\n                            <option value=\"Terrestre\">Terrestre<\/option>\n                            <option value=\"Mar\u00edtimo\">Mar\u00edtimo<\/option>\n                            <option value=\"A\u00e9reo\">A\u00e9reo<\/option>\n                            <option value=\"Empaque\">Empaque<\/option>\n                            <option value=\"Maquila\">Maquila<\/option>\n                            <option value=\"Transporte\">Transporte<\/option>\n                            <option value=\"Maquinaria Amarilla\">Maquinaria Amarilla<\/option>\n                            <option value=\"Otros Equipos\">Otros Equipos<\/option>\n                            <option value=\"Recursos\">Recursos<\/option>\n\n                        <\/select>\n                    <\/div>\n\n                    <div class=\"trading-field full trading-hidden\"\n                         id=\"nonconformity-field\">\n\n                        <label id=\"no-conformidad-label\"\n                               for=\"00NUS000004owBz\">\n                            No conformidad\n                        <\/label>\n\n                        <select id=\"00NUS000004owBz\"\n                                name=\"00NUS000004owBz\"\n                                disabled>\n\n                            <option value=\"\">Seleccione una opci\u00f3n<\/option>\n\n                            <option value=\"Contaminaci\u00f3n de Producto\">\n                                Contaminaci\u00f3n de Producto\n                            <\/option>\n\n                            <option value=\"Contaminaci\u00f3n Cruzada\">\n                                Contaminaci\u00f3n Cruzada\n                            <\/option>\n\n                            <option value=\"Merma (Perdida)\">\n                                Merma (Perdida)\n                            <\/option>\n\n                            <option value=\"Inventario\">Inventario<\/option>\n\n                            <option value=\"Aver\u00edas de Carga\">\n                                Aver\u00edas de Carga\n                            <\/option>\n\n                            <option value=\"Infestaci\u00f3n (Plaga)\">\n                                Infestaci\u00f3n (Plaga)\n                            <\/option>\n\n                            <option value=\"Infestaci\u00f3n (Hongo)\">\n                                Infestaci\u00f3n (Hongo)\n                            <\/option>\n\n                            <option value=\"Requerimiento Especial\">\n                                Requerimiento Especial\n                            <\/option>\n\n                            <option value=\"Trocado de Producto\">\n                                Trocado de Producto\n                            <\/option>\n\n                            <option value=\"Saqueo de la Carga\">\n                                Saqueo de la Carga\n                            <\/option>\n\n                            <option value=\"Perdida Parcial o Completa\">\n                                Perdida Parcial o Completa\n                            <\/option>\n\n                            <option value=\"Aver\u00eda\">Aver\u00eda<\/option>\n\n                            <option value=\"Incumplimiento Tiempos de Entrega\">\n                                Incumplimiento Tiempos de Entrega\n                            <\/option>\n\n                            <option value=\"Inconformidad por Tarifas\">\n                                Inconformidad por Tarifas\n                            <\/option>\n\n                            <option value=\"Mal Mezclada\">\n                                Mal Mezclada\n                            <\/option>\n\n                            <option value=\"Faltante de bultos\">\n                                Faltante de bultos\n                            <\/option>\n\n                        <\/select>\n                    <\/div>\n\n                    <div class=\"trading-field full\">\n                        <label class=\"required\" for=\"00NUS000004owBa\">\n                            Asunto\n                        <\/label>\n\n                        <input id=\"00NUS000004owBa\"\n                               name=\"00NUS000004owBa\"\n                               maxlength=\"255\"\n                               type=\"text\"\n                               required>\n                    <\/div>\n\n                    <div class=\"trading-field full\">\n                        <label class=\"required\" for=\"00NUS000004owBm\">\n                            Descripci\u00f3n\n                        <\/label>\n\n                        <textarea id=\"00NUS000004owBm\"\n                                  name=\"00NUS000004owBm\"\n                                  wrap=\"soft\"\n                                  required><\/textarea>\n                    <\/div>\n\n                    <div class=\"trading-field\">\n                        <label class=\"required\" for=\"00NUS000004owBs\">\n                            Fecha del evento\n                        <\/label>\n\n                        <input id=\"00NUS000004owBs\"\n                               name=\"00NUS000004owBs\"\n                               type=\"date\"\n                               required>\n                    <\/div>\n\n                <\/div>\n            <\/section>\n\n            <!-- STEP 3 -->\n            <section class=\"trading-step\" data-step-index=\"2\">\n\n                <div class=\"trading-step-header\">\n                    <h2>Ubicaci\u00f3n del evento<\/h2>\n                <\/div>\n\n                <div class=\"trading-grid\">\n\n                    <input id=\"00NUS000004owC4\"\n                           name=\"00NUS000004owC4\"\n                           type=\"hidden\"\n                           value=\"Colombia\">\n\n                    <div class=\"trading-field\">\n                        <label class=\"required\" for=\"00NUS000004owBk\">\n                            Departamento\n                        <\/label>\n\n                        <select id=\"00NUS000004owBk\"\n                                name=\"00NUS000004owBk\"\n                                required\n                                disabled>\n\n                            <option value=\"\">Seleccione una opci\u00f3n<\/option>\n\n                        <\/select>\n\n                        <span id=\"department-hint\"\n                              class=\"trading-hint\">\n                            Cargando departamentos...\n                        <\/span>\n                    <\/div>\n\n                    <div class=\"trading-field\">\n                        <label class=\"required\" for=\"00NUS000004owBx\">\n                            Ciudad o municipio\n                        <\/label>\n\n                        <select id=\"00NUS000004owBx\"\n                                name=\"00NUS000004owBx\"\n                                required\n                                disabled>\n\n                            <option value=\"\">Seleccione una opci\u00f3n<\/option>\n\n                        <\/select>\n\n                        <span id=\"city-hint\"\n                              class=\"trading-hint\">\n                            Selecciona un departamento para cargar ciudades.\n                        <\/span>\n                    <\/div>\n\n                    <div class=\"trading-field\">\n                        <label for=\"00NUS000004owBh\">\n                            Corregimiento\n                        <\/label>\n\n                        <input id=\"00NUS000004owBh\"\n                               name=\"00NUS000004owBh\"\n                               maxlength=\"255\"\n                               type=\"text\">\n                    <\/div>\n\n                    <div class=\"trading-field full\">\n                        <label for=\"00NUS000004owCJ\">\n                            Vereda\n                        <\/label>\n\n                        <input id=\"00NUS000004owCJ\"\n                               name=\"00NUS000004owCJ\"\n                               maxlength=\"255\"\n                               type=\"text\">\n                    <\/div>\n\n                <\/div>\n            <\/section>\n\n            <!-- STEP 4 -->\n            <section class=\"trading-step\" data-step-index=\"3\">\n\n                <div class=\"trading-step-header\">\n                    <h2>Archivos<\/h2>\n                <\/div>\n\n                <div class=\"trading-upload-shell\">\n\n                    <div class=\"trading-upload-toolbar\">\n\n                        <div>\n                            <strong>Carga hasta 10 archivos<\/strong>\n\n                            <span>\n                                PDF, JPG, PNG, DOC y DOCX de hasta 20 MB por archivo.\n                            <\/span>\n                        <\/div>\n\n                        <div class=\"trading-upload-actions\">\n\n                            <button id=\"pick-files\"\n                                    class=\"button-primary\"\n                                    type=\"button\">\n\n                                Cargar archivos\n\n                            <\/button>\n\n                            <button id=\"clear-files\"\n                                    class=\"button-ghost trading-hidden\"\n                                    type=\"button\">\n\n                                Limpiar\n\n                            <\/button>\n\n                        <\/div>\n                    <\/div>\n\n                    <ul id=\"upload-list\"\n                        class=\"trading-upload-list\"\n                        aria-live=\"polite\">\n\n                        <li class=\"trading-upload-empty\">\n                            A\u00fan no hay archivos cargados.\n                        <\/li>\n\n                    <\/ul>\n\n                    <div class=\"trading-powered-by\">\n                        Powered by Filestack\n                    <\/div>\n\n                <\/div>\n\n                <div class=\"trading-hidden-fields\" aria-hidden=\"true\">\n\n                    <input id=\"00NUS000004owBR\" name=\"00NUS000004owBR\" type=\"text\">\n                    <input id=\"00NUS000004owBS\" name=\"00NUS000004owBS\" type=\"text\">\n                    <input id=\"00NUS000004owBT\" name=\"00NUS000004owBT\" type=\"text\">\n                    <input id=\"00NUS000004owBU\" name=\"00NUS000004owBU\" type=\"text\">\n                    <input id=\"00NUS000004owBV\" name=\"00NUS000004owBV\" type=\"text\">\n                    <input id=\"00NUS000004owBW\" name=\"00NUS000004owBW\" type=\"text\">\n                    <input id=\"00NUS000004owBX\" name=\"00NUS000004owBX\" type=\"text\">\n                    <input id=\"00NUS000004owBY\" name=\"00NUS000004owBY\" type=\"text\">\n                    <input id=\"00NUS000004owBZ\" name=\"00NUS000004owBZ\" type=\"text\">\n                    <input id=\"00NUS000004owBQ\" name=\"00NUS000004owBQ\" type=\"text\">\n\n                <\/div>\n            <\/section>\n\n            <!-- ACTIONS -->\n            <div class=\"trading-actions\">\n\n                <div class=\"trading-actions-group\">\n\n                    <button id=\"prev-step\"\n                            class=\"button-secondary trading-hidden\"\n                            type=\"button\">\n\n                        Anterior\n\n                    <\/button>\n\n                    <button id=\"next-step\"\n                            class=\"button-primary\"\n                            type=\"button\">\n\n                        Siguiente\n\n                    <\/button>\n\n                    <button id=\"submit-step\"\n                            class=\"button-submit trading-hidden\"\n                            type=\"submit\">\n\n                        Enviar solicitud\n\n                    <\/button>\n\n                <\/div>\n\n            <\/div>\n\n        <\/form>\n\n        <iframe name=\"trading-salesforce-submit-frame\"\n                title=\"Envio oculto a Salesforce\"\n                class=\"trading-submit-frame\"><\/iframe>\n\n    <\/section>\n<\/main>\n\n<script src=\"https:\/\/static.filestackapi.com\/filestack-js\/3.x.x\/filestack.min.js\"><\/script>\n\n<script>\n(function () {\n\n    const form = document.getElementById(\"trading-form\");\n    const statusBox = document.getElementById(\"form-status\");\n\n    const anonymousField = document.getElementById(\"00NUS000004owBd\");\n\n    const requestTypeField = document.getElementById(\"00NUS000004owCH\");\n    const motiveField = document.getElementById(\"00NUS000004owBw\");\n    const productField = document.getElementById(\"00NUS000004owC7\");\n    const categoryField = document.getElementById(\"00NUS000004owBe\");\n\n    const nonConformityField = document.getElementById(\"00NUS000004owBz\");\n    const nonConformityWrapper = document.getElementById(\"nonconformity-field\");\n\n    const departmentField = document.getElementById(\"00NUS000004owBk\");\n    const cityField = document.getElementById(\"00NUS000004owBx\");\n\n    const departmentHint = document.getElementById(\"department-hint\");\n    const cityHint = document.getElementById(\"city-hint\");\n\n    const documentTypeField = document.getElementById(\"00NUS000004owCG\");\n    const documentNumberField = document.getElementById(\"00NUS000004owC2\");\n    const documentHint = document.getElementById(\"document-hint\");\n\n    const fullNameField = document.getElementById(\"00NUS000004owC0\");\n    const emailField = document.getElementById(\"00NUS000004owBj\");\n    const phoneCodeField = document.getElementById(\"00NUS000004owBu\");\n    const phoneField = document.getElementById(\"00NUS000004owCD\");\n\n    const eventDateField = document.getElementById(\"00NUS000004owBs\");\n\n    const stepSections = [...document.querySelectorAll(\".trading-step\")];\n\n    const prevButton = document.getElementById(\"prev-step\");\n    const nextButton = document.getElementById(\"next-step\");\n    const submitButton = document.getElementById(\"submit-step\");\n\n    const honeypotField = document.getElementById(\"website-field\");\n\n    const pickFilesButton = document.getElementById(\"pick-files\");\n    const clearFilesButton = document.getElementById(\"clear-files\");\n    const uploadList = document.getElementById(\"upload-list\");\n\n    let currentStepIndex = 0;\n    let uploadedFiles = [];\n\n    const attachmentFields = [\n        \"00NUS000004owBR\",\n        \"00NUS000004owBS\",\n        \"00NUS000004owBT\",\n        \"00NUS000004owBU\",\n        \"00NUS000004owBV\",\n        \"00NUS000004owBW\",\n        \"00NUS000004owBX\",\n        \"00NUS000004owBY\",\n        \"00NUS000004owBZ\",\n        \"00NUS000004owBQ\"\n    ].map(id => document.getElementById(id));\n\n    const filestackClient = window.filestack.init(\n        form.dataset.filestackKey\n    );\n\n    function setStatus(message, type = \"error\") {\n\n        statusBox.textContent = message;\n        statusBox.className = `trading-status ${type}`;\n    }\n\n    function clearStatus() {\n\n        statusBox.textContent = \"\";\n        statusBox.className = \"trading-status\";\n    }\n\n    function updateWizardUi() {\n\n        stepSections.forEach((section, index) => {\n\n            section.classList.toggle(\n                \"is-active\",\n                index === currentStepIndex\n            );\n\n        });\n\n        prevButton.classList.toggle(\n            \"trading-hidden\",\n            currentStepIndex === 0\n        );\n\n        nextButton.classList.toggle(\n            \"trading-hidden\",\n            currentStepIndex === stepSections.length - 1\n        );\n\n        submitButton.classList.toggle(\n            \"trading-hidden\",\n            currentStepIndex !== stepSections.length - 1\n        );\n    }\n\n    function goToStep(index) {\n\n        currentStepIndex = Math.max(\n            0,\n            Math.min(index, stepSections.length - 1)\n        );\n\n        updateWizardUi();\n\n        window.scrollTo({\n            top: 0,\n            behavior: \"smooth\"\n        });\n    }\n\n    function validateCurrentStep() {\n\n        clearStatus();\n\n        const currentStep = stepSections[currentStepIndex];\n\n        const fields = [\n            ...currentStep.querySelectorAll(\n                \"input, select, textarea\"\n            )\n        ].filter(field => {\n\n            return !field.disabled &&\n                   field.type !== \"hidden\";\n\n        });\n\n        const nameRegex = \/^[\\p{L}\\s.'-]+$\/u;\n        const phoneRegex = \/^[0-9()+\\s-]{7,20}$\/;\n        const codeRegex = \/^\\+[0-9]{1,4}$\/;\n\n        fullNameField.setCustomValidity(\"\");\n        phoneCodeField.setCustomValidity(\"\");\n        phoneField.setCustomValidity(\"\");\n        documentNumberField.setCustomValidity(\"\");\n        eventDateField.setCustomValidity(\"\");\n\n        if (\n            fullNameField.required &&\n            !nameRegex.test(fullNameField.value.trim())\n        ) {\n\n            fullNameField.setCustomValidity(\n                \"Nombre inv\u00e1lido.\"\n            );\n        }\n\n        if (\n            phoneCodeField.required &&\n            !codeRegex.test(phoneCodeField.value.trim())\n        ) {\n\n            phoneCodeField.setCustomValidity(\n                \"Indicativo inv\u00e1lido.\"\n            );\n        }\n\n        if (\n            phoneField.required &&\n            !phoneRegex.test(phoneField.value.trim())\n        ) {\n\n            phoneField.setCustomValidity(\n                \"Tel\u00e9fono inv\u00e1lido.\"\n            );\n        }\n\n        if (eventDateField.value) {\n\n            const selectedDate = new Date(\n                eventDateField.value + \"T00:00:00\"\n            );\n\n            const today = new Date();\n\n            today.setHours(0,0,0,0);\n\n            if (selectedDate > today) {\n\n                eventDateField.setCustomValidity(\n                    \"La fecha no puede ser futura.\"\n                );\n            }\n        }\n\n        const invalidField = fields.find(\n            field => !field.checkValidity()\n        );\n\n        if (invalidField) {\n\n            invalidField.reportValidity();\n            invalidField.focus();\n\n            setStatus(\n                invalidField.validationMessage\n            );\n\n            return false;\n        }\n\n        return true;\n    }\n\n    function setClassificationState() {\n\n        const enabled =\n            requestTypeField.value === \"Queja\" ||\n            requestTypeField.value === \"Reclamo\";\n\n        [\n            motiveField,\n            productField,\n            categoryField\n        ].forEach(field => {\n\n            field.disabled = !enabled;\n\n            if (!enabled) {\n                field.value = \"\";\n            }\n        });\n\n        const showNonConformity =\n            enabled &&\n            motiveField.value === \"Contaminaci\u00f3n\";\n\n        nonConformityWrapper.classList.toggle(\n            \"trading-hidden\",\n            !showNonConformity\n        );\n\n        nonConformityField.disabled = !showNonConformity;\n    }\n\n    function setAnonymousState() {\n\n        const isAnonymous = anonymousField.checked;\n\n        [\n            documentTypeField,\n            documentNumberField,\n            fullNameField,\n            emailField,\n            phoneCodeField,\n            phoneField\n        ].forEach(field => {\n\n            const wrapper =\n                field.closest(\".trading-field\");\n\n            wrapper.classList.toggle(\n                \"trading-hidden\",\n                isAnonymous\n            );\n\n            field.required = !isAnonymous;\n\n            if (isAnonymous) {\n                field.value = \"\";\n            }\n        });\n    }\n\n    function setDocumentRules() {\n\n        const type = documentTypeField.value;\n\n        documentNumberField.removeAttribute(\"pattern\");\n\n        if (type === \"NIT\") {\n\n            documentNumberField.pattern =\n                \"^[0-9]{8,15}$\";\n\n            documentHint.textContent =\n                \"Solo n\u00fameros entre 8 y 15 d\u00edgitos.\";\n\n        } else if (\n            type === \"C\u00e9dula de ciudadan\u00eda\" ||\n            type === \"C\u00e9dula extranjera\"\n        ) {\n\n            documentNumberField.pattern =\n                \"^[0-9]{5,15}$\";\n\n            documentHint.textContent =\n                \"Solo n\u00fameros entre 5 y 15 d\u00edgitos.\";\n\n        } else if (type === \"Pasaporte\") {\n\n            documentNumberField.pattern =\n                \"^[A-Za-z0-9-]{5,20}$\";\n\n            documentHint.textContent =\n                \"Se permiten letras, n\u00fameros y guiones.\";\n        }\n    }\n\n    function syncAttachmentFields() {\n\n        attachmentFields.forEach((field, index) => {\n\n            field.value =\n                uploadedFiles[index]\n                ? uploadedFiles[index].url\n                : \"\";\n\n        });\n    }\n\n    function renderUploadList() {\n\n        uploadList.innerHTML = \"\";\n\n        if (!uploadedFiles.length) {\n\n            uploadList.innerHTML = `\n                <li class=\"trading-upload-empty\">\n                    A\u00fan no hay archivos cargados.\n                <\/li>\n            `;\n\n            clearFilesButton.classList.add(\n                \"trading-hidden\"\n            );\n\n            return;\n        }\n\n        uploadedFiles.forEach((file, index) => {\n\n            const li = document.createElement(\"li\");\n\n            li.className = \"trading-upload-item\";\n\n            li.innerHTML = `\n                <div class=\"trading-upload-item-main\">\n                    <strong>${index + 1}. ${file.filename}<\/strong>\n                <\/div>\n\n                <button type=\"button\"\n                        class=\"trading-upload-remove\"\n                        data-index=\"${index}\">\n                    Eliminar\n                <\/button>\n            `;\n\n            uploadList.appendChild(li);\n        });\n\n        clearFilesButton.classList.remove(\n            \"trading-hidden\"\n        );\n    }\n\n    function clearUploadedFiles() {\n\n        uploadedFiles = [];\n\n        syncAttachmentFields();\n\n        renderUploadList();\n    }\n\n    pickFilesButton.addEventListener(\"click\", () => {\n\n        filestackClient.picker({\n\n            maxFiles: 10,\n\n            maxSize: 20 * 1024 * 1024,\n\n            accept: [\n                \".pdf\",\n                \".jpg\",\n                \".jpeg\",\n                \".png\",\n                \".doc\",\n                \".docx\"\n            ],\n\n            fromSources: [\n                \"local_file_system\",\n                \"googledrive\",\n                \"dropbox\",\n                \"onedrive\"\n            ],\n\n            onUploadDone(result) {\n\n                uploadedFiles =\n                    result.filesUploaded.map(file => ({\n\n                        filename: file.filename,\n                        url: file.url\n\n                    }));\n\n                syncAttachmentFields();\n\n                renderUploadList();\n            }\n\n        }).open();\n    });\n\n    clearFilesButton.addEventListener(\n        \"click\",\n        clearUploadedFiles\n    );\n\n    uploadList.addEventListener(\"click\", event => {\n\n        const button =\n            event.target.closest(\n                \".trading-upload-remove\"\n            );\n\n        if (!button) return;\n\n        const index = Number(button.dataset.index);\n\n        uploadedFiles.splice(index, 1);\n\n        syncAttachmentFields();\n\n        renderUploadList();\n    });\n\n    requestTypeField.addEventListener(\n        \"change\",\n        setClassificationState\n    );\n\n    motiveField.addEventListener(\n        \"change\",\n        setClassificationState\n    );\n\n    anonymousField.addEventListener(\n        \"change\",\n        setAnonymousState\n    );\n\n    documentTypeField.addEventListener(\n        \"change\",\n        setDocumentRules\n    );\n\n    prevButton.addEventListener(\"click\", () => {\n\n        goToStep(currentStepIndex - 1);\n    });\n\n    nextButton.addEventListener(\"click\", () => {\n\n        if (validateCurrentStep()) {\n\n            goToStep(currentStepIndex + 1);\n        }\n    });\n\n    form.addEventListener(\"submit\", function (event) {\n\n        event.preventDefault();\n\n        clearStatus();\n\n        if (\n            honeypotField &&\n            honeypotField.value.trim() !== \"\"\n        ) {\n\n            setStatus(\n                \"No fue posible procesar el env\u00edo.\"\n            );\n\n            return;\n        }\n\n        if (!validateCurrentStep()) {\n            return;\n        }\n\n        submitButton.disabled = true;\n        submitButton.innerText = \"Enviando...\";\n\n        HTMLFormElement.prototype.submit.call(form);\n\n        setStatus(\n            \"Solicitud enviada correctamente.\",\n            \"success\"\n        );\n\n        setTimeout(() => {\n\n            window.location.href =\n                \"https:\/\/tradinglogistica.co\/gracias-pqrs\/\";\n\n        }, 1500);\n    });\n\n    setAnonymousState();\n    setClassificationState();\n    setDocumentRules();\n    renderUploadList();\n    updateWizardUi();\n\n})();\n<\/script>\n\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>PQR Trabajamos cada d\u00eda para ofrecerte una soluci\u00f3n log\u00edstica a la altura de tus necesidades. Si tienes preguntas, quejas, reclamos o felicitaciones, te invitamos a diligenciar el formulario. Estamos comprometidos en brindarte una atenci\u00f3n oportuna y eficiente. Website Datos del solicitante Caso an\u00f3nimo Si marcas esta opci\u00f3n, no se solicitar\u00e1n tus datos personales. No podremos [&hellip;]<\/p>\n","protected":false},"author":3,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-27","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/tradinglogistica.co\/index.php?rest_route=\/wp\/v2\/pages\/27","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/tradinglogistica.co\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/tradinglogistica.co\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/tradinglogistica.co\/index.php?rest_route=\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/tradinglogistica.co\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=27"}],"version-history":[{"count":70,"href":"https:\/\/tradinglogistica.co\/index.php?rest_route=\/wp\/v2\/pages\/27\/revisions"}],"predecessor-version":[{"id":1657,"href":"https:\/\/tradinglogistica.co\/index.php?rest_route=\/wp\/v2\/pages\/27\/revisions\/1657"}],"wp:attachment":[{"href":"https:\/\/tradinglogistica.co\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=27"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}