{"id":468,"date":"2023-11-26T10:01:19","date_gmt":"2023-11-26T10:01:19","guid":{"rendered":"https:\/\/staging.liquid-themes.com\/logistics-fleet\/?page_id=468"},"modified":"2026-05-20T21:37:58","modified_gmt":"2026-05-20T21:37:58","slug":"contact","status":"publish","type":"page","link":"https:\/\/cljit.com.mx\/index.php\/contact\/","title":{"rendered":"Contactanos"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"468\" class=\"elementor elementor-468\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5756cf8 e-flex e-con-boxed e-con e-parent\" data-id=\"5756cf8\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-eed08a0 lqd-text-tag-h2 elementor-widget elementor-widget-lqd-text\" data-id=\"eed08a0\" data-element_type=\"widget\" data-widget_type=\"lqd-text.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<h2 class=\"lqd-text-el m-0 p-0\"><span class=\"lqd-text-item relative elementor-repeater-item-21d70cd\">Contacto<\/span><\/h2>\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-70ecc11 e-flex e-con-boxed e-con e-parent\" data-id=\"70ecc11\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-cbcbfc4 elementor-widget elementor-widget-image\" data-id=\"cbcbfc4\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<style>\/*! elementor - v3.22.0 - 26-06-2024 *\/\n.elementor-widget-image{text-align:center}.elementor-widget-image a{display:inline-block}.elementor-widget-image a img[src$=\".svg\"]{width:48px}.elementor-widget-image img{vertical-align:middle;display:inline-block}<\/style>\t\t\t\t\t\t\t\t\t\t<img fetchpriority=\"high\" decoding=\"async\" width=\"720\" height=\"1024\" src=\"https:\/\/cljit.com.mx\/wp-content\/uploads\/2025\/11\/Ubicacion-720x1024.png\" class=\"attachment-large size-large wp-image-2456\" alt=\"\" srcset=\"https:\/\/cljit.com.mx\/wp-content\/uploads\/2025\/11\/Ubicacion-720x1024.png 720w, https:\/\/cljit.com.mx\/wp-content\/uploads\/2025\/11\/Ubicacion-211x300.png 211w, https:\/\/cljit.com.mx\/wp-content\/uploads\/2025\/11\/Ubicacion-1080x1536.png 1080w, https:\/\/cljit.com.mx\/wp-content\/uploads\/2025\/11\/Ubicacion-1439x2048.png 1439w\" sizes=\"(max-width: 720px) 100vw, 720px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-41cb391 e-con-full e-flex e-con e-child\" data-id=\"41cb391\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-0540dfd lqd-text-tag-h2 elementor-widget elementor-widget-lqd-text\" data-id=\"0540dfd\" data-element_type=\"widget\" data-widget_type=\"lqd-text.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<h2 class=\"lqd-text-el m-0 p-0\"><span class=\"lqd-text-item relative elementor-repeater-item-d4b3eb0\">Boulevard Rio Espa\u00f1ita, #450 int 13, Col. Espa\u00f1ita, San Luis Potos\u00ed, S.L.P, C.P. 78378<\/span><\/h2>\t\t<\/div>\n\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-d639337 e-flex e-con-boxed e-con e-parent\" data-id=\"d639337\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-575eb46 e-con-full e-flex e-con e-child\" data-id=\"575eb46\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t<div class=\"elementor-element elementor-element-006e873 e-con-full e-flex e-con e-child\" data-id=\"006e873\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-942b701 elementor-widget elementor-widget-image\" data-id=\"942b701\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" width=\"780\" height=\"787\" src=\"https:\/\/cljit.com.mx\/wp-content\/uploads\/2025\/11\/Telefono-1015x1024.png\" class=\"attachment-large size-large wp-image-2455\" alt=\"\" srcset=\"https:\/\/cljit.com.mx\/wp-content\/uploads\/2025\/11\/Telefono-1015x1024.png 1015w, https:\/\/cljit.com.mx\/wp-content\/uploads\/2025\/11\/Telefono-297x300.png 297w, https:\/\/cljit.com.mx\/wp-content\/uploads\/2025\/11\/Telefono-150x150.png 150w, https:\/\/cljit.com.mx\/wp-content\/uploads\/2025\/11\/Telefono-1523x1536.png 1523w, https:\/\/cljit.com.mx\/wp-content\/uploads\/2025\/11\/Telefono-2031x2048.png 2031w\" sizes=\"(max-width: 780px) 100vw, 780px\" \/>\t\t\t\t\t\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-ddb4c3e lqd-text-tag-h2 elementor-widget elementor-widget-lqd-text\" data-id=\"ddb4c3e\" data-element_type=\"widget\" data-widget_type=\"lqd-text.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<h2 class=\"lqd-text-el m-0 p-0\"><span class=\"lqd-text-item relative elementor-repeater-item-fa0a807\">Atenci\u00f3n telef\u00f3nica<\/span><\/h2>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-cbbd64f e-con-full e-flex e-con e-child\" data-id=\"cbbd64f\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-02bb918 lqd-text-tag-h2 elementor-widget elementor-widget-lqd-text\" data-id=\"02bb918\" data-element_type=\"widget\" data-widget_type=\"lqd-text.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<h2 class=\"lqd-text-el m-0 p-0\"><span class=\"lqd-text-item relative elementor-repeater-item-6fb338c\">\u25b6 Comercial<\/span><\/h2>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-3d4a37e lqd-text-tag-h2 elementor-widget elementor-widget-lqd-text\" data-id=\"3d4a37e\" data-element_type=\"widget\" data-widget_type=\"lqd-text.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<h2 class=\"lqd-text-el m-0 p-0\"><span class=\"lqd-text-item relative elementor-repeater-item-3171d0a\">444 328 8286<\/span><\/h2>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-c29916b e-con-full e-flex e-con e-child\" data-id=\"c29916b\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-48dec90 lqd-text-tag-h2 elementor-widget elementor-widget-lqd-text\" data-id=\"48dec90\" data-element_type=\"widget\" data-widget_type=\"lqd-text.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<h2 class=\"lqd-text-el m-0 p-0\"><span class=\"lqd-text-item relative elementor-repeater-item-6fb338c\">\u25b6 Oficina general<\/span><\/h2>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-2bd79fb lqd-text-tag-h2 elementor-widget elementor-widget-lqd-text\" data-id=\"2bd79fb\" data-element_type=\"widget\" data-widget_type=\"lqd-text.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<h2 class=\"lqd-text-el m-0 p-0\"><span class=\"lqd-text-item relative elementor-repeater-item-3171d0a\">444 831 66 97<\/span><\/h2>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-4260192 e-con-full e-flex e-con e-child\" data-id=\"4260192\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-d4ef4d8 elementor-widget elementor-widget-image\" data-id=\"d4ef4d8\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" width=\"780\" height=\"686\" src=\"https:\/\/cljit.com.mx\/wp-content\/uploads\/2025\/11\/Correo-1024x901.png\" class=\"attachment-large size-large wp-image-2454\" alt=\"\" srcset=\"https:\/\/cljit.com.mx\/wp-content\/uploads\/2025\/11\/Correo-1024x901.png 1024w, https:\/\/cljit.com.mx\/wp-content\/uploads\/2025\/11\/Correo-300x264.png 300w, https:\/\/cljit.com.mx\/wp-content\/uploads\/2025\/11\/Correo-1536x1352.png 1536w, https:\/\/cljit.com.mx\/wp-content\/uploads\/2025\/11\/Correo-2048x1803.png 2048w\" sizes=\"(max-width: 780px) 100vw, 780px\" \/>\t\t\t\t\t\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-2b5e917 lqd-text-tag-h2 elementor-widget elementor-widget-lqd-text\" data-id=\"2b5e917\" data-element_type=\"widget\" data-widget_type=\"lqd-text.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<h2 class=\"lqd-text-el m-0 p-0\"><span class=\"lqd-text-item relative elementor-repeater-item-fa0a807\">Correo electr\u00f3nico<\/span><\/h2>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-b99199c e-con-full e-flex e-con e-child\" data-id=\"b99199c\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-be55658 lqd-text-tag-h2 elementor-widget elementor-widget-lqd-text\" data-id=\"be55658\" data-element_type=\"widget\" data-widget_type=\"lqd-text.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<h2 class=\"lqd-text-el m-0 p-0\"><span class=\"lqd-text-item relative elementor-repeater-item-6fb338c\">\u25b6 Ventas<\/span><\/h2>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-b412356 lqd-text-tag-h2 elementor-widget elementor-widget-lqd-text\" data-id=\"b412356\" data-element_type=\"widget\" data-widget_type=\"lqd-text.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<h2 class=\"lqd-text-el m-0 p-0\"><span class=\"lqd-text-item relative elementor-repeater-item-3171d0a\">ventas@cljit.com.mx<\/span><\/h2>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-bd94297 e-con-full e-flex e-con e-child\" data-id=\"bd94297\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b888de6 lqd-text-tag-h2 elementor-widget elementor-widget-lqd-text\" data-id=\"b888de6\" data-element_type=\"widget\" data-widget_type=\"lqd-text.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<h2 class=\"lqd-text-el m-0 p-0\"><span class=\"lqd-text-item relative elementor-repeater-item-6fb338c\">\u25b6 Asesor comercial<\/span><\/h2>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-b3d48b6 lqd-text-tag-h2 elementor-widget elementor-widget-lqd-text\" data-id=\"b3d48b6\" data-element_type=\"widget\" data-widget_type=\"lqd-text.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<h2 class=\"lqd-text-el m-0 p-0\"><span class=\"lqd-text-item relative elementor-repeater-item-3171d0a\">bnavarro@cljit.com.mx<\/span><\/h2>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-db7f903 e-con-full e-flex e-con e-child\" data-id=\"db7f903\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-d0f8103 elementor-widget elementor-widget-html\" data-id=\"d0f8103\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<div id=\"cotizacion-widget-container\">\n\n    <style>\n        \/* Estilos encapsulados para el widget *\/\n\n        #cotizacion-widget-container {\n            font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\n            max-width: 500px;\n            margin: 0 auto;\n            background-color: #fff;\n            box-sizing: border-box;\n            position: relative;\n            \/* Para el overlay absoluto si se desea, o fixed *\/\n        }\n\n        #cotizacion-widget-container * {\n            box-sizing: border-box;\n        }\n\n        \/* T\u00edtulo *\/\n        .form-header {\n            font-size: 3rem;\n            color: #666;\n            margin-bottom: 20px;\n            font-weight: 400;\n        }\n\n        .form-header strong {\n            font-weight: 800;\n            color: #444;\n        }\n\n        \/* Inputs y Textarea *\/\n        .form-group {\n            margin-bottom: 20px;\n            \/* Aumentado para espacio del mensaje de error *\/\n            position: relative;\n        }\n\n        .form-control {\n            width: 100%;\n            padding: 12px 15px;\n            border: 1px solid #aaa;\n            border-radius: 2px;\n            font-size: 14px;\n            color: #333;\n            outline: none;\n            transition: border-color 0.3s;\n        }\n\n        .form-control::placeholder {\n            color: #acacac;\n        }\n\n        .form-control:focus {\n            border-color: #e67e22;\n        }\n\n        \/* Fila de dos columnas *\/\n        .form-row {\n            display: flex;\n            gap: 15px;\n        }\n\n        .form-row .form-group {\n            flex: 1;\n        }\n\n        select.form-control {\n            background-color: white;\n            appearance: none;\n            background-image: url(\"data:image\/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23999%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E\");\n            background-repeat: no-repeat;\n            background-position: right 15px top 50%;\n            background-size: 10px auto;\n            color: #acacac;\n        }\n\n        select.form-control:valid,\n        select.form-control.has-value {\n            color: #333;\n        }\n\n        textarea.form-control {\n            resize: vertical;\n            min-height: 120px;\n            font-family: inherit;\n        }\n\n        \/* Disclaimer legal *\/\n        .legal-text {\n            font-size: 11px;\n            color: #666;\n            text-align: center;\n            margin-bottom: 15px;\n            line-height: 1.4;\n        }\n\n        \/* Bot\u00f3n *\/\n        .btn-submit {\n            width: 100%;\n            background-color: #e67e22;\n            color: white;\n            border: none;\n            padding: 12px;\n            font-size: 16px;\n            font-weight: 700;\n            cursor: pointer;\n            border-radius: 2px;\n            transition: background-color 0.3s;\n            text-align: center;\n            display: block;\n        }\n\n        .btn-submit:hover {\n            background-color: #d35400;\n        }\n\n        .btn-submit:disabled {\n            background-color: #fab178;\n            cursor: not-allowed;\n        }\n\n        \/* Estilos de Error en Inputs *\/\n        .input-error {\n            border-color: #dc3545 !important;\n        }\n\n        .input-error-msg {\n            display: none;\n            color: #dc3545;\n            font-size: 12px;\n            margin-top: 4px;\n            text-align: left;\n            position: absolute;\n            bottom: -18px;\n            left: 0;\n        }\n\n        .form-group.has-error .input-error-msg {\n            display: block;\n        }\n\n        \/* Modal Overlay *\/\n        .modal-overlay {\n            display: none;\n            position: fixed;\n            top: 0;\n            left: 0;\n            width: 100%;\n            height: 100%;\n            background-color: rgba(0, 0, 0, 0.5);\n            z-index: 9999;\n            justify-content: center;\n            align-items: center;\n            opacity: 0;\n            transition: opacity 0.3s ease;\n        }\n\n        .modal-overlay.active {\n            display: flex;\n            opacity: 1;\n        }\n\n        .modal-content {\n            background-color: white;\n            padding: 30px;\n            border-radius: 8px;\n            max-width: 400px;\n            width: 90%;\n            text-align: center;\n            box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);\n            transform: translateY(-20px);\n            transition: transform 0.3s ease;\n        }\n\n        .modal-overlay.active .modal-content {\n            transform: translateY(0);\n        }\n\n        .modal-icon {\n            font-size: 48px;\n            margin-bottom: 15px;\n        }\n\n        .modal-title {\n            font-size: 24px;\n            margin-bottom: 10px;\n            color: #333;\n        }\n\n        .modal-message {\n            font-size: 16px;\n            color: #666;\n            margin-bottom: 20px;\n            line-height: 1.5;\n        }\n\n        .modal-btn {\n            background-color: #e67e22;\n            color: white;\n            border: none;\n            padding: 10px 25px;\n            font-size: 14px;\n            border-radius: 4px;\n            cursor: pointer;\n            transition: background-color 0.2s;\n        }\n\n        .modal-btn:hover {\n            background-color: #d35400;\n        }\n\n        \/* Variaciones del Modal *\/\n        .modal-success .modal-icon {\n            color: #28a745;\n        }\n\n        .modal-error .modal-icon {\n            color: #dc3545;\n        }\n    <\/style>\n\n    <div id=\"form-content\">\n        <h2 class=\"form-header\"><strong>Realiza<\/strong> tu cotizaci\u00f3n<\/h2>\n\n        <form id=\"quoteForm\" novalidate>\n            <div class=\"form-group\">\n                <input type=\"text\" class=\"form-control\" id=\"nombre\" name=\"nombre\" placeholder=\"Nombre\" required>\n                <div class=\"input-error-msg\">Por favor ingresa tu nombre completo.<\/div>\n            <\/div>\n\n            <div class=\"form-group\">\n                <input type=\"email\" class=\"form-control\" id=\"email\" name=\"email\" placeholder=\"Correo electr\u00f3nico\"\n                    required>\n                <div class=\"input-error-msg\">Por favor ingresa un correo v\u00e1lido.<\/div>\n            <\/div>\n\n            <div class=\"form-group\">\n                <input type=\"text\" class=\"form-control\" id=\"empresa\" name=\"empresa\" placeholder=\"Empresa\" required>\n                <div class=\"input-error-msg\">Por favor ingresa el nombre de tu empresa.<\/div>\n            <\/div>\n\n            <div class=\"form-row\">\n                <div class=\"form-group\">\n                    <input type=\"tel\" class=\"form-control\" id=\"telefono\" name=\"telefono\" placeholder=\"Telef\u00f3no\" required\n                        pattern=\"[0-9]{10,15}\">\n                    <div class=\"input-error-msg\">Ingresa un n\u00famero v\u00e1lido (10-15 d\u00edgitos).<\/div>\n                <\/div>\n                <div class=\"form-group\">\n                    <select class=\"form-control\" id=\"tipo_unidad\" name=\"tipo_unidad\" required>\n                        <option value=\"\" disabled selected>Tipo de unidad<\/option>\n                        <option value=\"estaquitas\">Estaquitas (1.5 Ton \/ Torton)<\/option>\n                        <option value=\"camioneta_15\">Camioneta 1.5 Ton (Caja seca \/ plataforma)<\/option>\n                        <option value=\"camioneta_35\">Camioneta 3.5 Ton (Caja seca \/ plataforma)<\/option>\n                        <option value=\"rabon\">Rab\u00f3n (Caja seca)<\/option>\n                        <option value=\"torton\">Torton (Caja seca)<\/option>\n                        <option value=\"caja_seca_48_53\">Caja seca de 48 FT \/ 53 FT<\/option>\n                        <option value=\"plataforma_40_48\">Plataforma 40 FT \/ 48 FT<\/option>\n                    <\/select>\n                    <div class=\"input-error-msg\">Selecciona una opci\u00f3n.<\/div>\n                <\/div>\n            <\/div>\n\n            <div class=\"form-group\">\n                <textarea class=\"form-control\" id=\"especificaciones\" name=\"especificaciones\"\n                    placeholder=\"Especificaciones\" required><\/textarea>\n                <div class=\"input-error-msg\">Por favor detalla tus especificaciones.<\/div>\n            <\/div>\n\n            <p class=\"legal-text\">\n                Al hacer clic en \"<i>Enviar<\/i>\" usted acepta nuestros<br>\n                Aviso de Privacidad y T\u00e9rminos y Condiciones\n            <\/p>\n\n            <button type=\"submit\" class=\"btn-submit\" id=\"btnSubmit\">Enviar<\/button>\n        <\/form>\n    <\/div>\n\n    <!-- Modal Overlay -->\n    <div id=\"status-overlay\" class=\"modal-overlay\">\n        <div class=\"modal-content\">\n            <div class=\"modal-icon\" id=\"modal-icon\"><\/div>\n            <h3 class=\"modal-title\" id=\"modal-title\"><\/h3>\n            <p class=\"modal-message\" id=\"modal-message\"><\/p>\n            <button class=\"modal-btn\" id=\"modal-close-btn\">Cerrar<\/button>\n        <\/div>\n    <\/div>\n\n    <script>\n        (function () {\n            function initQuoteForm() {\n                const form = document.getElementById('quoteForm');\n                if (!form) {\n                    console.warn('No se encontr\u00f3 el formulario #quoteForm');\n                    return;\n                }\n\n                const btnSubmit = document.getElementById('btnSubmit');\n                const overlay = document.getElementById('status-overlay');\n                const modalContent = overlay.querySelector('.modal-content');\n                const modalIcon = document.getElementById('modal-icon');\n                const modalTitle = document.getElementById('modal-title');\n                const modalMessage = document.getElementById('modal-message');\n                const btnCloseModal = document.getElementById('modal-close-btn');\n                const selects = form.querySelectorAll('select');\n\n                \/\/ Fix visual para el color del placeholder en selects\n                selects.forEach(select => {\n                    select.addEventListener('change', function () {\n                        if (this.value) this.classList.add('has-value');\n                    });\n                });\n\n                \/\/ Helper para mostrar\/ocultar error\n                const showError = (input, show, customMsg = null) => {\n                    const formGroup = input.closest('.form-group');\n                    if (!formGroup) return;\n\n                    const errorMsgEl = formGroup.querySelector('.input-error-msg');\n\n                    if (show) {\n                        input.classList.add('input-error');\n                        formGroup.classList.add('has-error');\n                        if (customMsg && errorMsgEl) {\n                            errorMsgEl.textContent = customMsg;\n                        }\n                    } else {\n                        input.classList.remove('input-error');\n                        formGroup.classList.remove('has-error');\n                    }\n                };\n\n                \/\/ Limpiar error al escribir\n                form.querySelectorAll('.form-control').forEach(input => {\n                    input.addEventListener('input', function () {\n                        showError(this, false);\n                    });\n                    \/\/ Para selects\n                    input.addEventListener('change', function () {\n                        showError(this, false);\n                    });\n                });\n\n                \/\/ Funci\u00f3n para mostrar el modal\n                const showModal = (type, title, message) => {\n                    \/\/ Limpiar clases previas\n                    modalContent.classList.remove('modal-success', 'modal-error');\n\n                    if (type === 'success') {\n                        modalContent.classList.add('modal-success');\n                        modalIcon.innerHTML = '&#10004;'; \/\/ Checkmark\n                    } else {\n                        modalContent.classList.add('modal-error');\n                        modalIcon.innerHTML = '&#10006;'; \/\/ Cross\n                    }\n\n                    modalTitle.textContent = title;\n                    modalMessage.textContent = message;\n                    overlay.classList.add('active');\n                };\n\n                \/\/ Cerrar modal\n                const closeModal = () => {\n                    overlay.classList.remove('active');\n                };\n\n                if (btnCloseModal) {\n                    btnCloseModal.addEventListener('click', closeModal);\n                }\n\n                \/\/ Cerrar al hacer click fuera del modal\n                overlay.addEventListener('click', function (e) {\n                    if (e.target === overlay) {\n                        closeModal();\n                    }\n                });\n\n                form.addEventListener('submit', function (e) {\n                    e.preventDefault();\n                    let isValid = true;\n\n                    \/\/ 1. Nombre\n                    const nombre = document.getElementById('nombre');\n                    if (nombre.value.trim().length < 2) {\n                        showError(nombre, true, \"El nombre es muy corto.\");\n                        isValid = false;\n                    }\n\n                    \/\/ 2. Email\n                    const email = document.getElementById('email');\n                    const emailRegex = \/^[a-zA-Z0-9._-]+@[a-zA-Z0-9.-]+\\.[a-zA-Z]{2,6}$\/;\n                    if (!emailRegex.test(email.value.trim())) {\n                        showError(email, true, \"Ingresa un correo electr\u00f3nico v\u00e1lido.\");\n                        isValid = false;\n                    }\n\n                    \/\/ 3. Empresa\n                    const empresa = document.getElementById('empresa');\n                    if (empresa.value.trim() === '') {\n                        showError(empresa, true, \"El campo empresa es obligatorio.\");\n                        isValid = false;\n                    }\n\n                    \/\/ 4. Tel\u00e9fono\n                    const telefono = document.getElementById('telefono');\n                    const phoneRegex = \/^[0-9]{10,15}$\/;\n                    if (!phoneRegex.test(telefono.value.trim())) {\n                        showError(telefono, true, \"El tel\u00e9fono debe tener entre 10 y 15 d\u00edgitos.\");\n                        isValid = false;\n                    }\n\n                    \/\/ 5. Select\n                    const tipoUnidad = document.getElementById('tipo_unidad');\n                    if (!tipoUnidad.value) {\n                        showError(tipoUnidad, true, \"Selecciona un tipo de unidad.\");\n                        isValid = false;\n                    }\n\n                    \/\/ 6. Textarea\n                    const especificaciones = document.getElementById('especificaciones');\n                    if (especificaciones.value.trim() === '') {\n                        showError(especificaciones, true, \"Por favor describe las especificaciones.\");\n                        isValid = false;\n                    }\n\n                    if (!isValid) {\n                        \/\/ Opcional: Vibrar o scroll al primer error\n                        return;\n                    }\n\n                    \/\/ Env\u00edo por fetch\n                    btnSubmit.disabled = true;\n                    const originalText = btnSubmit.innerText;\n                    btnSubmit.innerText = \"ENVIANDO...\";\n\n                    const formData = new FormData(form);\n\n                    fetch('\/wp-admin\/admin-ajax.php?action=form1_submit', {\n                        method: 'POST',\n                        body: formData\n                    })\n                        .then(response => {\n                            \/\/ Simulamos \u00e9xito si el status es 200, aunque wp-admin a veces devuelve 200 con 0\n                            if (response.ok) {\n                                showModal('success', '\u00a1Mensaje Enviado!', 'Gracias por realizar tu cotizaci\u00f3n. Nos pondremos en contacto contigo pronto.');\n                                form.reset(); \/\/ Limpiar formulario SOLO en \u00e9xito\n                                selects.forEach(s => s.classList.remove('has-value'));\n                            } else {\n                                throw new Error('Error en la respuesta del servidor');\n                            }\n                        })\n                        .catch(error => {\n                            console.error('Error en fetch:', error);\n                            \/\/ En caso de error, mostramos mensaje pero NO limpiamos el formulario\n                            showModal('error', 'Error de Env\u00edo', 'Hubo un problema al enviar tu cotizaci\u00f3n. Por favor intenta nuevamente.');\n                        })\n                        .finally(() => {\n                            btnSubmit.disabled = false;\n                            btnSubmit.innerText = originalText;\n                        });\n                });\n\n                console.log('Formulario de cotizaci\u00f3n mejorado inicializado');\n            }\n\n            \/\/ Ejecutar tanto si el DOM ya est\u00e1 cargado como si no\n            if (document.readyState === 'loading') {\n                document.addEventListener('DOMContentLoaded', initQuoteForm);\n            } else {\n                initQuoteForm();\n            }\n        })();\n    <\/script>\n<\/div>\t\t<\/div>\n\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\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Contacto Boulevard Rio Espa\u00f1ita, #450 int 13, Col. Espa\u00f1ita, San Luis Potos\u00ed, S.L.P, C.P. 78378 Atenci\u00f3n telef\u00f3nica \u25b6 Comercial 444 328 8286 \u25b6 Oficina general 444 831 66 97 Correo electr\u00f3nico \u25b6 Ventas ventas@cljit.com.mx \u25b6 Asesor comercial bnavarro@cljit.com.mx Realiza tu cotizaci\u00f3n Por favor ingresa tu nombre completo. Por favor ingresa un correo v\u00e1lido. Por favor [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-468","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/cljit.com.mx\/index.php\/wp-json\/wp\/v2\/pages\/468","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/cljit.com.mx\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/cljit.com.mx\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/cljit.com.mx\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/cljit.com.mx\/index.php\/wp-json\/wp\/v2\/comments?post=468"}],"version-history":[{"count":67,"href":"https:\/\/cljit.com.mx\/index.php\/wp-json\/wp\/v2\/pages\/468\/revisions"}],"predecessor-version":[{"id":2627,"href":"https:\/\/cljit.com.mx\/index.php\/wp-json\/wp\/v2\/pages\/468\/revisions\/2627"}],"wp:attachment":[{"href":"https:\/\/cljit.com.mx\/index.php\/wp-json\/wp\/v2\/media?parent=468"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}