{"id":4491,"date":"2023-04-25T22:19:44","date_gmt":"2023-04-25T22:19:44","guid":{"rendered":"https:\/\/crediq.com\/cr\/?page_id=4491"},"modified":"2026-09-24T12:28:41","modified_gmt":"2026-09-24T18:28:41","slug":"publica-tu-vehiculo","status":"publish","type":"page","link":"https:\/\/crediq.com\/cr\/publica-tu-vehiculo\/","title":{"rendered":"Publica tu vehiculo"},"content":{"rendered":"\r\nVende tu veh\u00edculo con CREDIQ | Publica tu auto en Costa Rica<\/title>\r\n<meta name=\"description\" content=\"Vende tu veh\u00edculo en Costa Rica con CREDIQ. Publica tu auto usado de forma r\u00e1pida y segura. Con\u00e9ctate con compradores y ofrece financiamiento Grupo Q.\">\r\n<meta name=\"keywords\" content=\"vende tu vehiculo con crediq, vender vehiculo crediq, vender auto costa rica, vender carro costa rica, publicar auto usado, crediq costa rica, venta de autos usados cr, financiamiento vehiculos costa rica, grupo q usados, crediq publicar vehiculo, credito automotriz costa rica, suvs usados cr, pick up usados cr\">\r\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\">\r\n<meta name=\"author\" content=\"CREDIQ Costa Rica - Grupo Q\">\r\n<meta name=\"publisher\" content=\"CREDIQ Costa Rica\">\r\n<link rel=\"canonical\" href=\"https:\/\/www.crediq.com\/cr\/publica-tu-vehiculo\/\">\r\n\r\n<!-- Geolocalizaci\u00f3n Costa Rica -->\r\n<meta name=\"geo.region\" content=\"CR\">\r\n<meta name=\"geo.placename\" content=\"Costa Rica\">\r\n<meta name=\"geo.position\" content=\"9.928069;-84.090725\">\r\n<meta name=\"ICBM\" content=\"9.928069, -84.090725\">\r\n\r\n<!-- Open Graph \/ Redes Sociales y Motores AI -->\r\n<meta property=\"og:locale\" content=\"es_CR\">\r\n<meta property=\"og:type\" content=\"website\">\r\n<meta property=\"og:title\" content=\"Vende tu veh\u00edculo con CREDIQ | Publica tu auto en Costa Rica\">\r\n<meta property=\"og:description\" content=\"Publica tu auto usado de forma r\u00e1pida y segura en Costa Rica con el respaldo de CREDIQ y Grupo Q. Opciones de financiamiento \u00e1gil para los compradores.\">\r\n<meta property=\"og:url\" content=\"https:\/\/www.crediq.com\/cr\/publica-tu-vehiculo\/\">\r\n<meta property=\"og:site_name\" content=\"CREDIQ Costa Rica\">\r\n<meta property=\"og:image\" content=\"https:\/\/www.crediq.com\/cr\/wp-content\/uploads\/sites\/2\/2020\/09\/crediq-logo.png\">\r\n<meta property=\"og:image:width\" content=\"1200\">\r\n<meta property=\"og:image:height\" content=\"630\">\r\n<meta property=\"og:image:alt\" content=\"Vende tu veh\u00edculo con CREDIQ Costa Rica\">\r\n\r\n<!-- Twitter Card -->\r\n<meta name=\"twitter:card\" content=\"summary_large_image\">\r\n<meta name=\"twitter:title\" content=\"Vende tu veh\u00edculo con CREDIQ | Publica tu auto en Costa Rica\">\r\n<meta name=\"twitter:description\" content=\"Vende tu veh\u00edculo en Costa Rica con CREDIQ y Grupo Q. Publicaci\u00f3n r\u00e1pida y financiamiento para el comprador.\">\r\n<meta name=\"twitter:image\" content=\"https:\/\/www.crediq.com\/cr\/wp-content\/uploads\/sites\/2\/2020\/09\/crediq-logo.png\">\r\n\r\n<!-- Directivas para Motores de Inteligencia Artificial (OpenAI GPT, Perplexity, Google Gemini, Claude) -->\r\n<meta name=\"ai-content-declaration\" content=\"official-service\">\r\n<meta name=\"chatgpt-crawler\" content=\"index, follow\">\r\n\r\n<!-- Datos Estructurados Schema.org (JSON-LD) para Buscadores y Motores de IA -->\r\n<script type=\"application\/ld+json\">\r\n{\r\n \"@context\": \"https:\/\/schema.org\",\r\n \"@graph\": [\r\n {\r\n \"@type\": \"WebPage\",\r\n \"@id\": \"https:\/\/www.crediq.com\/cr\/publica-tu-vehiculo\/#webpage\",\r\n \"url\": \"https:\/\/www.crediq.com\/cr\/publica-tu-vehiculo\/\",\r\n \"name\": \"Vende tu veh\u00edculo con CREDIQ | Publica tu auto en Costa Rica\",\r\n \"headline\": \"Vende tu veh\u00edculo con CREDIQ\",\r\n \"description\": \"Publica y vende tu auto usado en Costa Rica con CREDIQ y Grupo Q. Mayor exposici\u00f3n a compradores calificados y financiamiento \u00e1gil.\",\r\n \"inLanguage\": \"es-CR\",\r\n \"isPartOf\": {\r\n \"@type\": \"WebSite\",\r\n \"@id\": \"https:\/\/www.crediq.com\/cr\/#website\",\r\n \"url\": \"https:\/\/www.crediq.com\/cr\/\",\r\n \"name\": \"CREDIQ Costa Rica\"\r\n },\r\n \"about\": {\r\n \"@type\": \"Organization\",\r\n \"@id\": \"https:\/\/www.crediq.com\/cr\/#organization\"\r\n },\r\n \"potentialAction\": {\r\n \"@type\": \"Action\",\r\n \"name\": \"Publicar veh\u00edculo para la venta\",\r\n \"target\": \"https:\/\/www.crediq.com\/cr\/publica-tu-vehiculo\/\"\r\n }\r\n },\r\n {\r\n \"@type\": [\"FinancialService\", \"AutoDealer\"],\r\n \"@id\": \"https:\/\/www.crediq.com\/cr\/#organization\",\r\n \"name\": \"CREDIQ Costa Rica\",\r\n \"alternateName\": [\"CREDIQ\", \"CrediQ Grupo Q Costa Rica\"],\r\n \"url\": \"https:\/\/www.crediq.com\/cr\/\",\r\n \"logo\": \"https:\/\/www.crediq.com\/cr\/wp-content\/uploads\/sites\/2\/2020\/09\/crediq-logo.png\",\r\n \"description\": \"Entidad l\u00edder en financiamiento automotriz y comercializaci\u00f3n vehicular en Costa Rica, miembro de Grupo Q.\",\r\n \"address\": {\r\n \"@type\": \"PostalAddress\",\r\n \"addressLocality\": \"San Jos\u00e9\",\r\n \"addressRegion\": \"San Jos\u00e9\",\r\n \"addressCountry\": \"CR\"\r\n },\r\n \"areaServed\": {\r\n \"@type\": \"Country\",\r\n \"name\": \"Costa Rica\"\r\n },\r\n \"parentOrganization\": {\r\n \"@type\": \"Organization\",\r\n \"name\": \"Grupo Q Corporativo\",\r\n \"url\": \"https:\/\/www.grupoq.com\"\r\n }\r\n },\r\n {\r\n \"@type\": \"Service\",\r\n \"@id\": \"https:\/\/www.crediq.com\/cr\/publica-tu-vehiculo\/#service\",\r\n \"name\": \"Publicaci\u00f3n y Venta de Veh\u00edculos Usados\",\r\n \"serviceType\": \"Venta y Financiamiento Automotriz\",\r\n \"provider\": {\r\n \"@id\": \"https:\/\/www.crediq.com\/cr\/#organization\"\r\n },\r\n \"areaServed\": {\r\n \"@type\": \"Country\",\r\n \"name\": \"Costa Rica\"\r\n },\r\n \"description\": \"Servicio de publicaci\u00f3n digital de veh\u00edculos usados en Costa Rica con facilidades de cr\u00e9dito CREDIQ para los compradores potenciales.\",\r\n \"offers\": {\r\n \"@type\": \"Offer\",\r\n \"priceCurrency\": \"USD\",\r\n \"availability\": \"https:\/\/schema.org\/InStock\",\r\n \"description\": \"Publicaci\u00f3n de veh\u00edculos modelos 2016 en adelante con financiamiento para compradores\"\r\n }\r\n },\r\n {\r\n \"@type\": \"HowTo\",\r\n \"name\": \"C\u00f3mo vender tu veh\u00edculo con CREDIQ en Costa Rica\",\r\n \"description\": \"Gu\u00eda paso a paso para publicar tu veh\u00edculo usado en la plataforma de CREDIQ Costa Rica.\",\r\n \"totalTime\": \"PT5M\",\r\n \"step\": [\r\n {\r\n \"@type\": \"HowToStep\",\r\n \"position\": 1,\r\n \"name\": \"Completa tus datos personales\",\r\n \"text\": \"Ingresa tu nombre, apellidos, c\u00e9dula de identidad, correo electr\u00f3nico y tel\u00e9fonos de contacto en Costa Rica.\"\r\n },\r\n {\r\n \"@type\": \"HowToStep\",\r\n \"position\": 2,\r\n \"name\": \"Ingresa la informaci\u00f3n del veh\u00edculo\",\r\n \"text\": \"Selecciona marca, modelo, a\u00f1o (2016 en adelante), kilometraje, tipo de combustible y precio de venta en d\u00f3lares USD ($).\"\r\n },\r\n {\r\n \"@type\": \"HowToStep\",\r\n \"position\": 3,\r\n \"name\": \"Indica el equipamiento\",\r\n \"text\": \"Selecciona las caracter\u00edsticas y extras del veh\u00edculo (aire acondicionado, c\u00e1mara de retroceso, aros de lujo, bolsas de aire, etc.).\"\r\n },\r\n {\r\n \"@type\": \"HowToStep\",\r\n \"position\": 4,\r\n \"name\": \"Sube las fotograf\u00edas obligatorias\",\r\n \"text\": \"Adjunta las 6 fotograf\u00edas requeridas (frontal, trasera, laterales, interior y od\u00f3metro) optimizadas autom\u00e1ticamente.\"\r\n },\r\n {\r\n \"@type\": \"HowToStep\",\r\n \"position\": 5,\r\n \"name\": \"Acepta t\u00e9rminos y publica\",\r\n \"text\": \"Confirma los t\u00e9rminos y comisiones para que el equipo de CREDIQ revise y publique tu veh\u00edculo en el inventario.\"\r\n }\r\n ]\r\n },\r\n {\r\n \"@type\": \"FAQPage\",\r\n \"mainEntity\": [\r\n {\r\n \"@type\": \"Question\",\r\n \"name\": \"\u00bfC\u00f3mo vender mi veh\u00edculo con CREDIQ en Costa Rica?\",\r\n \"acceptedAnswer\": {\r\n \"@type\": \"Answer\",\r\n \"text\": \"Para vender tu veh\u00edculo con CREDIQ, ingresa tus datos de contacto y las especificaciones de tu auto (a\u00f1o 2016 en adelante), fija el precio de venta en USD ($) y sube 6 fotograf\u00edas. Una vez verificado por nuestros asesores, tu veh\u00edculo se publicar\u00e1 en la plataforma con opci\u00f3n de financiamiento para los compradores.\"\r\n }\r\n },\r\n {\r\n \"@type\": \"Question\",\r\n \"name\": \"\u00bfCu\u00e1les son las ventajas de publicar mi veh\u00edculo en CREDIQ?\",\r\n \"acceptedAnswer\": {\r\n \"@type\": \"Answer\",\r\n \"text\": \"Al publicar con CREDIQ tienes el respaldo y solidez de Grupo Q, acceso a miles de compradores calificados en Costa Rica y la ventaja clave de que los interesados pueden solicitar financiamiento directo con CREDIQ, agilizando el cierre de tu venta.\"\r\n }\r\n },\r\n {\r\n \"@type\": \"Question\",\r\n \"name\": \"\u00bfQu\u00e9 requisitos de antig\u00fcedad y estado debe cumplir el veh\u00edculo?\",\r\n \"acceptedAnswer\": {\r\n \"@type\": \"Answer\",\r\n \"text\": \"Se aceptan veh\u00edculos con un m\u00e1ximo de 10 a\u00f1os de antig\u00fcedad (modelos del a\u00f1o 2016 en adelante), con inspecci\u00f3n t\u00e9cnica vehicular (Dekra\/RTV) y marchamo al d\u00eda, libres de grav\u00e1menes o infracciones.\"\r\n }\r\n },\r\n {\r\n \"@type\": \"Question\",\r\n \"name\": \"\u00bfEn qu\u00e9 moneda se publica el valor del veh\u00edculo?\",\r\n \"acceptedAnswer\": {\r\n \"@type\": \"Answer\",\r\n \"text\": \"El precio de venta se registra y publica en d\u00f3lares estadounidenses (USD $).\"\r\n }\r\n }\r\n ]\r\n }\r\n ]\r\n}\r\n<\/script>\r\n\r\n\t<div class=\"img has-hover x md-x lg-x y md-y lg-y\" id=\"image_1078725458\">\n\t\t\t\t\t\t\t\t<div class=\"img-inner dark\" style=\"margin:0px 0px 25px 0px;\">\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\n<style>\n#image_1078725458 {\n width: 100%;\n}\n<\/style>\n\t<\/div>\n\t\r\n\r\n<!-- ==============================================================\r\n FORMULARIO PUBLICA TU VEH\u00cdCULO - CREDIQ COSTA RICA\r\n Versi\u00f3n Optimizada para UX Blocks (Flatsome \/ WordPress)\r\n - Mobile-First & Responsive Grid\r\n - Barra de Avance Superior Din\u00e1mica (0% - 100%)\r\n - Validaciones Robustas (Nombre\/Apellido >= 3 car., Correo RFC, Tel\u00e9fonos 8 d\u00edgitos)\r\n - Eliminaci\u00f3n de spinners\/flechas en inputs num\u00e9ricos\r\n - Justificaci\u00f3n de textos sin guionado (\"financia-miento\")\r\n - Conversi\u00f3n H\u00edbrida de Fotograf\u00edas a WebP (85% calidad \/ m\u00e1x 1920px)\r\n - Compatibilidad 100% con publishVehicle.php y validarPublicarVehiculo.php\r\n============================================================== -->\r\n\r\n<!-- Carga condicional de dependencias de estilos y fuentes si no existen -->\r\n<link rel=\"stylesheet\" href=\"https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@300;400;500;600;700&display=swap\">\r\n<link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\r\n<script src=\"https:\/\/cdn.jsdelivr.net\/npm\/sweetalert2@11\"><\/script>\r\n\r\n<style>\r\n \/* ==============================================================\r\n ESTILOS SCOPED CON NAMESPACE #cq-publish-wrapper\r\n============================================================== *\/\r\n #cq-publish-wrapper {\r\n --cq-red: #d0151a;\r\n --cq-red-hover: #b01115;\r\n --cq-red-light: #fef2f2;\r\n --cq-red-border: #fecaca;\r\n --cq-dark: #0f172a;\r\n --cq-slate: #1e293b;\r\n --cq-muted: #64748b;\r\n --cq-border: #e2e8f0;\r\n --cq-border-focus: #d0151a;\r\n --cq-bg-card: #ffffff;\r\n --cq-bg-soft: #f8fafc;\r\n --cq-success: #10b981;\r\n --cq-radius: 10px;\r\n --cq-shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.06);\r\n --cq-shadow-md: 0 4px 12px rgba(0, 0, 0, 0.08);\r\n\r\n font-family: 'Poppins', -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, sans-serif !important;\r\n color: var(--cq-slate);\r\n line-height: 1.5;\r\n margin: 0 auto;\r\n padding: 10px 15px 40px;\r\n max-width: 1280px;\r\n box-sizing: border-box;\r\n }\r\n\r\n #cq-publish-wrapper * {\r\n box-sizing: border-box;\r\n }\r\n\r\n \/* Loader modal *\/\r\n #cq-publish-wrapper #cq-loader {\r\n position: fixed;\r\n top: 0;\r\n left: 0;\r\n width: 100vw;\r\n height: 100vh;\r\n background: rgba(15, 23, 42, 0.6);\r\n backdrop-filter: blur(4px);\r\n z-index: 999999;\r\n display: flex;\r\n flex-direction: column;\r\n align-items: center;\r\n justify-content: center;\r\n color: #ffffff;\r\n font-weight: 500;\r\n }\r\n\r\n #cq-publish-wrapper #cq-loader.hidden {\r\n display: none !important;\r\n }\r\n\r\n #cq-publish-wrapper #cq-loader .cq-spinner {\r\n width: 54px;\r\n height: 54px;\r\n border: 5px solid rgba(255, 255, 255, 0.25);\r\n border-top-color: #ffffff;\r\n border-radius: 50%;\r\n animation: cq-spin 0.8s linear infinite;\r\n margin-bottom: 16px;\r\n }\r\n\r\n @keyframes cq-spin {\r\n to {\r\n transform: rotate(360deg);\r\n }\r\n }\r\n\r\n \/* Bot\u00f3n Regresar y Header *\/\r\n #cq-publish-wrapper .cq-toolbar {\r\n margin-bottom: 15px;\r\n }\r\n\r\n #cq-publish-wrapper .cq-back-link {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 8px;\r\n color: var(--cq-muted);\r\n font-size: 14px;\r\n font-weight: 500;\r\n text-decoration: none !important;\r\n transition: color 0.2s ease;\r\n }\r\n\r\n #cq-publish-wrapper .cq-back-link:hover {\r\n color: var(--cq-red);\r\n }\r\n\r\n #cq-publish-wrapper .cq-page-header {\r\n margin-bottom: 24px;\r\n padding-bottom: 20px;\r\n border-bottom: 1px solid var(--cq-border);\r\n }\r\n\r\n #cq-publish-wrapper .cq-page-badge {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 6px;\r\n background: var(--cq-red-light);\r\n color: var(--cq-red);\r\n border: 1px solid var(--cq-red-border);\r\n padding: 5px 12px;\r\n border-radius: 20px;\r\n font-size: 12px;\r\n font-weight: 600;\r\n margin-bottom: 12px;\r\n letter-spacing: 0.3px;\r\n }\r\n\r\n #cq-publish-wrapper .cq-page-header h1,\r\n #cq-publish-wrapper .cq-page-title {\r\n font-size: clamp(24px, 3.2vw, 32px);\r\n font-weight: 800;\r\n color: var(--cq-dark);\r\n margin: 0 0 8px 0;\r\n letter-spacing: -0.5px;\r\n line-height: 1.25;\r\n }\r\n\r\n #cq-publish-wrapper .cq-page-header p,\r\n #cq-publish-wrapper .cq-page-subtitle {\r\n font-size: 14.5px;\r\n color: var(--cq-muted);\r\n margin: 0 0 16px 0;\r\n max-width: 860px;\r\n line-height: 1.6;\r\n }\r\n\r\n #cq-publish-wrapper .cq-header-highlights {\r\n display: flex;\r\n flex-wrap: wrap;\r\n gap: 8px 14px;\r\n }\r\n\r\n #cq-publish-wrapper .cq-highlight-item {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 6px;\r\n font-size: 12.5px;\r\n font-weight: 500;\r\n color: var(--cq-slate);\r\n background: var(--cq-bg-soft);\r\n padding: 5px 12px;\r\n border-radius: 6px;\r\n border: 1px solid var(--cq-border);\r\n }\r\n\r\n #cq-publish-wrapper .cq-highlight-item i {\r\n color: var(--cq-red);\r\n font-size: 12px;\r\n }\r\n\r\n \/* ==============================================================\r\n BARRA DE PROGRESO REACTIVA Y DOCKS DE POSICIONAMIENTO\r\n============================================================== *\/\r\n #cq-publish-wrapper #cq-progress-dock-top {\r\n margin-bottom: 24px;\r\n width: 100%;\r\n transition: min-height 0.2s ease;\r\n }\r\n\r\n #cq-publish-wrapper .cq-progress-card {\r\n background: var(--cq-bg-card);\r\n border: 1px solid var(--cq-border);\r\n border-radius: var(--cq-radius);\r\n padding: 14px 20px;\r\n box-shadow: 0 4px 16px rgba(0, 0, 0, 0.08);\r\n transition: all 0.25s ease;\r\n }\r\n\r\n @media (max-width: 767px) {\r\n #cq-publish-wrapper #cq-progress-dock-top .cq-progress-card {\r\n position: -webkit-sticky;\r\n position: sticky;\r\n top: 70px;\r\n z-index: 95;\r\n }\r\n\r\n body.admin-bar #cq-publish-wrapper #cq-progress-dock-top .cq-progress-card {\r\n top: 116px;\r\n }\r\n }\r\n\r\n #cq-publish-wrapper .cq-progress-header {\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: center;\r\n margin-bottom: 10px;\r\n }\r\n\r\n #cq-publish-wrapper .cq-progress-title-box {\r\n display: flex;\r\n align-items: center;\r\n gap: 10px;\r\n }\r\n\r\n #cq-publish-wrapper .cq-progress-title {\r\n font-size: 14px;\r\n font-weight: 600;\r\n color: var(--cq-dark);\r\n margin: 0;\r\n }\r\n\r\n #cq-publish-wrapper .cq-progress-stage {\r\n font-size: 12px;\r\n font-weight: 500;\r\n color: var(--cq-muted);\r\n }\r\n\r\n #cq-publish-wrapper .cq-progress-badge {\r\n background: var(--cq-red-light);\r\n color: var(--cq-red);\r\n font-size: 13px;\r\n font-weight: 700;\r\n padding: 4px 10px;\r\n border-radius: 20px;\r\n border: 1px solid var(--cq-red-border);\r\n }\r\n\r\n #cq-publish-wrapper .cq-progress-track {\r\n width: 100%;\r\n height: 10px;\r\n background: #e2e8f0;\r\n border-radius: 10px;\r\n overflow: hidden;\r\n }\r\n\r\n #cq-publish-wrapper .cq-progress-fill {\r\n width: 0%;\r\n height: 100%;\r\n background: linear-gradient(90deg, #d0151a 0%, #ef4444 100%);\r\n border-radius: 10px;\r\n transition: width 0.4s ease;\r\n }\r\n\r\n \/* ==============================================================\r\n LAYOUT PRINCIPAL: SUPERIOR EN 2 COLUMNAS (FORMULARIO + ASIDE DERECHO)\r\n============================================================== *\/\r\n #cq-publish-wrapper .cq-main-columns {\r\n display: flex;\r\n flex-direction: column;\r\n gap: 24px;\r\n width: 100%;\r\n }\r\n\r\n #cq-publish-wrapper .cq-form-col {\r\n width: 100%;\r\n min-width: 0;\r\n }\r\n\r\n #cq-publish-wrapper .cq-aside-col {\r\n width: 100%;\r\n min-width: 0;\r\n display: flex;\r\n flex-direction: column;\r\n gap: 14px;\r\n }\r\n\r\n @media (min-width: 768px) {\r\n #cq-publish-wrapper .cq-main-columns {\r\n display: flex !important;\r\n flex-direction: row !important;\r\n align-items: flex-start !important;\r\n gap: 24px !important;\r\n }\r\n\r\n #cq-publish-wrapper .cq-form-col {\r\n flex: 1 1 0% !important;\r\n min-width: 0 !important;\r\n }\r\n\r\n #cq-publish-wrapper .cq-aside-col {\r\n flex: 0 0 350px !important;\r\n width: 350px !important;\r\n position: -webkit-sticky !important;\r\n position: sticky !important;\r\n top: 180px !important;\r\n z-index: 85 !important;\r\n transition: top 0.15s ease-out;\r\n }\r\n\r\n body.admin-bar #cq-publish-wrapper .cq-aside-col {\r\n top: 212px !important;\r\n }\r\n\r\n #cq-publish-wrapper #cq-progress-dock-top .cq-progress-card {\r\n position: static;\r\n }\r\n\r\n #cq-publish-wrapper #cq-progress-dock-aside {\r\n width: 100%;\r\n }\r\n\r\n #cq-publish-wrapper #cq-progress-dock-aside:empty {\r\n display: none;\r\n }\r\n\r\n #cq-publish-wrapper .cq-progress-card.cq-in-aside {\r\n padding: 12px 16px;\r\n margin-bottom: 0;\r\n box-shadow: 0 4px 14px rgba(0, 0, 0, 0.06);\r\n }\r\n\r\n #cq-publish-wrapper .cq-progress-card.cq-in-aside .cq-progress-title {\r\n font-size: 13px;\r\n }\r\n\r\n #cq-publish-wrapper .cq-progress-card.cq-in-aside .cq-progress-stage {\r\n font-size: 11.5px;\r\n }\r\n }\r\n\r\n @media (min-width: 1200px) {\r\n #cq-publish-wrapper .cq-main-columns {\r\n gap: 28px !important;\r\n }\r\n\r\n #cq-publish-wrapper .cq-aside-col {\r\n flex: 0 0 370px !important;\r\n width: 370px !important;\r\n }\r\n }\r\n\r\n \/* Tarjetas de Secci\u00f3n del Formulario *\/\r\n #cq-publish-wrapper .cq-section-card {\r\n background: var(--cq-bg-card);\r\n border: 1px solid var(--cq-border);\r\n border-radius: var(--cq-radius);\r\n padding: 22px 20px;\r\n margin-bottom: 20px;\r\n box-shadow: var(--cq-shadow-sm);\r\n }\r\n\r\n #cq-publish-wrapper .cq-section-card:last-child {\r\n margin-bottom: 0;\r\n }\r\n\r\n #cq-publish-wrapper .cq-section-header {\r\n display: flex;\r\n align-items: center;\r\n gap: 12px;\r\n margin-bottom: 18px;\r\n padding-bottom: 12px;\r\n border-bottom: 1px solid var(--cq-border);\r\n }\r\n\r\n #cq-publish-wrapper .cq-step-number {\r\n width: 30px;\r\n height: 30px;\r\n border-radius: 50%;\r\n background: var(--cq-red);\r\n color: #ffffff;\r\n font-size: 14px;\r\n font-weight: 700;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n flex-shrink: 0;\r\n }\r\n\r\n #cq-publish-wrapper .cq-section-title {\r\n font-size: 16px;\r\n font-weight: 700;\r\n color: var(--cq-dark);\r\n margin: 0 0 2px 0;\r\n }\r\n\r\n #cq-publish-wrapper .cq-section-subtitle {\r\n font-size: 12.5px;\r\n color: var(--cq-muted);\r\n margin: 0;\r\n }\r\n\r\n \/* Grillas de Formulario *\/\r\n #cq-publish-wrapper .cq-grid-row {\r\n display: grid;\r\n grid-template-columns: 1fr;\r\n gap: 16px;\r\n margin-bottom: 16px;\r\n }\r\n\r\n #cq-publish-wrapper .cq-grid-row:last-child {\r\n margin-bottom: 0;\r\n }\r\n\r\n @media (min-width: 640px) {\r\n #cq-publish-wrapper .cq-grid-2 {\r\n grid-template-columns: 1fr 1fr;\r\n }\r\n\r\n #cq-publish-wrapper .cq-grid-3 {\r\n grid-template-columns: 1fr 1fr 1fr;\r\n }\r\n }\r\n\r\n @media (min-width: 900px) {\r\n #cq-publish-wrapper .cq-grid-4 {\r\n grid-template-columns: repeat(4, 1fr);\r\n }\r\n }\r\n\r\n \/* Campos e Inputs *\/\r\n #cq-publish-wrapper .cq-field-group {\r\n display: flex;\r\n flex-direction: column;\r\n }\r\n\r\n #cq-publish-wrapper .cq-label {\r\n font-size: 13px;\r\n font-weight: 600;\r\n color: var(--cq-dark);\r\n margin-bottom: 6px;\r\n }\r\n\r\n #cq-publish-wrapper .cq-req {\r\n color: var(--cq-red);\r\n font-weight: 700;\r\n }\r\n\r\n #cq-publish-wrapper .cq-help {\r\n font-size: 11px;\r\n color: var(--cq-muted);\r\n margin-top: 4px;\r\n }\r\n\r\n #cq-publish-wrapper input[type=\"text\"],\r\n #cq-publish-wrapper input[type=\"email\"],\r\n #cq-publish-wrapper input[type=\"tel\"],\r\n #cq-publish-wrapper input[type=\"number\"],\r\n #cq-publish-wrapper select,\r\n #cq-publish-wrapper textarea {\r\n width: 100% !important;\r\n height: 44px;\r\n padding: 0 14px;\r\n font-size: 13.5px;\r\n font-family: inherit;\r\n color: var(--cq-dark);\r\n background: #ffffff;\r\n border: 1px solid var(--cq-border) !important;\r\n border-radius: var(--cq-radius-sm) !important;\r\n box-shadow: none !important;\r\n transition: all 0.2s ease;\r\n box-sizing: border-box !important;\r\n }\r\n\r\n #cq-publish-wrapper textarea {\r\n height: 100px;\r\n padding: 10px 14px;\r\n resize: vertical;\r\n }\r\n\r\n #cq-publish-wrapper input:focus,\r\n #cq-publish-wrapper select:focus,\r\n #cq-publish-wrapper textarea:focus {\r\n border-color: var(--cq-red) !important;\r\n outline: none !important;\r\n box-shadow: 0 0 0 3px var(--cq-red-light) !important;\r\n }\r\n\r\n \/* Input con Prefijo Moneda *\/\r\n #cq-publish-wrapper .cq-price-wrapper {\r\n position: relative;\r\n display: flex;\r\n align-items: center;\r\n }\r\n\r\n #cq-publish-wrapper .cq-price-badge {\r\n position: absolute;\r\n right: 12px;\r\n font-size: 12px;\r\n font-weight: 600;\r\n color: var(--cq-muted);\r\n pointer-events: none;\r\n }\r\n\r\n \/* Nota de Descargo \/ Alerta *\/\r\n #cq-publish-wrapper .cq-disclaimer-box {\r\n background: #fff8f8;\r\n border-left: 3px solid var(--cq-red);\r\n padding: 10px 14px;\r\n border-radius: 4px;\r\n margin-bottom: 16px;\r\n font-size: 12.5px;\r\n color: var(--cq-slate);\r\n line-height: 1.5;\r\n }\r\n\r\n \/* Grilla de Equipamiento *\/\r\n #cq-publish-wrapper .cq-equip-grid {\r\n display: grid;\r\n grid-template-columns: repeat(2, 1fr);\r\n gap: 8px 12px;\r\n }\r\n\r\n @media (min-width: 640px) {\r\n #cq-publish-wrapper .cq-equip-grid {\r\n grid-template-columns: repeat(3, 1fr);\r\n }\r\n }\r\n\r\n #cq-publish-wrapper .cq-equip-item {\r\n display: flex;\r\n align-items: center;\r\n gap: 8px;\r\n font-size: 12.5px;\r\n color: var(--cq-dark);\r\n cursor: pointer;\r\n margin: 0;\r\n padding: 6px 8px;\r\n border-radius: 6px;\r\n transition: background 0.15s ease;\r\n user-select: none;\r\n }\r\n\r\n #cq-publish-wrapper .cq-equip-item:hover {\r\n background: var(--cq-bg-soft);\r\n }\r\n\r\n #cq-publish-wrapper .cq-equip-item input[type=\"checkbox\"] {\r\n width: 17px !important;\r\n height: 17px !important;\r\n accent-color: var(--cq-red);\r\n cursor: pointer;\r\n margin: 0 !important;\r\n flex-shrink: 0;\r\n }\r\n\r\n \/* Switches ACF (Android Auto y Apple CarPlay) *\/\r\n #cq-publish-wrapper .cq-acf-switches-grid {\r\n display: grid;\r\n grid-template-columns: 1fr;\r\n gap: 14px;\r\n margin-top: 20px;\r\n padding-top: 18px;\r\n border-top: 1px solid var(--cq-border);\r\n }\r\n\r\n @media (min-width: 480px) {\r\n #cq-publish-wrapper .cq-acf-switches-grid {\r\n grid-template-columns: 1fr 1fr;\r\n }\r\n }\r\n\r\n #cq-publish-wrapper .acf-field-true-false {\r\n background: var(--cq-bg-soft);\r\n padding: 12px 14px;\r\n border-radius: 8px;\r\n border: 1px solid var(--cq-border);\r\n display: flex;\r\n flex-direction: column;\r\n justify-content: space-between;\r\n }\r\n\r\n #cq-publish-wrapper .acf-field-true-false .acf-label label {\r\n font-size: 13px !important;\r\n font-weight: 700 !important;\r\n color: var(--cq-dark) !important;\r\n margin-bottom: 8px !important;\r\n display: block;\r\n text-transform: uppercase;\r\n letter-spacing: 0.3px;\r\n }\r\n\r\n #cq-publish-wrapper .acf-switch {\r\n display: inline-flex !important;\r\n position: relative !important;\r\n border-radius: 20px !important;\r\n background: #e2e8f0 !important;\r\n border: 1px solid #cbd5e1 !important;\r\n overflow: hidden !important;\r\n cursor: pointer !important;\r\n user-select: none !important;\r\n font-size: 11px !important;\r\n font-weight: 700 !important;\r\n line-height: 24px !important;\r\n height: 26px !important;\r\n }\r\n\r\n #cq-publish-wrapper .acf-switch-input {\r\n position: absolute !important;\r\n opacity: 0 !important;\r\n width: 0 !important;\r\n height: 0 !important;\r\n margin: 0 !important;\r\n pointer-events: none !important;\r\n }\r\n\r\n #cq-publish-wrapper .acf-switch span {\r\n padding: 0 10px !important;\r\n display: inline-block !important;\r\n text-align: center !important;\r\n transition: all 0.2s ease !important;\r\n z-index: 1 !important;\r\n }\r\n\r\n #cq-publish-wrapper .acf-switch-on {\r\n color: #ffffff !important;\r\n display: none !important;\r\n }\r\n\r\n #cq-publish-wrapper .acf-switch-off {\r\n color: #64748b !important;\r\n display: inline-block !important;\r\n }\r\n\r\n #cq-publish-wrapper .acf-switch-slider {\r\n position: absolute !important;\r\n top: 2px !important;\r\n left: 2px !important;\r\n bottom: 2px !important;\r\n width: 22px !important;\r\n background: #ffffff !important;\r\n border-radius: 50% !important;\r\n box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2) !important;\r\n transition: all 0.2s ease !important;\r\n }\r\n\r\n #cq-publish-wrapper .acf-switch.-on {\r\n background: var(--cq-red) !important;\r\n border-color: var(--cq-red-dark) !important;\r\n }\r\n\r\n #cq-publish-wrapper .acf-switch.-on .acf-switch-on {\r\n display: inline-block !important;\r\n }\r\n\r\n #cq-publish-wrapper .acf-switch.-on .acf-switch-off {\r\n display: none !important;\r\n }\r\n\r\n #cq-publish-wrapper .acf-switch.-on .acf-switch-slider {\r\n left: auto !important;\r\n right: 2px !important;\r\n }\r\n\r\n \/* Grilla de Subida de Fotos *\/\r\n #cq-publish-wrapper .cq-photos-grid {\r\n display: grid;\r\n grid-template-columns: 1fr;\r\n gap: 16px;\r\n }\r\n\r\n @media (min-width: 640px) {\r\n #cq-publish-wrapper .cq-photos-grid {\r\n grid-template-columns: repeat(2, 1fr);\r\n }\r\n }\r\n\r\n @media (min-width: 900px) {\r\n #cq-publish-wrapper .cq-photos-grid {\r\n grid-template-columns: repeat(3, 1fr);\r\n }\r\n }\r\n\r\n #cq-publish-wrapper .cq-photo-card {\r\n border: 1px solid var(--cq-border);\r\n border-radius: 8px;\r\n padding: 12px;\r\n background: #ffffff;\r\n display: flex;\r\n flex-direction: column;\r\n gap: 8px;\r\n transition: all 0.2s ease;\r\n }\r\n\r\n #cq-publish-wrapper .cq-photo-card.is-filled,\r\n #cq-publish-wrapper .cq-photo-card.has-image {\r\n border-color: #86efac;\r\n background: #f0fdf4;\r\n }\r\n\r\n #cq-publish-wrapper .cq-photo-card.is-filled .cq-photo-status-badge,\r\n #cq-publish-wrapper .cq-photo-card.has-image .cq-photo-status-badge {\r\n background: #dcfce7;\r\n color: #166534;\r\n }\r\n\r\n #cq-publish-wrapper .cq-photo-preview-box {\r\n width: 100%;\r\n height: 110px;\r\n background: var(--cq-bg-soft);\r\n border: 1.5px dashed var(--cq-border);\r\n border-radius: 6px;\r\n overflow: hidden;\r\n position: relative;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n }\r\n\r\n #cq-publish-wrapper .cq-photo-card.is-filled .cq-photo-preview-box,\r\n #cq-publish-wrapper .cq-photo-card.has-image .cq-photo-preview-box {\r\n border-style: solid;\r\n border-color: #86efac;\r\n }\r\n\r\n #cq-publish-wrapper .cq-photo-preview-box img {\r\n width: 100%;\r\n height: 100%;\r\n object-fit: cover;\r\n display: none;\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n z-index: 2;\r\n }\r\n\r\n #cq-publish-wrapper .cq-photo-card.is-filled .cq-photo-preview-box img,\r\n #cq-publish-wrapper .cq-photo-card.has-image .cq-photo-preview-box img {\r\n display: block !important;\r\n }\r\n\r\n #cq-publish-wrapper .cq-photo-placeholder {\r\n display: flex;\r\n flex-direction: column;\r\n align-items: center;\r\n justify-content: center;\r\n gap: 4px;\r\n color: #94a3b8;\r\n font-size: 11px;\r\n position: relative;\r\n z-index: 1;\r\n }\r\n\r\n #cq-publish-wrapper .cq-photo-card.is-filled .cq-photo-placeholder,\r\n #cq-publish-wrapper .cq-photo-card.has-image .cq-photo-placeholder {\r\n display: none !important;\r\n }\r\n\r\n #cq-publish-wrapper .cq-photo-btn {\r\n height: 34px;\r\n font-size: 12px;\r\n font-weight: 600;\r\n border-radius: 6px;\r\n border: 1px solid var(--cq-border);\r\n background: #ffffff;\r\n color: var(--cq-slate);\r\n cursor: pointer;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n gap: 6px;\r\n transition: all 0.2s ease;\r\n }\r\n\r\n #cq-publish-wrapper .cq-photo-btn:hover {\r\n background: var(--cq-bg-soft);\r\n border-color: #cbd5e1;\r\n }\r\n\r\n #cq-publish-wrapper .cq-photo-card.is-filled .cq-photo-btn {\r\n border-color: #bbf7d0;\r\n color: #166534;\r\n }\r\n\r\n\r\n \/* ==============================================================\r\n T\u00c9RMINOS Y CONDICIONES (JUSTIFICADO SIN GUIONADO)\r\n============================================================== *\/\r\n #cq-publish-wrapper .cq-terms-container {\r\n background: var(--cq-bg-soft);\r\n border: 1px solid var(--cq-border);\r\n border-radius: 8px;\r\n padding: 16px;\r\n max-height: 180px;\r\n overflow-y: auto;\r\n font-size: 12.5px;\r\n color: var(--cq-muted);\r\n line-height: 1.6;\r\n margin-bottom: 18px;\r\n text-align: justify !important;\r\n text-justify: inter-word !important;\r\n hyphens: none !important;\r\n -webkit-hyphens: none !important;\r\n -ms-hyphens: none !important;\r\n word-break: normal !important;\r\n }\r\n\r\n #cq-publish-wrapper .cq-comm-table {\r\n width: 100%;\r\n border-collapse: collapse;\r\n margin: 14px 0;\r\n font-size: 12px;\r\n }\r\n\r\n #cq-publish-wrapper .cq-comm-table th,\r\n #cq-publish-wrapper .cq-comm-table td {\r\n padding: 8px 12px;\r\n border: 1px solid #e2e8f0;\r\n text-align: center;\r\n }\r\n\r\n #cq-publish-wrapper .cq-comm-table th {\r\n background: #e2e8f0;\r\n font-weight: 600;\r\n color: var(--cq-slate);\r\n }\r\n\r\n #cq-publish-wrapper .cq-accept-row {\r\n display: flex;\r\n align-items: flex-start;\r\n gap: 12px;\r\n margin-bottom: 22px;\r\n padding: 12px 14px;\r\n background: var(--cq-bg-soft);\r\n border-radius: 8px;\r\n }\r\n\r\n #cq-publish-wrapper .cq-accept-row input[type=\"checkbox\"] {\r\n width: 20px !important;\r\n height: 20px !important;\r\n accent-color: var(--cq-red);\r\n cursor: pointer;\r\n flex-shrink: 0;\r\n margin-top: 2px !important;\r\n }\r\n\r\n #cq-publish-wrapper .cq-accept-row label {\r\n font-size: 13px;\r\n color: var(--cq-slate);\r\n cursor: pointer;\r\n line-height: 1.4;\r\n }\r\n\r\n #cq-publish-wrapper .cq-accept-row a {\r\n color: var(--cq-red);\r\n text-decoration: underline;\r\n font-weight: 600;\r\n }\r\n\r\n \/* Botones de Acci\u00f3n *\/\r\n #cq-publish-wrapper .cq-actions-row {\r\n display: flex;\r\n flex-direction: column-reverse;\r\n gap: 12px;\r\n }\r\n\r\n @media (min-width: 640px) {\r\n #cq-publish-wrapper .cq-actions-row {\r\n flex-direction: row;\r\n justify-content: flex-end;\r\n }\r\n }\r\n\r\n #cq-publish-wrapper .cq-btn {\r\n height: 48px;\r\n padding: 0 24px;\r\n font-size: 15px;\r\n font-weight: 600;\r\n border-radius: 8px;\r\n border: none;\r\n cursor: pointer;\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: center;\r\n gap: 8px;\r\n transition: all 0.2s ease;\r\n text-decoration: none !important;\r\n }\r\n\r\n #cq-publish-wrapper .cq-btn-secondary {\r\n background: #ffffff;\r\n border: 1.5px solid var(--cq-border);\r\n color: var(--cq-slate);\r\n }\r\n\r\n #cq-publish-wrapper .cq-btn-secondary:hover {\r\n background: var(--cq-bg-soft);\r\n border-color: #cbd5e1;\r\n }\r\n\r\n #cq-publish-wrapper .cq-btn-primary {\r\n background: var(--cq-red);\r\n color: #ffffff;\r\n box-shadow: 0 4px 12px rgba(208, 21, 26, 0.3);\r\n }\r\n\r\n #cq-publish-wrapper .cq-btn-primary:hover {\r\n background: var(--cq-red-hover);\r\n box-shadow: 0 6px 16px rgba(208, 21, 26, 0.4);\r\n transform: translateY(-1px);\r\n }\r\n\r\n #cq-publish-wrapper .cq-btn-primary:disabled {\r\n opacity: 0.6;\r\n cursor: not-allowed;\r\n transform: none;\r\n }\r\n\r\n \/* ==============================================================\r\n TARJETA DE RESUMEN LATERAL (COMPACTA, 2 COLUMNAS INTERNAS)\r\n============================================================== *\/\r\n #cq-publish-wrapper .cq-summary-card {\r\n background: var(--cq-bg-card);\r\n border: 1px solid var(--cq-border);\r\n border-radius: var(--cq-radius);\r\n padding: 16px 18px;\r\n box-shadow: 0 4px 18px rgba(0, 0, 0, 0.06);\r\n position: relative;\r\n width: 100%;\r\n min-width: 0;\r\n }\r\n\r\n #cq-publish-wrapper .cq-summary-header {\r\n display: flex;\r\n align-items: center;\r\n justify-content: space-between;\r\n margin-bottom: 10px;\r\n padding-bottom: 8px;\r\n border-bottom: 1px solid var(--cq-border);\r\n }\r\n\r\n #cq-publish-wrapper .cq-summary-title {\r\n font-size: 15px;\r\n font-weight: 700;\r\n color: var(--cq-dark);\r\n margin: 0;\r\n display: flex;\r\n align-items: center;\r\n gap: 7px;\r\n }\r\n\r\n #cq-publish-wrapper .cq-summary-main-photo {\r\n width: 100%;\r\n height: 110px;\r\n background: #f8fafc;\r\n border: 1.5px dashed #cbd5e1;\r\n border-radius: 8px;\r\n overflow: hidden;\r\n margin-bottom: 12px;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n transition: all 0.2s ease;\r\n }\r\n\r\n #cq-publish-wrapper .cq-summary-main-photo.has-photo {\r\n border-style: solid;\r\n border-color: var(--cq-border);\r\n }\r\n\r\n #cq-publish-wrapper .cq-summary-main-photo img {\r\n width: 100%;\r\n height: 100%;\r\n object-fit: cover;\r\n display: none;\r\n }\r\n\r\n #cq-publish-wrapper .cq-summary-main-photo.has-photo img {\r\n display: block;\r\n }\r\n\r\n #cq-publish-wrapper .cq-summary-main-photo.has-photo .cq-empty-photo {\r\n display: none;\r\n }\r\n\r\n #cq-publish-wrapper .cq-empty-photo {\r\n display: flex;\r\n flex-direction: column;\r\n align-items: center;\r\n gap: 4px;\r\n color: #94a3b8;\r\n font-size: 11.5px;\r\n }\r\n\r\n #cq-publish-wrapper .cq-summary-data-list {\r\n display: flex;\r\n flex-direction: column;\r\n gap: 6px;\r\n font-size: 13px;\r\n }\r\n\r\n #cq-publish-wrapper .cq-sum-row {\r\n padding-bottom: 6px;\r\n border-bottom: 1px dashed var(--cq-border);\r\n }\r\n\r\n #cq-publish-wrapper .cq-sum-row:last-child {\r\n border-bottom: none;\r\n padding-bottom: 0;\r\n }\r\n\r\n #cq-publish-wrapper .cq-sum-2col {\r\n display: grid;\r\n grid-template-columns: 1fr 1fr;\r\n gap: 10px;\r\n }\r\n\r\n #cq-publish-wrapper .cq-sum-3col {\r\n display: grid;\r\n grid-template-columns: 0.9fr 1fr 1.25fr;\r\n gap: 8px;\r\n }\r\n\r\n @media (max-width: 420px) {\r\n #cq-publish-wrapper .cq-sum-3col {\r\n grid-template-columns: 1fr;\r\n gap: 4px;\r\n }\r\n }\r\n\r\n #cq-publish-wrapper .cq-sum-1col {\r\n display: block;\r\n }\r\n\r\n #cq-publish-wrapper .cq-sum-col {\r\n display: flex;\r\n flex-direction: column;\r\n min-width: 0;\r\n }\r\n\r\n #cq-publish-wrapper .cq-sum-lbl {\r\n font-size: 10.5px;\r\n font-weight: 600;\r\n color: var(--cq-muted);\r\n text-transform: uppercase;\r\n letter-spacing: 0.3px;\r\n margin-bottom: 1px;\r\n }\r\n\r\n #cq-publish-wrapper .cq-sum-val {\r\n font-weight: 600;\r\n color: var(--cq-dark);\r\n font-size: 12.5px;\r\n overflow: hidden;\r\n text-overflow: ellipsis;\r\n white-space: nowrap;\r\n }\r\n\r\n #cq-publish-wrapper .cq-sum-price-row {\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: center;\r\n background: #fef2f2;\r\n padding: 7px 12px;\r\n border-radius: 6px;\r\n border: 1px solid #fee2e2;\r\n margin: 3px 0 2px 0;\r\n }\r\n\r\n #cq-publish-wrapper .cq-sum-price-row .cq-sum-lbl {\r\n color: var(--cq-slate);\r\n font-weight: 600;\r\n font-size: 12.5px;\r\n }\r\n\r\n #cq-publish-wrapper .cq-sum-val.cq-sum-price,\r\n #cq-publish-wrapper #prev-precio {\r\n color: var(--cq-red) !important;\r\n font-weight: 800 !important;\r\n font-size: 16px !important;\r\n text-align: right;\r\n }\r\n\r\n #cq-publish-wrapper .cq-sum-photos-row {\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: center;\r\n padding: 4px 2px 2px 2px;\r\n border-bottom: none !important;\r\n }\r\n\r\n #cq-publish-wrapper .cq-sum-badge {\r\n background: #f1f5f9;\r\n color: var(--cq-slate);\r\n font-size: 12px;\r\n font-weight: 700;\r\n padding: 3px 9px;\r\n border-radius: 12px;\r\n border: 1px solid var(--cq-border);\r\n }\r\n\r\n \/* Ocultar input real de archivos *\/\r\n .cq-hidden-file-input {\r\n display: none !important;\r\n }\r\n<\/style>\r\n\r\n<div id=\"cq-publish-wrapper\">\r\n\r\n <!-- ==============================================================\r\n CABECERA PRINCIPAL: H1 Y PROPUESTA DE VALOR (SEO & UX)\r\n ============================================================== -->\r\n <header class=\"cq-page-header\">\r\n <div class=\"cq-page-badge\">\r\n <i class=\"fa-solid fa-shield-halved\"><\/i> Respaldo Grupo Q • Costa Rica\r\n <\/div>\r\n <h1 class=\"cq-page-title\">Vende tu vehiculo con CREDIQ<\/h1>\r\n <p class=\"cq-page-subtitle\">\r\n Publica tu auto usado de forma r\u00e1pida y segura. Con\u00e9ctate con miles de compradores interesados y acelera tu venta ofreciendo las mejores facilidades de financiamiento con CREDIQ en Costa Rica.\r\n <\/p>\r\n <div class=\"cq-header-highlights\">\r\n <span class=\"cq-highlight-item\"><i class=\"fa-solid fa-bolt\"><\/i> Publicaci\u00f3n r\u00e1pida<\/span>\r\n <span class=\"cq-highlight-item\"><i class=\"fa-solid fa-users\"><\/i> Miles de compradores<\/span>\r\n <span class=\"cq-highlight-item\"><i class=\"fa-solid fa-hand-holding-dollar\"><\/i> Financiamiento para compradores<\/span>\r\n <span class=\"cq-highlight-item\"><i class=\"fa-solid fa-certificate\"><\/i> Proceso 100% seguro<\/span>\r\n <\/div>\r\n <\/header>\r\n\r\n <div id=\"cq-progress-dock-top\">\r\n <div class=\"cq-progress-card\" id=\"cq-progress-card\">\r\n <div class=\"cq-progress-header\">\r\n <div class=\"cq-progress-title-box\">\r\n <i class=\"fa-solid fa-list-check\" style=\"color:var(--cq-red);\"><\/i>\r\n <div>\r\n <h4 class=\"cq-progress-title\">Progreso de publicaci\u00f3n<\/h4>\r\n <span id=\"cq-progress-stage-text\" class=\"cq-progress-stage\">Paso 1: Completa tus datos\r\n personales<\/span>\r\n <\/div>\r\n <\/div>\r\n <span id=\"cq-progress-badge\" class=\"cq-progress-badge\">0%<\/span>\r\n <\/div>\r\n <div class=\"cq-progress-track\">\r\n <div id=\"cq-progress-fill\" class=\"cq-progress-fill\"><\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- FORMULARIO GENERAL -->\r\n <form id=\"vehicle-form\" onsubmit=\"return false;\" novalidate>\r\n\r\n <!-- ==============================================================\r\n ZONA SUPERIOR: 2 COLUMNAS (FORMULARIO PASOS 1-4 + ASIDE DERECHO)\r\n ============================================================== -->\r\n\r\n <div class=\"cq-main-columns\">\r\n\r\n <!-- COLUMNA IZQUIERDA: FORMULARIO POR PASOS (1 AL 4) -->\r\n <div class=\"cq-form-col\">\r\n\r\n <!-- PASO 1: DATOS PERSONALES -->\r\n <div class=\"cq-section-card\">\r\n <div class=\"cq-section-header\">\r\n <div class=\"cq-step-number\">1<\/div>\r\n <div>\r\n <h3 class=\"cq-section-title\">Datos personales del contacto<\/h3>\r\n <p class=\"cq-section-subtitle\">Informaci\u00f3n del propietario o vendedor para coordinar la\r\n publicaci\u00f3n<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"cq-grid-row cq-grid-2\">\r\n <div class=\"cq-field-group\">\r\n <label class=\"cq-label\" for=\"nombreTxt\">Nombre <span class=\"cq-req\">*<\/span><\/label>\r\n <input type=\"text\" id=\"nombreTxt\" placeholder=\"Ej. Carlos\" minlength=\"3\"\r\n autocomplete=\"given-name\">\r\n <span class=\"cq-help\">M\u00ednimo 3 caracteres<\/span>\r\n <\/div>\r\n\r\n <div class=\"cq-field-group\">\r\n <label class=\"cq-label\" for=\"apellidoTxt\">Apellidos <span class=\"cq-req\">*<\/span><\/label>\r\n <input type=\"text\" id=\"apellidoTxt\" placeholder=\"Ej. Salazar\" minlength=\"3\"\r\n autocomplete=\"family-name\">\r\n <span class=\"cq-help\">M\u00ednimo 3 caracteres<\/span>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"cq-grid-row cq-grid-2\">\r\n <div class=\"cq-field-group\">\r\n <label class=\"cq-label\" for=\"documentoTxt\">C\u00e9dula o Documento de Identidad <span\r\n class=\"cq-req\">*<\/span><\/label>\r\n <input type=\"text\" id=\"documentoTxt\" inputmode=\"numeric\" placeholder=\"Ej. 1-1234-0567\"\r\n maxlength=\"15\">\r\n <span class=\"cq-help\">C\u00e9dula f\u00edsica (9 d\u00edgitos), jur\u00eddica (10 d\u00edgitos) o DIMEX<\/span>\r\n <\/div>\r\n\r\n <div class=\"cq-field-group\">\r\n <label class=\"cq-label\" for=\"correoTxt\">Correo Electr\u00f3nico <span\r\n class=\"cq-req\">*<\/span><\/label>\r\n <input type=\"email\" id=\"correoTxt\" placeholder=\"ejemplo@correo.com\" autocomplete=\"email\">\r\n <span class=\"cq-help\">Recibir\u00e1s confirmaci\u00f3n de la publicaci\u00f3n<\/span>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"cq-grid-row cq-grid-2\">\r\n <div class=\"cq-field-group\">\r\n <label class=\"cq-label\" for=\"telefonoTxt\">Tel\u00e9fono Principal <span\r\n class=\"cq-req\">*<\/span><\/label>\r\n <input type=\"tel\" id=\"telefonoTxt\" inputmode=\"numeric\" placeholder=\"####-####\"\r\n maxlength=\"9\">\r\n <span class=\"cq-help\">8 d\u00edgitos de Costa Rica<\/span>\r\n <\/div>\r\n\r\n <div class=\"cq-field-group\">\r\n <label class=\"cq-label\" for=\"telefonoAdicionalTxt\">Tel\u00e9fono Secundario<\/label>\r\n <input type=\"tel\" id=\"telefonoAdicionalTxt\" inputmode=\"numeric\" placeholder=\"####-####\"\r\n maxlength=\"9\">\r\n <span class=\"cq-help\">Opcional - 8 d\u00edgitos de contacto alterno<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- PASO 2: DATOS DEL VEH\u00cdCULO -->\r\n <div class=\"cq-section-card\">\r\n <div class=\"cq-section-header\">\r\n <div class=\"cq-step-number\">2<\/div>\r\n <div>\r\n <h3 class=\"cq-section-title\">Informaci\u00f3n del veh\u00edculo<\/h3>\r\n <p class=\"cq-section-subtitle\">Especificaciones t\u00e9cnicas y valor de venta de la unidad<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"cq-grid-row cq-grid-3\">\r\n <div class=\"cq-field-group\">\r\n <label class=\"cq-label\" for=\"marcaSelect\">Marca <span class=\"cq-req\">*<\/span><\/label>\r\n <select id=\"marcaSelect\">\r\n <option value=\"\">Cargando marcas...<\/option>\r\n <\/select>\r\n <span class=\"cq-help\">M\u00e1ximo 10 a\u00f1os de antig\u00fcedad (2016 en adelante)<\/span>\r\n <\/div>\r\n\r\n <div class=\"cq-field-group\">\r\n <label class=\"cq-label\" for=\"modeloTxt\">Modelo <span class=\"cq-req\">*<\/span><\/label>\r\n <select id=\"modeloTxt\">\r\n <option value=\"\">Seleccione una marca primero<\/option>\r\n <\/select>\r\n <\/div>\r\n\r\n <div class=\"cq-field-group\">\r\n <label class=\"cq-label\" for=\"versionTxt\">Versi\u00f3n<\/label>\r\n <input type=\"text\" id=\"versionTxt\" placeholder=\"Ej. GLS \/ TURBO\"\r\n style=\"text-transform:uppercase;\">\r\n <span class=\"cq-help\">Opcional<\/span>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"cq-grid-row cq-grid-3\">\r\n <div class=\"cq-field-group\">\r\n <label class=\"cq-label\" for=\"tipoVehiculoSelect\">Tipo de Veh\u00edculo <span\r\n class=\"cq-req\">*<\/span><\/label>\r\n <select id=\"tipoVehiculoSelect\">\r\n <option value=\"\">Seleccione tipo<\/option>\r\n <option value=\"AUTOMOVIL TIPO SEDAN\">AUTOM\u00d3VIL TIPO SED\u00c1N<\/option>\r\n <option value=\"AUTOMOVIL TIPO HATCHBACK\">AUTOM\u00d3VIL TIPO HATCHBACK<\/option>\r\n <option value=\"SUV\">SUV<\/option>\r\n <option value=\"CAMION\">CAMI\u00d3N<\/option>\r\n <option value=\"PANEL\">PANEL<\/option>\r\n <option value=\"PICK UP\">PICK UP<\/option>\r\n <\/select>\r\n <\/div>\r\n\r\n <div class=\"cq-field-group\">\r\n <label class=\"cq-label\" for=\"tipoCombustibleSelect\">Combustible <span\r\n class=\"cq-req\">*<\/span><\/label>\r\n <select id=\"tipoCombustibleSelect\">\r\n <option value=\"\">Seleccione combustible<\/option>\r\n <option value=\"Gasolina\">Gasolina<\/option>\r\n <option value=\"Diesel\">Di\u00e9sel<\/option>\r\n <option value=\"H\u00edbrido\">H\u00edbrido<\/option>\r\n <option value=\"El\u00e9ctrico\">El\u00e9ctrico<\/option>\r\n <\/select>\r\n <\/div>\r\n\r\n <div class=\"cq-field-group\">\r\n <label class=\"cq-label\" for=\"precioVentaTxt\">Precio de Venta <span\r\n class=\"cq-req\">*<\/span><\/label>\r\n <div class=\"cq-price-wrapper\">\r\n <input type=\"number\" id=\"precioVentaTxt\" min=\"1000\" max=\"100000\" placeholder=\"15000\">\r\n <span class=\"cq-price-badge\">USD ($)<\/span>\r\n <\/div>\r\n <span class=\"cq-help\">\u00danicamente USD ($)<\/span>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"cq-disclaimer-box\">\r\n <i class=\"fa-solid fa-circle-info\" style=\"color:var(--cq-red); margin-right:4px;\"><\/i>\r\n Aseg\u00farate de ingresar correctamente la informaci\u00f3n de marca, modelo y a\u00f1o. Los datos precisos\r\n evitan\r\n errores y garantizan una verificaci\u00f3n r\u00e1pida por parte de nuestro equipo.\r\n <\/div>\r\n\r\n <div class=\"cq-grid-row cq-grid-3\">\r\n <div class=\"cq-field-group\">\r\n <label class=\"cq-label\" for=\"anioSelect\">A\u00f1o <span class=\"cq-req\">*<\/span><\/label>\r\n <select id=\"anioSelect\">\r\n <option value=\"\">Seleccione a\u00f1o<\/option>\r\n <\/select>\r\n <\/div>\r\n\r\n <div class=\"cq-field-group\">\r\n <label class=\"cq-label\" for=\"placaTxt\">Placa <span class=\"cq-req\">*<\/span><\/label>\r\n <input type=\"text\" id=\"placaTxt\" placeholder=\"Ej. P123456\" style=\"text-transform:uppercase;\"\r\n maxlength=\"10\">\r\n <\/div>\r\n\r\n <div class=\"cq-field-group\">\r\n <label class=\"cq-label\" for=\"cilindrajeTxt\">Cilindraje (cc) <span\r\n class=\"cq-req\">*<\/span><\/label>\r\n <input type=\"text\" id=\"cilindrajeTxt\" inputmode=\"numeric\" placeholder=\"Ej. 2000\"\r\n maxlength=\"10\">\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"cq-grid-row\">\r\n <div class=\"cq-field-group\">\r\n <label class=\"cq-label\" for=\"kilometrajeTxt\">Kilometraje (km) <span\r\n class=\"cq-req\">*<\/span><\/label>\r\n <input type=\"number\" id=\"kilometrajeTxt\" min=\"1\" max=\"500000\" placeholder=\"Ej. 45000\">\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"cq-grid-row\">\r\n <div class=\"cq-field-group\">\r\n <label class=\"cq-label\" for=\"descripcionTxt\">Descripci\u00f3n detallada <span\r\n class=\"cq-req\">*<\/span><\/label>\r\n <textarea id=\"descripcionTxt\"\r\n placeholder=\"Incluye estado general, mantenimientos de agencia, extras particulares o cualquier detalle relevante del veh\u00edculo...\"><\/textarea>\r\n <\/div>\r\n <\/div>\r\n <\/div><!-- \/#Paso 2 cq-section-card -->\r\n\r\n <!-- PASO 3: EQUIPAMIENTOS -->\r\n <div class=\"cq-section-card\">\r\n <div class=\"cq-section-header\">\r\n <div class=\"cq-step-number\">3<\/div>\r\n <div>\r\n <h3 class=\"cq-section-title\">Equipamiento y caracter\u00edsticas<\/h3>\r\n <p class=\"cq-section-subtitle\">Selecciona los elementos instalados en tu unidad<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <div id=\"equipmentsContainer\" class=\"cq-equip-grid\">\r\n <label class=\"cq-equip-item\"><input type=\"checkbox\" id=\"aire_acondicionado\" name=\"equipments\"\r\n value=\"aire_acondicionado\"> Aire Acondicionado<\/label>\r\n <label class=\"cq-equip-item\"><input type=\"checkbox\" id=\"aire_acondicionado_climatizado\"\r\n name=\"equipments\" value=\"aire_acondicionado_climatizado\"> A\/C Climatizado<\/label>\r\n <label class=\"cq-equip-item\"><input type=\"checkbox\" id=\"alarma\" name=\"equipments\"\r\n value=\"alarma\"> Alarma<\/label>\r\n <label class=\"cq-equip-item\"><input type=\"checkbox\" id=\"aros_de_lujo\" name=\"equipments\"\r\n value=\"aros_de_lujo\"> Aros de Lujo<\/label>\r\n <label class=\"cq-equip-item\"><input type=\"checkbox\" id=\"asiento_con_memoria\" name=\"equipments\"\r\n value=\"asiento_con_memoria\"> Asientos con Memoria<\/label>\r\n <label class=\"cq-equip-item\"><input type=\"checkbox\" id=\"asientos_electricos\" name=\"equipments\"\r\n value=\"asientos_electricos\"> Asientos El\u00e9ctricos<\/label>\r\n <label class=\"cq-equip-item\"><input type=\"checkbox\" id=\"bluetooth\" name=\"equipments\"\r\n value=\"bluetooth\"> Bluetooth<\/label>\r\n <label class=\"cq-equip-item\"><input type=\"checkbox\" id=\"bolsa_de_aire\" name=\"equipments\"\r\n value=\"bolsa_de_aire\"> Bolsas de Aire<\/label>\r\n <label class=\"cq-equip-item\"><input type=\"checkbox\" id=\"caja_de_cambios_dual\" name=\"equipments\"\r\n value=\"caja_de_cambios_dual\"> Caja de Cambios Dual<\/label>\r\n <label class=\"cq-equip-item\"><input type=\"checkbox\" id=\"androidcar\" name=\"equipments\"\r\n value=\"androidcar\"> ANDROIDCAR<\/label>\r\n <label class=\"cq-equip-item\"><input type=\"checkbox\" id=\"cierre_central\" name=\"equipments\"\r\n value=\"cierre_central\"> Cierre Central<\/label>\r\n <label class=\"cq-equip-item\"><input type=\"checkbox\" id=\"computadora_de_viajes\" name=\"equipments\"\r\n value=\"computadora_de_viajes\"> Computadora de Viaje<\/label>\r\n <label class=\"cq-equip-item\"><input type=\"checkbox\" id=\"control_de_descenso\" name=\"equipments\"\r\n value=\"control_de_descenso\"> Control de Descenso<\/label>\r\n <label class=\"cq-equip-item\"><input type=\"checkbox\" id=\"control_de_radio_en_el_volante\"\r\n name=\"equipments\" value=\"control_de_radio_en_el_volante\"> Control de Radio en\r\n Volante<\/label>\r\n <label class=\"cq-equip-item\"><input type=\"checkbox\" id=\"control_electronico_de_estabilidad\"\r\n name=\"equipments\" value=\"control_electronico_de_estabilidad\"> Control de\r\n Estabilidad<\/label>\r\n <label class=\"cq-equip-item\"><input type=\"checkbox\" id=\"cruise_control\" name=\"equipments\"\r\n value=\"cruise_control\"> Control Crucero<\/label>\r\n <label class=\"cq-equip-item\"><input type=\"checkbox\" id=\"camara_de_retroceso\" name=\"equipments\"\r\n value=\"camara_de_retroceso\"> C\u00e1mara de Retroceso<\/label>\r\n <label class=\"cq-equip-item\"><input type=\"checkbox\" id=\"desempe\u00f1ador_trasero\" name=\"equipments\"\r\n value=\"desempe\u00f1ador_trasero\"> Desempa\u00f1ador Trasero<\/label>\r\n <label class=\"cq-equip-item\"><input type=\"checkbox\" id=\"direccion_hidraulica\" name=\"equipments\"\r\n value=\"direccion_hidraulica\"> Direcci\u00f3n Hidr\u00e1ulica<\/label>\r\n <label class=\"cq-equip-item\"><input type=\"checkbox\" id=\"applecar\" name=\"equipments\"\r\n value=\"applecar\"> APPLECAR<\/label>\r\n <label class=\"cq-equip-item\"><input type=\"checkbox\" id=\"espejos_electricos\" name=\"equipments\"\r\n value=\"espejos_electricos\"> Espejos El\u00e9ctricos<\/label>\r\n <label class=\"cq-equip-item\"><input type=\"checkbox\" id=\"frenos_abs\" name=\"equipments\"\r\n value=\"frenos_abs\"> Frenos ABS<\/label>\r\n <label class=\"cq-equip-item\"><input type=\"checkbox\" id=\"halogenos\" name=\"equipments\"\r\n value=\"halogenos\"> Hal\u00f3genos \/ Neblineras<\/label>\r\n <label class=\"cq-equip-item\"><input type=\"checkbox\" id=\"llave_inteligente_boto_de_arranque\"\r\n name=\"equipments\" value=\"llave_inteligente_boto_de_arranque\"> Bot\u00f3n de Arranque<\/label>\r\n <label class=\"cq-equip-item\"><input type=\"checkbox\" id=\"luces_de_xenon_bixenon\"\r\n name=\"equipments\" value=\"luces_de_xenon_bixenon\"> Luces Xen\u00f3n\/Bi-xen\u00f3n<\/label>\r\n <label class=\"cq-equip-item\"><input type=\"checkbox\" id=\"monitor_de_presion_de_llantas\"\r\n name=\"equipments\" value=\"monitor_de_presion_de_llantas\"> Sensor de Presi\u00f3n\r\n Llantas<\/label>\r\n <label class=\"cq-equip-item\"><input type=\"checkbox\" id=\"radio_con_usb_aux\" name=\"equipments\"\r\n value=\"radio_con_usb_aux\"> Radio con USB \/ AUX<\/label>\r\n <label class=\"cq-equip-item\"><input type=\"checkbox\" id=\"retrovisores_auto_retractiles\"\r\n name=\"equipments\" value=\"retrovisores_auto_retractiles\"> Retrovisores\r\n Retr\u00e1ctiles<\/label>\r\n <label class=\"cq-equip-item\"><input type=\"checkbox\" id=\"revision_tecnica_al_dia\"\r\n name=\"equipments\" value=\"revision_tecnica_al_dia\"> Dekra \/ RTV al D\u00eda<\/label>\r\n <label class=\"cq-equip-item\"><input type=\"checkbox\" id=\"sensor_de_lluvia\" name=\"equipments\"\r\n value=\"sensor_de_lluvia\"> Sensor de Lluvia<\/label>\r\n <label class=\"cq-equip-item\"><input type=\"checkbox\" id=\"sensores_de_retroceso\" name=\"equipments\"\r\n value=\"sensores_de_retroceso\"> Sensores de Retroceso<\/label>\r\n <label class=\"cq-equip-item\"><input type=\"checkbox\" id=\"sensores_frontales\" name=\"equipments\"\r\n value=\"sensores_frontales\"> Sensores Frontales<\/label>\r\n <label class=\"cq-equip-item\"><input type=\"checkbox\" id=\"sunroof_techo_panoramico\"\r\n name=\"equipments\" value=\"sunroof_techo_panoramico\"> Sunroof \/ Panor\u00e1mico<\/label>\r\n <label class=\"cq-equip-item\"><input type=\"checkbox\" id=\"tapiceria_de_cuero\" name=\"equipments\"\r\n value=\"tapiceria_de_cuero\"> Tapicer\u00eda de Cuero<\/label>\r\n <label class=\"cq-equip-item\"><input type=\"checkbox\" id=\"turbo\" name=\"equipments\" value=\"turbo\">\r\n Turbo<\/label>\r\n <label class=\"cq-equip-item\"><input type=\"checkbox\" id=\"vidrios_electricos\" name=\"equipments\"\r\n value=\"vidrios_electricos\"> Vidrios El\u00e9ctricos<\/label>\r\n <label class=\"cq-equip-item\"><input type=\"checkbox\" id=\"vidrios_tintados\" name=\"equipments\"\r\n value=\"vidrios_tintados\"> Vidrios Tintados<\/label>\r\n <label class=\"cq-equip-item\"><input type=\"checkbox\" id=\"volante_ajustable\" name=\"equipments\"\r\n value=\"volante_ajustable\"> Volante Ajustable<\/label>\r\n <label class=\"cq-equip-item\"><input type=\"checkbox\" id=\"volante_multifuncional\"\r\n name=\"equipments\" value=\"volante_multifuncional\"> Volante Multifuncional<\/label>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- PASO 4: FOTOGRAF\u00cdAS DEL VEH\u00cdCULO (OPTIMIZACI\u00d3N WEBP) -->\r\n <div class=\"cq-section-card\">\r\n <div class=\"cq-section-header\">\r\n <div class=\"cq-step-number\">4<\/div>\r\n <div>\r\n <h3 class=\"cq-section-title\">Fotograf\u00edas del veh\u00edculo (6 obligatorias)<\/h3>\r\n <p class=\"cq-section-subtitle\">* Formatos permitidos: JPG, JPEG y PNG. Peso m\u00e1ximo: 10MB por\r\n imagen. Se optimizar\u00e1n autom\u00e1ticamente para m\u00e1xima velocidad y fidelidad.<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"cq-photos-grid\">\r\n <!-- FOTO 1: FRONTAL -->\r\n <div class=\"cq-photo-card\" id=\"card-InputFileFrontal\">\r\n <div class=\"cq-photo-header\">\r\n <span class=\"cq-photo-name\">1. Frontal <span class=\"cq-req\">*<\/span><\/span>\r\n <span class=\"cq-photo-status-badge\" id=\"badge-InputFileFrontal\">Pendiente<\/span>\r\n <\/div>\r\n <div class=\"cq-photo-preview-box\">\r\n <img id=\"img-preview-InputFileFrontal\" alt=\"Foto Frontal\">\r\n <div class=\"cq-photo-placeholder\">\r\n <i class=\"fa-regular fa-image fa-2x\"><\/i>\r\n <span>Vista Frontal<\/span>\r\n <\/div>\r\n <\/div>\r\n <button type=\"button\" class=\"cq-photo-btn\" data-trigger=\"InputFileFrontal\">\r\n <i class=\"fa-solid fa-camera\"><\/i> <span class=\"btn-text\">Adjuntar foto<\/span>\r\n <\/button>\r\n <input type=\"file\" id=\"InputFileFrontal\" class=\"cq-hidden-file-input\"\r\n accept=\".jpg,.jpeg,.png,.webp,image\/jpeg,image\/png,image\/webp\">\r\n <\/div>\r\n\r\n <!-- FOTO 2: TRASERA -->\r\n <div class=\"cq-photo-card\" id=\"card-InputFileTrasero\">\r\n <div class=\"cq-photo-header\">\r\n <span class=\"cq-photo-name\">2. Trasera <span class=\"cq-req\">*<\/span><\/span>\r\n <span class=\"cq-photo-status-badge\" id=\"badge-InputFileTrasero\">Pendiente<\/span>\r\n <\/div>\r\n <div class=\"cq-photo-preview-box\">\r\n <img id=\"img-preview-InputFileTrasero\" alt=\"Foto Trasera\">\r\n <div class=\"cq-photo-placeholder\">\r\n <i class=\"fa-regular fa-image fa-2x\"><\/i>\r\n <span>Vista Trasera<\/span>\r\n <\/div>\r\n <\/div>\r\n <button type=\"button\" class=\"cq-photo-btn\" data-trigger=\"InputFileTrasero\">\r\n <i class=\"fa-solid fa-camera\"><\/i> <span class=\"btn-text\">Adjuntar foto<\/span>\r\n <\/button>\r\n <input type=\"file\" id=\"InputFileTrasero\" class=\"cq-hidden-file-input\"\r\n accept=\".jpg,.jpeg,.png,.webp,image\/jpeg,image\/png,image\/webp\">\r\n <\/div>\r\n\r\n <!-- FOTO 3: LATERAL DERECHO -->\r\n <div class=\"cq-photo-card\" id=\"card-InputFileDerecho\">\r\n <div class=\"cq-photo-header\">\r\n <span class=\"cq-photo-name\">3. Lateral Derecho <span class=\"cq-req\">*<\/span><\/span>\r\n <span class=\"cq-photo-status-badge\" id=\"badge-InputFileDerecho\">Pendiente<\/span>\r\n <\/div>\r\n <div class=\"cq-photo-preview-box\">\r\n <img id=\"img-preview-InputFileDerecho\" alt=\"Lateral Derecho\">\r\n <div class=\"cq-photo-placeholder\">\r\n <i class=\"fa-regular fa-image fa-2x\"><\/i>\r\n <span>Lado Derecho<\/span>\r\n <\/div>\r\n <\/div>\r\n <button type=\"button\" class=\"cq-photo-btn\" data-trigger=\"InputFileDerecho\">\r\n <i class=\"fa-solid fa-camera\"><\/i> <span class=\"btn-text\">Adjuntar foto<\/span>\r\n <\/button>\r\n <input type=\"file\" id=\"InputFileDerecho\" class=\"cq-hidden-file-input\"\r\n accept=\".jpg,.jpeg,.png,.webp,image\/jpeg,image\/png,image\/webp\">\r\n <\/div>\r\n\r\n <!-- FOTO 4: LATERAL IZQUIERDO -->\r\n <div class=\"cq-photo-card\" id=\"card-InputFileIzquierdo\">\r\n <div class=\"cq-photo-header\">\r\n <span class=\"cq-photo-name\">4. Lateral Izquierdo <span class=\"cq-req\">*<\/span><\/span>\r\n <span class=\"cq-photo-status-badge\" id=\"badge-InputFileIzquierdo\">Pendiente<\/span>\r\n <\/div>\r\n <div class=\"cq-photo-preview-box\">\r\n <img id=\"img-preview-InputFileIzquierdo\" alt=\"Lateral Izquierdo\">\r\n <div class=\"cq-photo-placeholder\">\r\n <i class=\"fa-regular fa-image fa-2x\"><\/i>\r\n <span>Lado Izquierdo<\/span>\r\n <\/div>\r\n <\/div>\r\n <button type=\"button\" class=\"cq-photo-btn\" data-trigger=\"InputFileIzquierdo\">\r\n <i class=\"fa-solid fa-camera\"><\/i> <span class=\"btn-text\">Adjuntar foto<\/span>\r\n <\/button>\r\n <input type=\"file\" id=\"InputFileIzquierdo\" class=\"cq-hidden-file-input\"\r\n accept=\".jpg,.jpeg,.png,.webp,image\/jpeg,image\/png,image\/webp\">\r\n <\/div>\r\n\r\n <!-- FOTO 5: INTERIOR -->\r\n <div class=\"cq-photo-card\" id=\"card-InputFileInterno\">\r\n <div class=\"cq-photo-header\">\r\n <span class=\"cq-photo-name\">5. Interior \/ Asientos <span class=\"cq-req\">*<\/span><\/span>\r\n <span class=\"cq-photo-status-badge\" id=\"badge-InputFileInterno\">Pendiente<\/span>\r\n <\/div>\r\n <div class=\"cq-photo-preview-box\">\r\n <img id=\"img-preview-InputFileInterno\" alt=\"Interior\">\r\n <div class=\"cq-photo-placeholder\">\r\n <i class=\"fa-regular fa-image fa-2x\"><\/i>\r\n <span>Tapicer\u00eda\/Interior<\/span>\r\n <\/div>\r\n <\/div>\r\n <button type=\"button\" class=\"cq-photo-btn\" data-trigger=\"InputFileInterno\">\r\n <i class=\"fa-solid fa-camera\"><\/i> <span class=\"btn-text\">Adjuntar foto<\/span>\r\n <\/button>\r\n <input type=\"file\" id=\"InputFileInterno\" class=\"cq-hidden-file-input\"\r\n accept=\".jpg,.jpeg,.png,.webp,image\/jpeg,image\/png,image\/webp\">\r\n <\/div>\r\n\r\n <!-- FOTO 6: TABLERO -->\r\n <div class=\"cq-photo-card\" id=\"card-InputFileTablero\">\r\n <div class=\"cq-photo-header\">\r\n <span class=\"cq-photo-name\">6. Tablero \/ Od\u00f3metro <span class=\"cq-req\">*<\/span><\/span>\r\n <span class=\"cq-photo-status-badge\" id=\"badge-InputFileTablero\">Pendiente<\/span>\r\n <\/div>\r\n <div class=\"cq-photo-preview-box\">\r\n <img id=\"img-preview-InputFileTablero\" alt=\"Tablero\">\r\n <div class=\"cq-photo-placeholder\">\r\n <i class=\"fa-regular fa-image fa-2x\"><\/i>\r\n <span>Tablero y Mandos<\/span>\r\n <\/div>\r\n <\/div>\r\n <button type=\"button\" class=\"cq-photo-btn\" data-trigger=\"InputFileTablero\">\r\n <i class=\"fa-solid fa-camera\"><\/i> <span class=\"btn-text\">Adjuntar foto<\/span>\r\n <\/button>\r\n <input type=\"file\" id=\"InputFileTablero\" class=\"cq-hidden-file-input\"\r\n accept=\".jpg,.jpeg,.png,.webp,image\/jpeg,image\/png,image\/webp\">\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- PASO 5: T\u00c9RMINOS Y CONDICIONES (SIN GUIONADO DE PALABRAS) -->\r\n <div class=\"cq-section-card\">\r\n <div class=\"cq-section-header\">\r\n <div class=\"cq-step-number\">5<\/div>\r\n <div>\r\n <h3 class=\"cq-section-title\">T\u00e9rminos, condiciones y comisiones<\/h3>\r\n <p class=\"cq-section-subtitle\">Normativa aplicable para la publicaci\u00f3n en la plataforma<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"cq-terms-container\" id=\"terminos-condiciones\">\r\n <p style=\"margin-top:0;\">La sola utilizaci\u00f3n del Sitio, suministrar informaci\u00f3n o fotograf\u00edas\r\n atribuye la condici\u00f3n de interesado y responsable de dicha informaci\u00f3n e implica la\r\n aceptaci\u00f3n plena y sin reservas de todas y cada una de las disposiciones y condiciones\r\n incluidas en el presente documento, y las indicadas en <a\r\n href=\"https:\/\/crediq.com\/cr\/restricciones\/\" target=\"_blank\"\r\n rel=\"noopener\">https:\/\/crediq.com\/cr\/restricciones\/<\/a> propiedad de CREDI Q INVERSIONES\r\n CR S.A., con c\u00e9dula de persona jur\u00eddica 3-101-394506, domiciliada en La Uruca, San Jos\u00e9,\r\n Costa Rica, en adelante CREDIQ.<\/p>\r\n\r\n <p><strong>PRIMERO:<\/strong> Lo aqu\u00ed dispuesto ser\u00e1 de acatamiento obligatorio. La plataforma\r\n electr\u00f3nica y los derechos derivados de la publicidad son y ser\u00e1n propiedad exclusiva de\r\n CREDIQ. CrediQ facilita de forma gratuita la plataforma electr\u00f3nica a personas f\u00edsicas o\r\n jur\u00eddicas para que promocionen veh\u00edculos de su propiedad para que sean adquiridos por\r\n terceros mediante financiamiento econ\u00f3mico con CrediQ.<\/p>\r\n\r\n <p><strong>SEGUNDO:<\/strong> El participante garantiza que el veh\u00edculo se encuentra libre de\r\n grav\u00e1menes, anotaciones e infracciones, y con los derechos de circulaci\u00f3n e inspecci\u00f3n\r\n t\u00e9cnica al d\u00eda. De venderse el veh\u00edculo con financiamiento de CREDIQ, el vendedor recibir\u00e1\r\n el monto pactado deduciendo la comisi\u00f3n aplicable seg\u00fan la siguiente tabla:<\/p>\r\n\r\n <table class=\"cq-comm-table\">\r\n <thead>\r\n <tr>\r\n <th>Precio de Venta M\u00ednimo<\/th>\r\n <th>Precio de Venta M\u00e1ximo<\/th>\r\n <th>Comisi\u00f3n Fija<\/th>\r\n <\/tr>\r\n <\/thead>\r\n <tbody>\r\n <tr>\r\n <td>$1<\/td>\r\n <td>$20,000<\/td>\r\n <td><strong>$400 USD<\/strong><\/td>\r\n <\/tr>\r\n <tr>\r\n <td>$20,001<\/td>\r\n <td>$30,000<\/td>\r\n <td><strong>$500 USD<\/strong><\/td>\r\n <\/tr>\r\n <tr>\r\n <td>$30,001<\/td>\r\n <td>$40,000<\/td>\r\n <td><strong>$600 USD<\/strong><\/td>\r\n <\/tr>\r\n <tr>\r\n <td>$40,001<\/td>\r\n <td>$100,000<\/td>\r\n <td><strong>$800 USD<\/strong><\/td>\r\n <\/tr>\r\n <\/tbody>\r\n <\/table>\r\n\r\n <p><strong>TERCERO:<\/strong> El interesado es el \u00fanico responsable de la garant\u00eda legal y vicios\r\n ocultos de acuerdo con la Ley N\u00b0 7472 y su reglamento. Autorizo a CrediQ para contactarme\r\n v\u00eda telef\u00f3nica y utilizar la informaci\u00f3n para fines comerciales y de mercadeo de conformidad\r\n con las pol\u00edticas de privacidad vigentes.<\/p>\r\n <\/div>\r\n\r\n <div class=\"cq-accept-row\">\r\n <input type=\"checkbox\" id=\"apr_check_acepto\" value=\"1\">\r\n <label for=\"apr_check_acepto\">\r\n Confirmo mi identidad, la veracidad de los datos registrados y que he le\u00eddo y acepto los <a\r\n href=\"https:\/\/digital.crediq.com\/politica-privacidad\" target=\"_blank\"\r\n rel=\"noopener\">T\u00e9rminos, Condiciones y Pol\u00edticas de Privacidad<\/a> de CrediQ Costa Rica.\r\n <\/label>\r\n <\/div>\r\n\r\n <div class=\"cq-actions-row\">\r\n <button type=\"button\" id=\"clearFormBtn\" class=\"cq-btn cq-btn-secondary\">\r\n <i class=\"fa-solid fa-rotate-left\"><\/i> Limpiar Formulario\r\n <\/button>\r\n <button type=\"button\" id=\"btnSendData\" class=\"cq-btn cq-btn-primary\">\r\n <i class=\"fa-solid fa-paper-plane\"><\/i> Publicar Mi Veh\u00edculo\r\n <\/button>\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div><!-- \/.cq-form-col -->\r\n\r\n <!-- COLUMNA DERECHA: ASIDE STICKY EN DESKTOP -->\r\n <aside class=\"cq-aside-col\" id=\"cq-aside-col\">\r\n\r\n <!-- DOCK EN ASIDE: Aqu\u00ed se reubica la barra de progreso al hacer scroll en desktop -->\r\n <div id=\"cq-progress-dock-aside\"><\/div>\r\n\r\n <!-- TARJETA DE RESUMEN DEL VEH\u00cdCULO (COMPACTA, SIN \"EN VIVO\") -->\r\n <div class=\"cq-summary-card\" id=\"cq-summary-card\">\r\n <div class=\"cq-summary-header\">\r\n <h3 class=\"cq-summary-title\">\r\n <i class=\"fa-solid fa-clipboard-check\" style=\"color:var(--cq-red);\"><\/i> Resumen del\r\n veh\u00edculo\r\n <\/h3>\r\n <\/div>\r\n\r\n <div class=\"cq-summary-main-photo\" id=\"cq-summary-main-photo\">\r\n <img id=\"summary-preview-img\" alt=\"Vista previa frontal\">\r\n <div class=\"cq-empty-photo\">\r\n <i class=\"fa-solid fa-camera fa-2x\"><\/i>\r\n <span>Foto frontal del veh\u00edculo<\/span>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"cq-summary-data-list\">\r\n <!-- Fila 1: Vendedor | C\u00e9dula (2 columnas) -->\r\n <div class=\"cq-sum-row cq-sum-2col\">\r\n <div class=\"cq-sum-col\">\r\n <span class=\"cq-sum-lbl\">Vendedor:<\/span>\r\n <span class=\"cq-sum-val\" id=\"prev-nombre-completo\">-<\/span>\r\n <\/div>\r\n <div class=\"cq-sum-col\">\r\n <span class=\"cq-sum-lbl\">C\u00e9dula:<\/span>\r\n <span class=\"cq-sum-val\" id=\"prev-documento\">-<\/span>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- Fila 2: Tel\u00e9fono | Correo (2 columnas) -->\r\n <div class=\"cq-sum-row cq-sum-2col\">\r\n <div class=\"cq-sum-col\">\r\n <span class=\"cq-sum-lbl\">Tel\u00e9fono:<\/span>\r\n <span class=\"cq-sum-val\" id=\"prev-telefono\">-<\/span>\r\n <\/div>\r\n <div class=\"cq-sum-col\">\r\n <span class=\"cq-sum-lbl\">Correo:<\/span>\r\n <span class=\"cq-sum-val\" id=\"prev-correo\" title=\"\">-<\/span>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- Fila 3: Veh\u00edculo (ancho completo) -->\r\n <div class=\"cq-sum-row cq-sum-1col\">\r\n <div class=\"cq-sum-col\">\r\n <span class=\"cq-sum-lbl\">Veh\u00edculo:<\/span>\r\n <span class=\"cq-sum-val\" id=\"prev-vehiculo-desc\">-<\/span>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- Fila 4: A\u00f1o | Placa | Kilometraje (3 columnas) -->\r\n <div class=\"cq-sum-row cq-sum-3col\">\r\n <div class=\"cq-sum-col\">\r\n <span class=\"cq-sum-lbl\">A\u00f1o:<\/span>\r\n <span class=\"cq-sum-val\" id=\"prev-anio\">-<\/span>\r\n <\/div>\r\n <div class=\"cq-sum-col\">\r\n <span class=\"cq-sum-lbl\">Placa:<\/span>\r\n <span class=\"cq-sum-val\" id=\"prev-placa\">-<\/span>\r\n <\/div>\r\n <div class=\"cq-sum-col\">\r\n <span class=\"cq-sum-lbl\">Kilometraje:<\/span>\r\n <span class=\"cq-sum-val\" id=\"prev-kilometraje\">-<\/span>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- Fila 5: Precio de Venta (siempre en rojo negrita) -->\r\n <div class=\"cq-sum-row cq-sum-price-row\">\r\n <span class=\"cq-sum-lbl\">Precio de Venta:<\/span>\r\n <span class=\"cq-sum-val cq-sum-price\" id=\"prev-precio\">$0 USD<\/span>\r\n <\/div>\r\n\r\n <!-- Fila 6: Fotos cargadas 0 de 6 -->\r\n <div class=\"cq-sum-row cq-sum-photos-row\">\r\n <span class=\"cq-sum-lbl\">Fotos cargadas:<\/span>\r\n <span class=\"cq-sum-val cq-sum-badge\" id=\"prev-fotos-conteo\">0 de 6<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div><!-- \/.cq-summary-card -->\r\n\r\n <\/aside><!-- \/.cq-aside-col -->\r\n\r\n <\/div><!-- \/.cq-main-columns -->\r\n\r\n <\/form>\r\n\r\n<\/div>\r\n\r\n\r\n<!-- ==============================================================\r\n SCRIPTS DE CONTROL, VALIDACIONES Y CONVERSI\u00d3N WEBP\r\n============================================================== -->\r\n<script type=\"text\/javascript\">\r\n \/\/ Sincronizaci\u00f3n din\u00e1mica de SEO en el <head> de WordPress\r\n (function injectDocumentSeo() {\r\n if (typeof document === 'undefined') return;\r\n if (!document.title || document.title.indexOf('CREDIQ') === -1) {\r\n document.title = \"Vende tu veh\u00edculo con CREDIQ | Publica tu auto en Costa Rica\";\r\n }\r\n var metaConfigs = [\r\n { name: 'description', content: 'Vende tu veh\u00edculo en Costa Rica con CREDIQ. Publica tu auto usado de forma r\u00e1pida y segura. Con\u00e9ctate con compradores y ofrece financiamiento Grupo Q.' },\r\n { name: 'keywords', content: 'vende tu vehiculo con crediq, vender vehiculo crediq, vender auto costa rica, vender carro costa rica, publicar auto usado, crediq costa rica, venta de autos usados cr, financiamiento vehiculos costa rica, grupo q usados' },\r\n { property: 'og:title', content: 'Vende tu veh\u00edculo con CREDIQ | Publica tu auto en Costa Rica' },\r\n { property: 'og:description', content: 'Publica tu auto usado de forma r\u00e1pida y segura en Costa Rica con el respaldo de CREDIQ y Grupo Q. Opciones de financiamiento \u00e1gil para los compradores.' },\r\n { property: 'og:type', content: 'website' }\r\n ];\r\n metaConfigs.forEach(function (tag) {\r\n var selector = tag.name ? 'meta[name=\"' + tag.name + '\"]' : 'meta[property=\"' + tag.property + '\"]';\r\n var el = document.querySelector(selector);\r\n if (!el) {\r\n el = document.createElement('meta');\r\n if (tag.name) el.setAttribute('name', tag.name);\r\n if (tag.property) el.setAttribute('property', tag.property);\r\n document.head.appendChild(el);\r\n }\r\n if (!el.getAttribute('content')) {\r\n el.setAttribute('content', tag.content);\r\n }\r\n });\r\n })();\r\n\r\n (function ($) {\r\n $(function () {\r\n \"use strict\";\r\n\r\n \/\/ Almac\u00e9n en memoria para los 6 archivos WebP procesados\r\n const archivosOptimizados = {\r\n InputFileFrontal: null,\r\n InputFileTrasero: null,\r\n InputFileDerecho: null,\r\n InputFileIzquierdo: null,\r\n InputFileInterno: null,\r\n InputFileTablero: null\r\n };\r\n\r\n const configFotos = {\r\n InputFileFrontal: { nombre: 'Frontal', req: true },\r\n InputFileTrasero: { nombre: 'Trasera', req: true },\r\n InputFileDerecho: { nombre: 'Lateral Derecho', req: true },\r\n InputFileIzquierdo: { nombre: 'Lateral Izquierdo', req: true },\r\n InputFileInterno: { nombre: 'Interior', req: true },\r\n InputFileTablero: { nombre: 'Tablero', req: true }\r\n };\r\n\r\n \/* ==============================================================\r\n 1. M\u00d3DULO DE OPTIMIZACI\u00d3N H\u00cdBRIDA A WEBP (CANVAS)\r\n - Elimina PDF\r\n - Escala m\u00e1x 1920px (tanto en ancho como en alto) conservando proporciones\r\n - Soporte para fotos horizontales y verticales (ej. 1920x2560 -> 1440x1920)\r\n - Compresi\u00f3n WebP 85% calidad\r\n ============================================================== *\/\r\n function formatBytes(bytes) {\r\n if (!bytes || bytes === 0) return '0 B';\r\n const k = 1024;\r\n const sizes = ['B', 'KB', 'MB', 'GB'];\r\n const i = Math.floor(Math.log(bytes) \/ Math.log(k));\r\n return parseFloat((bytes \/ Math.pow(k, i)).toFixed(1)) + ' ' + sizes[i];\r\n }\r\n\r\n function procesarImagenAWebp(file, maxDimension = 1920, calidad = 0.85) {\r\n return new Promise((resolve, reject) => {\r\n if (!file) {\r\n return reject(new Error('No se seleccion\u00f3 ning\u00fan archivo.'));\r\n }\r\n\r\n \/\/ Rechazar estrictamente PDFs y formatos no soportados\r\n const nombreArchivo = (file.name || '').toLowerCase();\r\n const esPdf = file.type === 'application\/pdf' || nombreArchivo.endsWith('.pdf');\r\n const extValidas = ['.jpg', '.jpeg', '.png', '.webp'];\r\n const tieneExtValida = extValidas.some(ext => nombreArchivo.endsWith(ext));\r\n const tiposValidos = ['image\/jpeg', 'image\/jpg', 'image\/png', 'image\/webp', 'image\/pjpeg', 'image\/x-png'];\r\n const tieneTipoValido = tiposValidos.includes(file.type);\r\n\r\n if (esPdf || (!tieneTipoValido && !tieneExtValida)) {\r\n return reject(new Error('Solo se permiten im\u00e1genes en formato JPG, JPEG o PNG. Los archivos PDF no est\u00e1n permitidos.'));\r\n }\r\n\r\n \/\/ L\u00edmite de 10 MB por archivo original\r\n if (file.size > 10 * 1024 * 1024) {\r\n return reject(new Error('La imagen seleccionada supera el l\u00edmite m\u00e1ximo permitido de 10 MB.'));\r\n }\r\n\r\n const lector = new FileReader();\r\n lector.onload = function (e) {\r\n const img = new Image();\r\n img.onload = function () {\r\n let ancho = img.naturalWidth || img.width;\r\n let alto = img.naturalHeight || img.height;\r\n\r\n \/\/ Redimensi\u00f3n proporcional bidireccional (m\u00e1ximo 1920px en la dimensi\u00f3n mayor)\r\n if (ancho > maxDimension || alto > maxDimension) {\r\n if (ancho >= alto) {\r\n \/\/ Horizontal o cuadrada: limitar ancho y escalar alto\r\n alto = Math.round((alto * maxDimension) \/ ancho);\r\n ancho = maxDimension;\r\n } else {\r\n \/\/ Vertical: limitar alto y escalar ancho (ej. 1920x2560 -> 1440x1920)\r\n ancho = Math.round((ancho * maxDimension) \/ alto);\r\n alto = maxDimension;\r\n }\r\n }\r\n\r\n const canvas = document.createElement('canvas');\r\n canvas.width = ancho;\r\n canvas.height = alto;\r\n const ctx = canvas.getContext('2d');\r\n\r\n \/\/ Suavizado bic\u00fabico de alta fidelidad\r\n ctx.imageSmoothingEnabled = true;\r\n ctx.imageSmoothingQuality = 'high';\r\n ctx.drawImage(img, 0, 0, ancho, alto);\r\n\r\n canvas.toBlob(function (blob) {\r\n if (!blob) {\r\n return reject(new Error('No fue posible procesar y optimizar la imagen.'));\r\n }\r\n const baseNombre = file.name.substring(0, file.name.lastIndexOf('.')) || file.name;\r\n let archivoWebp;\r\n try {\r\n archivoWebp = new File([blob], `${baseNombre}.webp`, {\r\n type: 'image\/webp',\r\n lastModified: Date.now()\r\n });\r\n } catch (err) {\r\n archivoWebp = blob;\r\n archivoWebp.name = `${baseNombre}.webp`;\r\n archivoWebp.lastModifiedDate = new Date();\r\n }\r\n\r\n resolve({\r\n archivo: archivoWebp,\r\n previewUrl: canvas.toDataURL('image\/webp', calidad),\r\n anchoFinal: ancho,\r\n altoFinal: alto,\r\n bytesOriginales: file.size,\r\n bytesFinales: blob.size\r\n });\r\n }, 'image\/webp', calidad);\r\n };\r\n img.onerror = function () {\r\n reject(new Error('La imagen no pudo procesarse o est\u00e1 corrupta.'));\r\n };\r\n img.src = e.target.result;\r\n };\r\n lector.onerror = function () {\r\n reject(new Error('Error al leer el archivo en el navegador.'));\r\n };\r\n lector.readAsDataURL(file);\r\n });\r\n }\r\n\r\n \/* ==============================================================\r\n 2. EVENTOS DE CARGA DE IM\u00c1GENES\r\n ============================================================== *\/\r\n $('.cq-photo-btn').on('click', function () {\r\n const inputId = $(this).data('trigger');\r\n $('#' + inputId).trigger('click');\r\n });\r\n\r\n $('.cq-hidden-file-input').on('change', async function () {\r\n const input = this;\r\n const inputId = input.id;\r\n const file = input.files && input.files[0];\r\n const card = $('#card-' + inputId);\r\n const badge = $('#badge-' + inputId);\r\n const previewImg = $('#img-preview-' + inputId);\r\n const placeholder = card.find('.cq-photo-placeholder');\r\n const btn = card.find('.cq-photo-btn');\r\n\r\n if (!file) return;\r\n\r\n showLoader('Optimizando imagen a WebP...');\r\n\r\n try {\r\n const resultado = await procesarImagenAWebp(file, 1920, 0.85);\r\n\r\n \/\/ Guardar el archivo WebP en memoria\r\n archivosOptimizados[inputId] = resultado.archivo;\r\n\r\n \/\/ Ocultar placeholder expl\u00edcitamente y mostrar la imagen\r\n placeholder.hide();\r\n previewImg.attr('src', resultado.previewUrl).show();\r\n\r\n \/\/ Actualizar clases de la tarjeta (ambas para compatibilidad total)\r\n card.addClass('is-filled has-image');\r\n\r\n \/\/ Mostrar badge indicando el formato WebP y tama\u00f1o optimizado\r\n const tamanoOptimizado = formatBytes(resultado.bytesFinales);\r\n badge.html(`<i class=\"fa-solid fa-check\"><\/i> WebP (${tamanoOptimizado})`);\r\n btn.find('.btn-text').text('Cambiar foto');\r\n\r\n \/\/ Si es la frontal, actualizar la foto principal del resumen\r\n if (inputId === 'InputFileFrontal') {\r\n $('#summary-preview-img').attr('src', resultado.previewUrl);\r\n $('#cq-summary-main-photo').addClass('has-photo');\r\n }\r\n\r\n \/\/ Recalcular avance\r\n actualizarProgresoFormulario();\r\n\r\n } catch (error) {\r\n \/\/ Limpiar input en caso de error o formato inv\u00e1lido\r\n $(input).val('');\r\n archivosOptimizados[inputId] = null;\r\n card.removeClass('is-filled has-image');\r\n placeholder.show();\r\n badge.text('Pendiente');\r\n previewImg.attr('src', '').hide();\r\n btn.find('.btn-text').text('Adjuntar foto');\r\n\r\n if (inputId === 'InputFileFrontal') {\r\n $('#summary-preview-img').attr('src', '');\r\n $('#cq-summary-main-photo').removeClass('has-photo');\r\n }\r\n\r\n Swal.fire({\r\n icon: 'warning',\r\n title: 'Formato no admitido',\r\n text: error.message,\r\n confirmButtonColor: '#d0151a'\r\n });\r\n } finally {\r\n hideLoader();\r\n }\r\n });\r\n\r\n \/* ==============================================================\r\n 3. C\u00c1LCULO DE LA BARRA DE AVANCE DIN\u00c1MICA\r\n ============================================================== *\/\r\n function actualizarProgresoFormulario() {\r\n let puntos = 0;\r\n const totalPuntos = 100;\r\n\r\n \/\/ Datos Personales (24 puntos totales con campos obligatorios)\r\n const nombreVal = $.trim($('#nombreTxt').val());\r\n const apellidoVal = $.trim($('#apellidoTxt').val());\r\n const docVal = $.trim($('#documentoTxt').val());\r\n const correoVal = $.trim($('#correoTxt').val());\r\n const telVal = cleanDigits($('#telefonoTxt').val());\r\n\r\n if (nombreVal.length >= 3) puntos += 5;\r\n if (apellidoVal.length >= 3) puntos += 5;\r\n if (validarDocumentoIdentidad(docVal).valido) puntos += 4;\r\n if (validarRegexCorreo(correoVal)) puntos += 5;\r\n if (telVal.length === 8) puntos += 5;\r\n\r\n \/\/ Datos del Veh\u00edculo (36 puntos totales - 3 pts c\/u)\r\n if ($('#tipoVehiculoSelect').val()) puntos += 3;\r\n if ($('#tipoCombustibleSelect').val()) puntos += 3;\r\n const precio = parseInt($('#precioVentaTxt').val(), 10);\r\n if (!isNaN(precio) && precio >= 1000 && precio <= 100000) puntos += 4;\r\n if ($('#marcaSelect').val()) puntos += 4;\r\n if ($('#modeloTxt').val()) puntos += 4;\r\n if ($('#anioSelect').val()) puntos += 4;\r\n if ($.trim($('#placaTxt').val())) puntos += 4;\r\n if ($.trim($('#cilindrajeTxt').val())) puntos += 3;\r\n const km = parseInt($('#kilometrajeTxt').val(), 10);\r\n if (!isNaN(km) && km > 0) puntos += 3;\r\n if ($.trim($('#descripcionTxt').val()).length >= 10) puntos += 4;\r\n\r\n \/\/ Equipamiento (5 puntos)\r\n const countEquip = $('input[name=\"equipments\"]:checked').length;\r\n if (countEquip > 0) puntos += 5;\r\n\r\n \/\/ Fotograf\u00edas WebP (30 puntos - 5 pts c\/u)\r\n let fotosCargadas = 0;\r\n Object.keys(archivosOptimizados).forEach(key => {\r\n if (archivosOptimizados[key] !== null) {\r\n fotosCargadas++;\r\n puntos += 5;\r\n }\r\n });\r\n\r\n \/\/ T\u00e9rminos y condiciones (5 puntos)\r\n if ($('#apr_check_acepto').is(':checked')) {\r\n puntos += 5;\r\n }\r\n\r\n puntos = Math.min(puntos, totalPuntos);\r\n\r\n \/\/ Actualizar la interfaz de la barra\r\n $('#cq-progress-fill').css('width', puntos + '%');\r\n $('#cq-progress-badge').text(puntos + '%');\r\n\r\n \/\/ Actualizar texto de etapa\r\n let etapaTexto = 'Paso 1: Completa tus datos personales';\r\n if (puntos >= 24 && puntos < 60) {\r\n etapaTexto = 'Paso 2: Ingresa los datos del veh\u00edculo';\r\n } else if (puntos >= 60 && puntos < 70) {\r\n etapaTexto = 'Paso 3: Selecciona el equipamiento';\r\n } else if (puntos >= 70 && puntos < 95) {\r\n etapaTexto = 'Paso 4: Adjunta las 6 fotograf\u00edas requeridas';\r\n } else if (puntos >= 95 && puntos < 100) {\r\n etapaTexto = 'Paso 5: Acepta los t\u00e9rminos y condiciones';\r\n } else if (puntos === 100) {\r\n etapaTexto = '\u00a1Formulario completo! Listo para publicar';\r\n }\r\n $('#cq-progress-stage-text').text(etapaTexto);\r\n\r\n \/\/ Actualizar resumen en vivo\r\n actualizarResumenEnVivo(fotosCargadas);\r\n }\r\n\r\n \/* ==============================================================\r\n 4. ACTUALIZACI\u00d3N DEL RESUMEN EN VIVO (SIDEBAR)\r\n ============================================================== *\/\r\n function actualizarResumenEnVivo(fotosCargadas) {\r\n const nom = $.trim($('#nombreTxt').val());\r\n const ape = $.trim($('#apellidoTxt').val());\r\n $('#prev-nombre-completo').text(nom || ape ? `${nom} ${ape}`.trim() : '-');\r\n\r\n $('#prev-documento').text($.trim($('#documentoTxt').val()) || '-');\r\n $('#prev-telefono').text($('#telefonoTxt').val() || '-');\r\n $('#prev-correo').text($.trim($('#correoTxt').val()) || '-');\r\n\r\n const marcaTxt = $('#marcaSelect option:selected').text();\r\n const modeloTxt = $('#modeloTxt option:selected').text();\r\n if ($('#marcaSelect').val() && $('#modeloTxt').val()) {\r\n $('#prev-vehiculo-desc').text(`${marcaTxt} ${modeloTxt}`);\r\n } else {\r\n $('#prev-vehiculo-desc').text('-');\r\n }\r\n\r\n $('#prev-anio').text($('#anioSelect').val() || '-');\r\n $('#prev-placa').text($.trim($('#placaTxt').val()).toUpperCase() || '-');\r\n\r\n const km = $('#kilometrajeTxt').val();\r\n $('#prev-kilometraje').text(km ? `${Number(km).toLocaleString()} km` : '-');\r\n\r\n const precio = $('#precioVentaTxt').val();\r\n $('#prev-precio').text(precio ? `$${Number(precio).toLocaleString()} USD` : '$0 USD');\r\n\r\n $('#prev-fotos-conteo').text(`${fotosCargadas || 0} de 6`);\r\n }\r\n\r\n \/* ==============================================================\r\n 5. FORMATEADORES, M\u00c1SCARAS E INPUTS EST\u00c1NDAR\r\n ============================================================== *\/\r\n function cleanDigits(val) {\r\n return (val || '').toString().replace(\/\\D\/g, '');\r\n }\r\n\r\n function formatPhoneCR(input) {\r\n let digits = cleanDigits(input.value).slice(0, 8);\r\n if (digits.length > 4) {\r\n input.value = digits.slice(0, 4) + '-' + digits.slice(4);\r\n } else {\r\n input.value = digits;\r\n }\r\n }\r\n\r\n $('#telefonoTxt, #telefonoAdicionalTxt').on('input', function () {\r\n formatPhoneCR(this);\r\n actualizarProgresoFormulario();\r\n });\r\n\r\n $('#versionTxt, #placaTxt').on('input', function () {\r\n this.value = this.value.toUpperCase();\r\n actualizarProgresoFormulario();\r\n });\r\n\r\n \/\/ Toggle visual de equipamientos\r\n $('input[name=\"equipments\"]').on('change', function () {\r\n $(this).closest('.cq-equip-item').toggleClass('active', this.checked);\r\n actualizarProgresoFormulario();\r\n });\r\n\r\n \/\/ Escucha reactiva en todos los inputs\r\n $('#nombreTxt, #apellidoTxt, #documentoTxt, #correoTxt, #precioVentaTxt, #cilindrajeTxt, #kilometrajeTxt, #descripcionTxt, #tipoVehiculoSelect, #tipoCombustibleSelect, #anioSelect, #apr_check_acepto').on('input change', function () {\r\n actualizarProgresoFormulario();\r\n });\r\n\r\n function validarRegexCorreo(email) {\r\n const re = \/^[a-zA-Z0-9._%+-]+@[a-zA-Z0-9.-]+\\.[a-zA-Z]{2,}$\/;\r\n return re.test(String(email).toLowerCase());\r\n }\r\n\r\n function validarDocumentoIdentidad(doc) {\r\n if (!doc) return { valido: false, mensaje: 'Por favor ingresa tu c\u00e9dula o documento de identidad.' };\r\n const limpio = doc.toString().replace(\/[\\s\\-_.]\/g, '').toUpperCase();\r\n if (limpio.length < 8) {\r\n return { valido: false, mensaje: 'El documento de identidad debe tener al menos 8 d\u00edgitos o caracteres.' };\r\n }\r\n\r\n \/\/ Rechazar si todos los d\u00edgitos o caracteres son id\u00e9nticos (ej. 0000000000, 1111111111)\r\n if (\/^(.)\\1+$\/.test(limpio)) {\r\n return { valido: false, mensaje: 'Por favor ingresa un n\u00famero de c\u00e9dula v\u00e1lido (no se permiten n\u00fameros repetitivos).' };\r\n }\r\n\r\n \/\/ Lista negra expl\u00edcita de dummies, secuencias y valores de ejemplo\r\n const blacklist = [\r\n '0000000000', '1111111111', '2222222222', '3333333333', '4444444444',\r\n '5555555555', '6666666666', '7777777777', '8888888888', '9999999999',\r\n '0123456789', '12345678910', '1234567890', '123456789', '12345678',\r\n '9876543210', '987654321', '876543210', '87654321',\r\n '10234567', '102340567', '102345678', '1023405678',\r\n '123123123', '1122334455', '0102030405', '12341234', '11111111'\r\n ];\r\n if (blacklist.includes(limpio)) {\r\n return { valido: false, mensaje: 'El n\u00famero de documento ingresado corresponde a un formato de prueba no v\u00e1lido.' };\r\n }\r\n\r\n \/\/ Rechazar secuencias num\u00e9ricas consecutivas ascendentes o descendentes (ej. 0123456789, 12345678, 98765432)\r\n let esAscendente = true;\r\n let esDescendente = true;\r\n for (let i = 1; i < limpio.length; i++) {\r\n const prev = parseInt(limpio[i - 1], 10);\r\n const curr = parseInt(limpio[i], 10);\r\n if (isNaN(prev) || isNaN(curr)) {\r\n esAscendente = false;\r\n esDescendente = false;\r\n break;\r\n }\r\n if (curr !== (prev + 1) % 10) esAscendente = false;\r\n if (curr !== (prev - 1 + 10) % 10) esDescendente = false;\r\n }\r\n if ((esAscendente || esDescendente) && limpio.length >= 7) {\r\n return { valido: false, mensaje: 'Por favor ingresa un n\u00famero de c\u00e9dula real (no se permiten secuencias consecutivas).' };\r\n }\r\n\r\n return { valido: true };\r\n }\r\n\r\n \/* ==============================================================\r\n 6. CAT\u00c1LOGOS DIN\u00c1MICOS DE MARCAS, MODELOS Y A\u00d1OS\r\n ============================================================== *\/\r\n let catalogoMarcas = [];\r\n let catalogoModelos = [];\r\n\r\n function generarSelectorAnios() {\r\n const anioActual = new Date().getFullYear();\r\n const select = $('#anioSelect');\r\n select.empty().append('<option value=\"\">Seleccione a\u00f1o<\/option>');\r\n\r\n const lista = [];\r\n for (let i = anioActual - 10; i <= anioActual + 1; i++) {\r\n lista.push(i);\r\n }\r\n lista.sort((a, b) => b - a); \/\/ Orden descendente\r\n\r\n lista.forEach(year => {\r\n select.append(`<option value=\"${year}\">${year}<\/option>`);\r\n });\r\n }\r\n\r\n function doWPRequest(data) {\r\n return new Promise(function (resolve, reject) {\r\n $.ajax({\r\n url: \"\/wp-content\/themes\/flatsome\/commons\/WPRequestHandler.php\",\r\n type: \"POST\",\r\n data: data,\r\n beforeSend: function () { showLoader('Cargando datos...'); },\r\n success: function (resp) {\r\n try {\r\n const parsed = (typeof resp === 'object') ? resp : JSON.parse(resp);\r\n if (parsed['process-status'] === 'ok' || parsed['process-status']) {\r\n resolve(parsed);\r\n } else {\r\n reject(parsed.message || 'Error al obtener datos');\r\n }\r\n } catch (e) {\r\n reject('Respuesta no v\u00e1lida del servidor');\r\n }\r\n },\r\n error: function (err) {\r\n reject(err);\r\n },\r\n complete: function () {\r\n hideLoader();\r\n }\r\n });\r\n });\r\n }\r\n\r\n function cargarMarcas() {\r\n const params = {\r\n method: \"obtener_marcas\",\r\n pais: \"CR\",\r\n tipoVehiculo: \"Vehiculos\"\r\n };\r\n return doWPRequest(params).then(res => {\r\n catalogoMarcas = res.data || [];\r\n const select = $('#marcaSelect');\r\n select.empty().append('<option value=\"\">Seleccione marca<\/option>');\r\n if (catalogoMarcas.length > 0) {\r\n catalogoMarcas.forEach(val => {\r\n const optVal = `${val.id},${val.marca}`;\r\n select.append(`<option value=\"${optVal}\">${val.marca}<\/option>`);\r\n });\r\n }\r\n }).catch(e => {\r\n console.error(\"Error al cargar marcas\", e);\r\n $('#marcaSelect').html('<option value=\"\">Error al cargar marcas<\/option>');\r\n });\r\n }\r\n\r\n $('#marcaSelect').on('change', function () {\r\n const marcaVal = $(this).val();\r\n const selectModelos = $('#modeloTxt');\r\n selectModelos.empty().append('<option value=\"\">Cargando modelos...<\/option>');\r\n\r\n if (!marcaVal) {\r\n selectModelos.html('<option value=\"\">Seleccione una marca primero<\/option>');\r\n actualizarProgresoFormulario();\r\n return;\r\n }\r\n\r\n const parts = marcaVal.split(',');\r\n const idMarca = parts[0];\r\n\r\n const params = {\r\n method: \"obtener_modelos\",\r\n pais: \"CR\",\r\n marca: idMarca\r\n };\r\n\r\n doWPRequest(params).then(res => {\r\n catalogoModelos = res.data || [];\r\n selectModelos.empty().append('<option value=\"\">Seleccione modelo<\/option>');\r\n if (catalogoModelos.length > 0) {\r\n catalogoModelos.forEach(m => {\r\n selectModelos.append(`<option value=\"${m.modelo}\">${m.modelo}<\/option>`);\r\n });\r\n } else {\r\n selectModelos.append('<option value=\"\">No hay modelos disponibles<\/option>');\r\n }\r\n actualizarProgresoFormulario();\r\n }).catch(err => {\r\n console.error(err);\r\n selectModelos.html('<option value=\"\">Error al cargar modelos<\/option>');\r\n });\r\n });\r\n\r\n $('#modeloTxt').on('change', function () {\r\n actualizarProgresoFormulario();\r\n });\r\n\r\n \/* ==============================================================\r\n 7. ENV\u00cdO Y VALIDACI\u00d3N DEL FORMULARIO\r\n ============================================================== *\/\r\n $('#btnSendData').on('click', function (e) {\r\n e.preventDefault();\r\n\r\n \/\/ 1. Datos Personales\r\n const nombre = $.trim($('#nombreTxt').val());\r\n const apellido = $.trim($('#apellidoTxt').val());\r\n const documento = $.trim($('#documentoTxt').val());\r\n const correo = $.trim($('#correoTxt').val());\r\n const telefono = cleanDigits($('#telefonoTxt').val());\r\n const telefonoAdicional = cleanDigits($('#telefonoAdicionalTxt').val());\r\n\r\n if (nombre.length < 3) {\r\n alertaError('Por favor ingresa tu nombre (m\u00ednimo 3 caracteres).', '#nombreTxt');\r\n return false;\r\n }\r\n if (apellido.length < 3) {\r\n alertaError('Por favor ingresa tus apellidos (m\u00ednimo 3 caracteres).', '#apellidoTxt');\r\n return false;\r\n }\r\n const valDoc = validarDocumentoIdentidad(documento);\r\n if (!valDoc.valido) {\r\n alertaError(valDoc.mensaje, '#documentoTxt');\r\n return false;\r\n }\r\n if (!validarRegexCorreo(correo)) {\r\n alertaError('Por favor ingresa un correo electr\u00f3nico v\u00e1lido (ej. usuario@dominio.com).', '#correoTxt');\r\n return false;\r\n }\r\n if (telefono.length !== 8) {\r\n alertaError('El tel\u00e9fono principal debe contener exactamente 8 d\u00edgitos.', '#telefonoTxt');\r\n return false;\r\n }\r\n if (telefonoAdicional.length > 0 && telefonoAdicional.length !== 8) {\r\n alertaError('El tel\u00e9fono secundario debe contener exactamente 8 d\u00edgitos.', '#telefonoAdicionalTxt');\r\n return false;\r\n }\r\n\r\n \/\/ 2. Datos del Veh\u00edculo\r\n const tipoVehiculo = $('#tipoVehiculoSelect').val();\r\n const tipoCombustible = $('#tipoCombustibleSelect').val();\r\n const precioVenta = parseInt($('#precioVentaTxt').val(), 10);\r\n const marcaRaw = $('#marcaSelect').val();\r\n const modelo = $('#modeloTxt').val();\r\n const version = $.trim($('#versionTxt').val());\r\n const anio = $('#anioSelect').val();\r\n const placa = $.trim($('#placaTxt').val()).toUpperCase();\r\n const cilindraje = $.trim($('#cilindrajeTxt').val());\r\n const kilometraje = parseInt($('#kilometrajeTxt').val(), 10);\r\n const descripcion = $.trim($('#descripcionTxt').val());\r\n\r\n if (!tipoVehiculo) {\r\n alertaError('Favor seleccionar el tipo de veh\u00edculo.', '#tipoVehiculoSelect');\r\n return false;\r\n }\r\n if (!tipoCombustible) {\r\n alertaError('Favor seleccionar el tipo de combustible.', '#tipoCombustibleSelect');\r\n return false;\r\n }\r\n if (isNaN(precioVenta) || precioVenta < 1000 || precioVenta > 100000) {\r\n alertaError('El precio de venta debe situarse entre $1,000 y $100,000 USD.', '#precioVentaTxt');\r\n return false;\r\n }\r\n if (!marcaRaw) {\r\n alertaError('Favor seleccionar la marca del veh\u00edculo.', '#marcaSelect');\r\n return false;\r\n }\r\n const marcaNombre = marcaRaw.split(',')[1] || marcaRaw;\r\n\r\n if (!modelo) {\r\n alertaError('Favor seleccionar el modelo del veh\u00edculo.', '#modeloTxt');\r\n return false;\r\n }\r\n if (!anio) {\r\n alertaError('Favor seleccionar el a\u00f1o del veh\u00edculo.', '#anioSelect');\r\n return false;\r\n }\r\n if (!placa) {\r\n alertaError('Favor ingresar la placa del veh\u00edculo.', '#placaTxt');\r\n return false;\r\n }\r\n if (!cilindraje) {\r\n alertaError('Favor ingresar el cilindraje del motor.', '#cilindrajeTxt');\r\n return false;\r\n }\r\n if (isNaN(kilometraje) || kilometraje <= 0) {\r\n alertaError('Favor ingresar el kilometraje del veh\u00edculo.', '#kilometrajeTxt');\r\n return false;\r\n }\r\n if (!descripcion) {\r\n alertaError('Favor ingresar una descripci\u00f3n detallada del veh\u00edculo.', '#descripcionTxt');\r\n return false;\r\n }\r\n\r\n \/\/ 3. Validaci\u00f3n de las 6 Fotograf\u00edas WebP\r\n if (!archivosOptimizados.InputFileFrontal) {\r\n alertaError('Debes adjuntar la fotograf\u00eda frontal del veh\u00edculo.', '#InputFileFrontal');\r\n return false;\r\n }\r\n if (!archivosOptimizados.InputFileTrasero) {\r\n alertaError('Debes adjuntar la fotograf\u00eda trasera del veh\u00edculo.', '#InputFileTrasero');\r\n return false;\r\n }\r\n if (!archivosOptimizados.InputFileDerecho) {\r\n alertaError('Debes adjuntar la fotograf\u00eda del lateral derecho.', '#InputFileDerecho');\r\n return false;\r\n }\r\n if (!archivosOptimizados.InputFileIzquierdo) {\r\n alertaError('Debes adjuntar la fotograf\u00eda del lateral izquierdo.', '#InputFileIzquierdo');\r\n return false;\r\n }\r\n if (!archivosOptimizados.InputFileInterno) {\r\n alertaError('Debes adjuntar la fotograf\u00eda interna o asientos del veh\u00edculo.', '#InputFileInterno');\r\n return false;\r\n }\r\n if (!archivosOptimizados.InputFileTablero) {\r\n alertaError('Debes adjuntar la fotograf\u00eda del tablero o controles.', '#InputFileTablero');\r\n return false;\r\n }\r\n\r\n \/\/ 4. T\u00e9rminos y Condiciones\r\n if (!$('#apr_check_acepto').is(':checked')) {\r\n alertaError('Debes confirmar tu identidad y aceptar los t\u00e9rminos, condiciones y pol\u00edticas de privacidad.', '#apr_check_acepto');\r\n return false;\r\n }\r\n\r\n \/\/ 5. Construcci\u00f3n de FormData compatible con publishVehicle.php\r\n const formData = new FormData();\r\n formData.append(\"country\", \"CR\");\r\n formData.append(\"nombre\", nombre);\r\n formData.append(\"apellido\", apellido);\r\n formData.append(\"ndocumento\", documento);\r\n formData.append(\"correo\", correo);\r\n formData.append(\"telefono\", telefono);\r\n formData.append(\"telefonoAdicional\", telefonoAdicional);\r\n formData.append(\"tipvehiculo\", tipoVehiculo);\r\n formData.append(\"combustible\", tipoCombustible);\r\n formData.append(\"precioventa\", precioVenta);\r\n formData.append(\"marca\", marcaNombre);\r\n formData.append(\"modelo\", modelo);\r\n formData.append(\"version\", version);\r\n formData.append(\"ano\", anio);\r\n formData.append(\"placa\", placa);\r\n formData.append(\"cilindraje\", cilindraje);\r\n formData.append(\"kilometraje\", kilometraje);\r\n formData.append(\"descProd\", descripcion);\r\n\r\n \/\/ Inyecci\u00f3n de los 39 equipamientos\r\n const mapeoEquipIds = {\r\n acondic: 'aire_acondicionado',\r\n aclimatizado: 'aire_acondicionado_climatizado',\r\n alarma: 'alarma',\r\n alujo: 'aros_de_lujo',\r\n acmemoria: 'asiento_con_memoria',\r\n aelect: 'asientos_electricos',\r\n bluetooth: 'bluetooth',\r\n baire: 'bolsa_de_aire',\r\n cdual: 'caja_de_cambios_dual',\r\n cassette: 'androidcar',\r\n androidcar: 'androidcar',\r\n ccentral: 'cierre_central',\r\n cviajes: 'computadora_de_viajes',\r\n cdescenso: 'control_de_descenso',\r\n cvolante: 'control_de_radio_en_el_volante',\r\n celectronico: 'control_electronico_de_estabilidad',\r\n ccontrol: 'cruise_control',\r\n cretroceso: 'camara_de_retroceso',\r\n dtrasero: 'desempe\u00f1ador_trasero',\r\n dhidra: 'direccion_hidraulica',\r\n dcompacto: 'applecar',\r\n applecar: 'applecar',\r\n eelect: 'espejos_electricos',\r\n fabs: 'frenos_abs',\r\n halo: 'halogenos',\r\n larranque: 'llave_inteligente_boto_de_arranque',\r\n lxenon: 'luces_de_xenon_bixenon',\r\n mpresion: 'monitor_de_presion_de_llantas',\r\n rusb: 'radio_con_usb_aux',\r\n rautoretract: 'retrovisores_auto_retractiles',\r\n rtecnica: 'revision_tecnica_al_dia',\r\n slluvia: 'sensor_de_lluvia',\r\n sretroceso: 'sensores_de_retroceso',\r\n sfrontales: 'sensores_frontales',\r\n sunroof: 'sunroof_techo_panoramico',\r\n tcuero: 'tapiceria_de_cuero',\r\n turbo: 'turbo',\r\n velect: 'vidrios_electricos',\r\n vtintados: 'vidrios_tintados',\r\n vajustable: 'volante_ajustable',\r\n vmulti: 'volante_multifuncional'\r\n };\r\n\r\n Object.keys(mapeoEquipIds).forEach(paramKey => {\r\n const elId = mapeoEquipIds[paramKey];\r\n const checked = $('#' + elId).is(':checked') ? 1 : 0;\r\n formData.append(paramKey, checked);\r\n });\r\n\r\n \/\/ Compatibilidad espec\u00edfica con ACF (Advanced Custom Fields)\r\n const isAndroidCar = $('#androidcar').is(':checked') ? 1 : 0;\r\n const isAppleCar = $('#applecar').is(':checked') ? 1 : 0;\r\n formData.append(\"field_64b565f51a38c\", isAndroidCar);\r\n formData.append(\"acf[field_64b565f51a38c]\", isAndroidCar);\r\n formData.append(\"field_64b566031a38d\", isAppleCar);\r\n formData.append(\"acf[field_64b566031a38d]\", isAppleCar);\r\n\r\n formData.append(\"vendedor\", \"Feria\");\r\n formData.append(\"tipo_de_vendedor\", \"Veh\u00edculo Feria\");\r\n\r\n \/\/ Adjuntar los archivos WebP procesados (Livianos y con nombre .webp)\r\n formData.append(\"sfoto\", archivosOptimizados.InputFileFrontal);\r\n formData.append(\"foto_extra_1\", archivosOptimizados.InputFileTrasero);\r\n formData.append(\"foto_extra_2\", archivosOptimizados.InputFileDerecho);\r\n formData.append(\"foto_extra_3\", archivosOptimizados.InputFileIzquierdo);\r\n formData.append(\"foto_extra_4\", archivosOptimizados.InputFileInterno);\r\n formData.append(\"foto_extra_5\", archivosOptimizados.InputFileTablero);\r\n\r\n showLoader('Verificando informaci\u00f3n del veh\u00edculo...');\r\n\r\n \/\/ Paso A: Validar si la placa ya existe en el sistema\r\n $.ajax({\r\n type: \"POST\",\r\n url: \"\/wp-content\/themes\/flatsome\/php\/validarPublicarVehiculo.php\",\r\n contentType: false,\r\n processData: false,\r\n data: formData,\r\n success: function (resp) {\r\n if (parseInt(resp, 10) === 1) {\r\n hideLoader();\r\n Swal.fire({\r\n icon: 'info',\r\n title: 'Veh\u00edculo ya registrado',\r\n html: '<b>\u00a1Ups! Ya tenemos un registro de este veh\u00edculo con la placa proporcionada en nuestro sistema.<\/b><br><br>Por favor, verifica la informaci\u00f3n antes de continuar.',\r\n confirmButtonColor: '#d0151a'\r\n });\r\n } else {\r\n \/\/ Paso B: Publicar veh\u00edculo\r\n showLoader('Subiendo im\u00e1genes optimizadas y publicando veh\u00edculo...');\r\n $.ajax({\r\n type: \"POST\",\r\n url: \"\/wp-content\/themes\/flatsome\/php\/publishVehicle.php\",\r\n contentType: false,\r\n processData: false,\r\n data: formData,\r\n success: function (subidaResp) {\r\n hideLoader();\r\n if (subidaResp === \"SUCCESS\") {\r\n Swal.fire({\r\n icon: 'success',\r\n title: '\u00a1Publicaci\u00f3n enviada con \u00e9xito!',\r\n html: '<b>Gracias por compartir la informaci\u00f3n de tu veh\u00edculo.<\/b><br><br>Nuestro equipo revisar\u00e1 los datos y fotograf\u00edas.<br>Una vez verificado, tu auto aparecer\u00e1 disponible en nuestro cat\u00e1logo digital.',\r\n confirmButtonColor: '#d0151a'\r\n }).then(() => {\r\n window.location.reload();\r\n });\r\n } else {\r\n Swal.fire({\r\n icon: 'error',\r\n title: 'Error de publicaci\u00f3n',\r\n text: 'No se pudo enviar la informaci\u00f3n del veh\u00edculo al servidor. Por favor intenta de nuevo.',\r\n confirmButtonColor: '#d0151a'\r\n });\r\n }\r\n },\r\n error: function () {\r\n hideLoader();\r\n Swal.fire({\r\n icon: 'error',\r\n title: 'Error de red',\r\n text: 'Hubo un inconveniente de comunicaci\u00f3n al intentar registrar el veh\u00edculo.',\r\n confirmButtonColor: '#d0151a'\r\n });\r\n }\r\n });\r\n }\r\n },\r\n error: function () {\r\n hideLoader();\r\n Swal.fire({\r\n icon: 'error',\r\n title: 'Error de conexi\u00f3n',\r\n text: 'No fue posible validar la placa del veh\u00edculo.',\r\n confirmButtonColor: '#d0151a'\r\n });\r\n }\r\n });\r\n });\r\n\r\n \/* ==============================================================\r\n 8. UTILIDADES DE FEEDBACK Y REINICIO\r\n ============================================================== *\/\r\n function alertaError(mensaje, selectorFocus) {\r\n Swal.fire({\r\n icon: 'info',\r\n title: 'Dato Requerido',\r\n text: mensaje,\r\n confirmButtonColor: '#d0151a'\r\n }).then(() => {\r\n if (selectorFocus) {\r\n const el = $(selectorFocus);\r\n if (el.length) {\r\n $('html, body').animate({\r\n scrollTop: el.offset().top - 120\r\n }, 300);\r\n el.focus();\r\n }\r\n }\r\n });\r\n }\r\n\r\n function showLoader(texto) {\r\n $('#cq-loader-text').text(texto || 'Procesando...');\r\n $('#cq-loader').removeClass('hidden');\r\n }\r\n\r\n function hideLoader() {\r\n $('#cq-loader').addClass('hidden');\r\n }\r\n\r\n $('#clearFormBtn').on('click', function () {\r\n Swal.fire({\r\n title: '\u00bfDeseas reiniciar el formulario?',\r\n text: 'Se borrar\u00e1n todos los datos ingresados y las fotograf\u00edas cargadas.',\r\n icon: 'warning',\r\n showCancelButton: true,\r\n confirmButtonColor: '#d0151a',\r\n cancelButtonColor: '#64748b',\r\n confirmButtonText: 'S\u00ed, reiniciar',\r\n cancelButtonText: 'Cancelar'\r\n }).then((res) => {\r\n if (res.isConfirmed) {\r\n document.getElementById('vehicle-form').reset();\r\n $('input[name=\"equipments\"]').closest('.cq-equip-item').removeClass('active');\r\n\r\n \/\/ Reiniciar fotos\r\n Object.keys(archivosOptimizados).forEach(id => {\r\n archivosOptimizados[id] = null;\r\n $('#' + id).val('');\r\n $('#card-' + id).removeClass('is-filled has-image');\r\n $('#card-' + id).find('.cq-photo-placeholder').show();\r\n $('#badge-' + id).text('Pendiente');\r\n $('#img-preview-' + id).attr('src', '').hide();\r\n $('#card-' + id).find('.btn-text').text('Adjuntar foto');\r\n });\r\n\r\n $('#summary-preview-img').attr('src', '');\r\n $('#cq-summary-main-photo').removeClass('has-photo');\r\n\r\n actualizarProgresoFormulario();\r\n }\r\n });\r\n });\r\n\r\n \/\/ Recalcular offset sticky si el header de Flatsome o Admin Bar tienen alturas variables\r\n \/* ==============================================================\r\n 8. CONTROL INTELIGENTE DE DOCKING DE BARRA Y ASIDE STICKY\r\n ============================================================== *\/\r\n function recalcularDockingBarra() {\r\n const isDesktop = $(window).width() >= 768;\r\n const $bar = $('#cq-progress-card');\r\n const $dockTop = $('#cq-progress-dock-top');\r\n const $dockAside = $('#cq-progress-dock-aside');\r\n const $aside = $('#cq-aside-col');\r\n\r\n if (!$bar.length || !$dockTop.length || !$dockAside.length) return;\r\n\r\n \/\/ Detectar la posici\u00f3n inferior de la cabecera fija de Flatsome + admin bar\r\n const $hw = $('.header-wrapper');\r\n const $hdr = $('#header');\r\n const $admin = $('#wpadminbar');\r\n const adminH = ($admin.length && $admin.is(':visible')) ? ($admin.outerHeight() || 32) : ($('body').hasClass('admin-bar') ? 32 : 0);\r\n\r\n let headerBottom = 0;\r\n if ($hw.length && $hw.is(':visible')) {\r\n headerBottom = $hw[0].getBoundingClientRect().bottom;\r\n } else if ($hdr.length && $hdr.is(':visible')) {\r\n headerBottom = $hdr[0].getBoundingClientRect().bottom;\r\n }\r\n\r\n if (!isDesktop) {\r\n \/\/ En m\u00f3vil: la barra siempre se ubica en el dock superior\r\n if (!$dockTop.children('#cq-progress-card').length) {\r\n $bar.detach().appendTo($dockTop);\r\n }\r\n $bar.removeClass('cq-in-aside');\r\n $dockTop.css('min-height', '');\r\n $aside.css('top', '');\r\n\r\n const mobileTop = (headerBottom > 30 ? Math.round(headerBottom + 8) : (75 + adminH + 8));\r\n $('#cq-progress-dock-top .cq-progress-card').css('top', mobileTop + 'px');\r\n return;\r\n }\r\n\r\n \/\/ En desktop:\r\n \/\/ Flatsome sticky header tiene ~161px de alto (top-bar + masthead + wide-nav)\r\n \/\/ Con getBoundingClientRect().bottom sabemos exactamente d\u00f3nde termina en la ventana\r\n let asideTop = 180;\r\n if (headerBottom > 50) {\r\n asideTop = Math.round(headerBottom + 16);\r\n } else {\r\n asideTop = (adminH > 0 ? 212 : 180);\r\n }\r\n\r\n $aside.css('top', asideTop + 'px');\r\n\r\n const scrollTop = $(window).scrollTop();\r\n const dockTopOffset = $dockTop.offset().top;\r\n\r\n \/\/ Al hacer scroll m\u00e1s all\u00e1 del dock superior, acomodar la barra en el aside arriba del resumen\r\n const shouldDockInAside = scrollTop > (dockTopOffset - asideTop + 15);\r\n\r\n if (shouldDockInAside) {\r\n if (!$dockAside.children('#cq-progress-card').length) {\r\n const h = $bar.outerHeight(true);\r\n $dockTop.css('min-height', h + 'px');\r\n $bar.detach().appendTo($dockAside);\r\n $bar.addClass('cq-in-aside');\r\n }\r\n } else {\r\n if (!$dockTop.children('#cq-progress-card').length) {\r\n $bar.detach().appendTo($dockTop);\r\n $bar.removeClass('cq-in-aside');\r\n $dockTop.css('min-height', '');\r\n }\r\n }\r\n }\r\n\r\n $(window).on('scroll resize', recalcularDockingBarra);\r\n $(document).on('flatsome-header-sticky flatsome-header-unsticky', recalcularDockingBarra);\r\n\r\n \/\/ INICIALIZACI\u00d3N\r\n generarSelectorAnios();\r\n cargarMarcas();\r\n actualizarProgresoFormulario();\r\n setTimeout(recalcularDockingBarra, 250);\r\n\r\n });\r\n })(jQuery);\r\n<\/script>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"_monsterinsights_skip_tracking":false,"footnotes":"","_members_access_role":[],"_members_access_error":""},"class_list":["post-4491","page","type-page","status-publish","hentry"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v28.1 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Publica tu vehiculo - CrediQ Costa Rica<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/crediq.com\/cr\/publica-tu-vehiculo\/\" \/>\n<meta property=\"og:locale\" content=\"es_ES\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Publica tu vehiculo - CrediQ Costa Rica\" \/>\n<meta property=\"og:url\" content=\"https:\/\/crediq.com\/cr\/publica-tu-vehiculo\/\" \/>\n<meta property=\"og:site_name\" content=\"CrediQ Costa Rica\" \/>\n<meta property=\"article:modified_time\" content=\"2026-09-24T18:28:41+00:00\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/crediq.com\\\/cr\\\/publica-tu-vehiculo\\\/\",\"url\":\"https:\\\/\\\/crediq.com\\\/cr\\\/publica-tu-vehiculo\\\/\",\"name\":\"Publica tu vehiculo - CrediQ Costa Rica\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/crediq.com\\\/cr\\\/#website\"},\"datePublished\":\"2023-04-25T22:19:44+00:00\",\"dateModified\":\"2026-09-24T18:28:41+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/crediq.com\\\/cr\\\/publica-tu-vehiculo\\\/#breadcrumb\"},\"inLanguage\":\"es\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/crediq.com\\\/cr\\\/publica-tu-vehiculo\\\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/crediq.com\\\/cr\\\/publica-tu-vehiculo\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/crediq.com\\\/cr\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Publica tu vehiculo\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/crediq.com\\\/cr\\\/#website\",\"url\":\"https:\\\/\\\/crediq.com\\\/cr\\\/\",\"name\":\"CrediQ Costa Rica\",\"description\":\"Financiamiento de veh\u00edculos nuevos y usados\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/crediq.com\\\/cr\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"es\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Publica tu vehiculo - CrediQ Costa Rica","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/crediq.com\/cr\/publica-tu-vehiculo\/","og_locale":"es_ES","og_type":"article","og_title":"Publica tu vehiculo - CrediQ Costa Rica","og_url":"https:\/\/crediq.com\/cr\/publica-tu-vehiculo\/","og_site_name":"CrediQ Costa Rica","article_modified_time":"2026-09-24T18:28:41+00:00","twitter_card":"summary_large_image","schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/crediq.com\/cr\/publica-tu-vehiculo\/","url":"https:\/\/crediq.com\/cr\/publica-tu-vehiculo\/","name":"Publica tu vehiculo - CrediQ Costa Rica","isPartOf":{"@id":"https:\/\/crediq.com\/cr\/#website"},"datePublished":"2023-04-25T22:19:44+00:00","dateModified":"2026-09-24T18:28:41+00:00","breadcrumb":{"@id":"https:\/\/crediq.com\/cr\/publica-tu-vehiculo\/#breadcrumb"},"inLanguage":"es","potentialAction":[{"@type":"ReadAction","target":["https:\/\/crediq.com\/cr\/publica-tu-vehiculo\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/crediq.com\/cr\/publica-tu-vehiculo\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/crediq.com\/cr\/"},{"@type":"ListItem","position":2,"name":"Publica tu vehiculo"}]},{"@type":"WebSite","@id":"https:\/\/crediq.com\/cr\/#website","url":"https:\/\/crediq.com\/cr\/","name":"CrediQ Costa Rica","description":"Financiamiento de veh\u00edculos nuevos y usados","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/crediq.com\/cr\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"es"}]}},"post_mailing_queue_ids":[],"_links":{"self":[{"href":"https:\/\/crediq.com\/cr\/wp-json\/wp\/v2\/pages\/4491","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/crediq.com\/cr\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/crediq.com\/cr\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/crediq.com\/cr\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/crediq.com\/cr\/wp-json\/wp\/v2\/comments?post=4491"}],"version-history":[{"count":3,"href":"https:\/\/crediq.com\/cr\/wp-json\/wp\/v2\/pages\/4491\/revisions"}],"predecessor-version":[{"id":27264,"href":"https:\/\/crediq.com\/cr\/wp-json\/wp\/v2\/pages\/4491\/revisions\/27264"}],"wp:attachment":[{"href":"https:\/\/crediq.com\/cr\/wp-json\/wp\/v2\/media?parent=4491"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}