{"id":3562,"date":"2025-11-19T08:52:12","date_gmt":"2025-11-19T13:52:12","guid":{"rendered":"https:\/\/mercedes-benz.starniza.com\/?page_id=3562"},"modified":"2026-06-16T17:58:42","modified_gmt":"2026-06-16T22:58:42","slug":"servicios-posventa-2","status":"publish","type":"page","link":"https:\/\/mercedes-benz.starniza.com\/?page_id=3562","title":{"rendered":"Servicios posventa"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"3562\" class=\"elementor elementor-3562\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-d5d5344 e-con-full elementor-hidden-desktop elementor-hidden-tablet elementor-hidden-mobile e-flex e-con e-parent\" data-id=\"d5d5344\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-78b8b6c elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"78b8b6c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<iframe style=\"border:1px #FFFFFF none\" src=\"https:\/\/starniza.ivuo.io\/agenda\/default\" title=\"iFrame\" width=\"100%\" height=\"800px\" scrolling=\"yes\" frameborder=\"no\" allow=\"fullscreen\"><\/iframe>  \t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-7b2bc80 e-flex e-con-boxed e-con e-parent\" data-id=\"7b2bc80\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-928d7ba elementor-widget elementor-widget-html\" data-id=\"928d7ba\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\n<html lang=\"es\">\n<head>\n<meta charset=\"UTF-8\">\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n<title>Agenda tu cita<\/title>\n<style>\n    \/* ===== TIPOGRAF\u00cdA DE MARCA =====\n       NO se declara @font-face: el sitio ya carga las fuentes variables de marca.\n       Se referencian por su NOMBRE REAL (confirmado en el navegador), no por las\n       variables globales de Elementor, porque en este sitio esas variables resuelven\n       distinto seg\u00fan la p\u00e1gina (no son fiables).\n         T\u00edtulos  -> \"Corpo A Variable\"  (serif, display de marca)\n         Texto    -> \"Corpo S Variable\"  (sans, legible para formularios) *\/\n\n    \/* ===== T\u00cdTULO DE P\u00c1GINA (hereda la fuente de marca global del sitio) ===== *\/\n    .az-page-header { max-width: 800px; margin: 40px auto 0; padding: 0 10px; }\n    .az-page-title {\n        font-family: \"Corpo A Variable\", Georgia, \"Times New Roman\", serif;\n        font-weight: 400;            \/* la fuente de t\u00edtulo de marca ya es display; evitar bold pesado *\/\n        font-size: 56px;\n        line-height: 1.05;\n        letter-spacing: 0.2px;\n        color: #1a1a1a;\n        margin: 0 0 12px;\n    }\n    .az-page-subtitle {\n        font-family: \"Corpo S Variable\", Arial, sans-serif;\n        font-weight: 400;\n        font-size: 20px;\n        line-height: 1.4;\n        color: #444;\n        margin: 0;\n    }\n    @media (max-width: 600px) {\n        .az-page-title { font-size: 36px; }\n        .az-page-subtitle { font-size: 16px; }\n    }\n\n    \/* Texto general del formulario: Corpo S (sans de marca) *\/\n    .az-form-container { font-family: \"Corpo S Variable\", Arial, sans-serif; max-width: 800px; margin: 40px auto; color: #333; }\n    .az-form-header { text-align: center; margin-bottom: 30px; }\n    \/* Subt\u00edtulo de bloque del formulario: Corpo A (serif de marca) *\/\n    .az-form-header h2 { font-family: \"Corpo A Variable\", Georgia, \"Times New Roman\", serif; font-size: 28px; font-weight: 400; margin-bottom: 8px; color: #1a1a1a; }\n    .az-form-header p { font-size: 16px; color: #666; }\n    .az-form-section { background-color: #fff; border: 1px solid #eaeaea; border-radius: 4px; padding: 20px; margin-bottom: 15px; box-shadow: 0 2px 4px rgba(0,0,0,0.02); }\n    .az-row { display: flex; gap: 20px; flex-wrap: wrap; }\n    .az-col { flex: 1; min-width: 250px; display: flex; flex-direction: column; }\n    .az-form-group { margin-bottom: 15px; }\n    .az-form-group label { font-weight: bold; margin-bottom: 8px; font-size: 14px; display: block; color: #1a1a1a; }\n    .az-section-title { font-weight: bold; font-size: 16px; margin-bottom: 15px; display: block; color: #1a1a1a; }\n    .az-form-control { width: 100%; padding: 12px; border: 1px solid #ccc; border-radius: 4px; font-size: 14px; color: #333; box-sizing: border-box; background-color: #fafafa; }\n    .az-form-control:focus { outline: none; border-color: #61c4eb; background-color: #fff; }\n    textarea.az-form-control { resize: vertical; min-height: 80px; }\n    .az-terms-group { display: flex; align-items: flex-start; gap: 10px; margin: 0; font-size: 14px; color: #444; }\n    .az-terms-group a { color: #2b8fb8; text-decoration: underline; }\n    .az-info-text { font-size: 13px; color: #777; margin: 0 0 15px; line-height: 1.5; }\n    .az-channels { display: flex; flex-wrap: wrap; gap: 18px; font-size: 14px; color: #444; }\n    .az-channels label { display: flex; align-items: center; gap: 6px; font-weight: normal; margin: 0; cursor: pointer; }\n    .az-required-note { font-size: 12px; color: #999; margin-top: 8px; }\n    .az-submit-btn { background-color: #61c4eb; color: #ffffff; padding: 14px 24px; border: none; border-radius: 4px; font-size: 16px; font-weight: bold; cursor: pointer; width: 100%; max-width: 200px; float: right; transition: background-color 0.2s; }\n    .az-submit-btn:hover { background-color: #4eb0d4; }\n    .az-clearfix::after { content: \"\"; clear: both; display: table; }\n\n    #mensaje-exito {\n        display: none;\n        text-align: center;\n        padding: 40px 20px;\n        background-color: #61c4eb;\n        border: 1px solid #4eb0d4;\n        border-radius: 4px;\n        color: #1a1a1a;\n        font-size: 18px;\n        margin-top: 20px;\n    }\n<\/style>\n<\/head>\n<body>\n\n<!-- ===== T\u00cdTULO PRINCIPAL DE LA P\u00c1GINA ===== -->\n<div class=\"az-page-header\">\n    <h1 class=\"az-page-title\">Agenda tu cita de servicio<\/h1>\n<\/div>\n\n<!-- ===== FORMULARIO DE CITA ===== -->\n<div class=\"az-form-container\">\n\n    <div id=\"mensaje-exito\">\n        <strong>\u00a1Tu mensaje ha sido enviado exitosamente!<\/strong><br><br>\n        Por favor mantente pendiente, pronto te contactaremos para confirmar tu cita.\n    <\/div>\n\n    <form id=\"formulario-cita\">\n\n        <input type=\"hidden\" name=\"_subject\" value=\"Nueva solicitud de Cita de Servicio Web\">\n\n        <!-- 1. Centro \/ Sucursal (obligatorio) + Servicio -->\n        <div class=\"az-form-section az-row\">\n            <div class=\"az-col\">\n                <label for=\"centro\">Selecciona un centro de servicio *<\/label>\n                <select id=\"centro\" name=\"Centro_de_Servicio\" class=\"az-form-control\" required>\n                    <option value=\"\">Seleccionar...<\/option>\n                    <option value=\"Starniza (Bogot\u00e1)\">Starniza (Bogot\u00e1): Cl. 170 #69-80<\/option>\n                    <option value=\"Starniza (Bucaramanga)\">Starniza (Bucaramanga): Cl.70 #43W-138, V\u00eda Gir\u00f3n a B\/manga Km.4<\/option>\n                <\/select>\n            <\/div>\n            <div class=\"az-col\">\n                <label for=\"servicios\">Servicios<\/label>\n                <select id=\"servicios\" name=\"Servicios_Solicitados\" class=\"az-form-control\" required>\n                    <option value=\"\">Seleccionar...<\/option>\n                    <option value=\"Campa\u00f1a KDM\">Campa\u00f1a KDM<\/option>\n                    <option value=\"Diagn\u00f3stico\">Diagn\u00f3stico<\/option>\n                    <option value=\"Mantenimiento\">Mantenimiento<\/option>\n                    <option value=\"Mantenimiento Tipo A\">Mantenimiento Tipo A<\/option>\n                    <option value=\"Mantenimiento Tipo B\">Mantenimiento Tipo B<\/option>\n                    <option value=\"Mec\u00e1nica General\">Mec\u00e1nica General<\/option>\n                <\/select>\n            <\/div>\n        <\/div>\n\n        <!-- 2. Datos del cliente (Nombre + Apellido separados) -->\n        <div class=\"az-form-section\">\n            <label class=\"az-section-title\">Por favor completa tus datos<\/label>\n            <div class=\"az-row\">\n                <div class=\"az-col\">\n                    <input type=\"text\" name=\"Nombre\" class=\"az-form-control\" placeholder=\"Nombre *\" required>\n                <\/div>\n                <div class=\"az-col\">\n                    <input type=\"text\" name=\"Apellido\" class=\"az-form-control\" placeholder=\"Apellido *\" required>\n                <\/div>\n            <\/div>\n            <div class=\"az-row\" style=\"margin-top: 15px;\">\n                <div class=\"az-col\">\n                    <input type=\"tel\" name=\"Telefono\" class=\"az-form-control\" placeholder=\"Tel\u00e9fono *\" required>\n                <\/div>\n                <div class=\"az-col\">\n                    <input type=\"email\" name=\"Correo\" class=\"az-form-control\" placeholder=\"Correo electr\u00f3nico *\" required>\n                <\/div>\n            <\/div>\n        <\/div>\n\n        <!-- 3. Datos del veh\u00edculo -->\n        <div class=\"az-form-section\">\n            <label class=\"az-section-title\">Completa los datos del veh\u00edculo<\/label>\n            <div class=\"az-row\">\n                <div class=\"az-col\">\n                    <input type=\"text\" name=\"Placa\" class=\"az-form-control\" placeholder=\"Placa *\" required>\n                <\/div>\n                <div class=\"az-col\">\n                    <input type=\"text\" name=\"Modelo\" class=\"az-form-control\" placeholder=\"Modelo del veh\u00edculo *\" required>\n                <\/div>\n                <div class=\"az-col\">\n                    <input type=\"number\" name=\"Kilometraje\" class=\"az-form-control\" placeholder=\"Kilometraje Actual\">\n                <\/div>\n            <\/div>\n        <\/div>\n\n        <!-- 4. Fecha\/hora + Asesor -->\n        <div class=\"az-form-section az-row\">\n            <div class=\"az-col\">\n                <label for=\"fecha\">Fecha y Hora *<\/label>\n                <input type=\"datetime-local\" id=\"fecha\" name=\"Fecha_y_Hora\" class=\"az-form-control\" required>\n            <\/div>\n            <div class=\"az-col\">\n                <label for=\"asesor\">Asesor de Servicio<\/label>\n                <select id=\"asesor\" name=\"Asesor\" class=\"az-form-control\">\n                    <option value=\"Cualquiera\">Cualquier asesor disponible<\/option>\n                    <option value=\"Asesor 1\">Asesor 1<\/option>\n                    <option value=\"Asesor 2\">Asesor 2<\/option>\n                <\/select>\n            <\/div>\n        <\/div>\n\n        <!-- 5. Mensaje (opcional) -->\n        <div class=\"az-form-section\">\n            <label for=\"comentario\">Mensaje (opcional)<\/label>\n            <textarea id=\"comentario\" name=\"Comentarios\" class=\"az-form-control\" placeholder=\"Escribe los detalles de tu solicitud aqu\u00ed...\"><\/textarea>\n        <\/div>\n\n        <!-- 6. AUTORIZACI\u00d3N OBLIGATORIA (base legal para gestionar la cita) -->\n        <div class=\"az-form-section\">\n            <div class=\"az-terms-group\">\n                <input type=\"checkbox\" id=\"autorizacion\" name=\"Autoriza_Tratamiento_Datos\" value=\"Si\" required style=\"margin-top: 3px;\">\n                <label for=\"autorizacion\" style=\"font-weight: normal; margin: 0;\">\n                    Autorizo el tratamiento de mis datos personales para gestionar y confirmar esta cita de servicio,\n                    conforme a la\n                    <a href=\"REEMPLAZAR_URL_POLITICA_PRIVACIDAD\" target=\"_blank\" rel=\"noopener\">Pol\u00edtica de Privacidad y Tratamiento de Datos<\/a>\n                    y la\n                    <a href=\"REEMPLAZAR_URL_POLITICA_COOKIES\" target=\"_blank\" rel=\"noopener\">Pol\u00edtica de Cookies<\/a>. *\n                <\/label>\n            <\/div>\n        <\/div>\n\n        <!-- 7. CONTACTO COMERCIAL (OPCIONAL) + canal preferido -->\n        <div class=\"az-form-section\">\n            <label class=\"az-section-title\">Informaci\u00f3n al cliente<\/label>\n            <p class=\"az-info-text\">\n                Nos gustar\u00eda mantenernos en contacto contigo para informarte sobre novedades, servicios,\n                mantenimientos y ofertas. Si no deseas recibir esta informaci\u00f3n, deja las casillas sin marcar.\n                Esta autorizaci\u00f3n es opcional y puedes revocarla en cualquier momento.\n            <\/p>\n            <span style=\"font-size: 14px; color: #444; display:block; margin-bottom: 10px;\">Quiero ser contactado por:<\/span>\n            <div class=\"az-channels\">\n                <label><input type=\"checkbox\" name=\"Contacto_WhatsApp\" value=\"S\u00ed\"> WhatsApp<\/label>\n                <label><input type=\"checkbox\" name=\"Contacto_Email\" value=\"S\u00ed\"> Email<\/label>\n                <label><input type=\"checkbox\" name=\"Contacto_Telefono\" value=\"S\u00ed\"> Tel\u00e9fono<\/label>\n                <label><input type=\"checkbox\" name=\"Contacto_SMS\" value=\"S\u00ed\"> SMS<\/label>\n            <\/div>\n        <\/div>\n\n        <div class=\"az-clearfix\">\n            <button type=\"submit\" id=\"btn-enviar\" class=\"az-submit-btn\">Agenda tu cita<\/button>\n        <\/div>\n    <\/form>\n<\/div>\n\n<script>\n\/\/ Evita agendar en el pasado: fija la fecha\/hora m\u00ednima al momento actual.\n(function () {\n    var fecha = document.getElementById(\"fecha\");\n    if (fecha) {\n        var ahora = new Date();\n        ahora.setMinutes(ahora.getMinutes() - ahora.getTimezoneOffset());\n        fecha.min = ahora.toISOString().slice(0, 16);\n    }\n})();\n\ndocument.getElementById(\"formulario-cita\").addEventListener(\"submit\", function (e) {\n    e.preventDefault();\n\n    var boton = document.getElementById(\"btn-enviar\");\n    boton.innerText = \"Enviando...\";\n    boton.disabled = true;\n\n    var formData = new FormData(this);\n\n    \/\/ Marca temporal de la autorizaci\u00f3n (prueba m\u00ednima de consentimiento).\n    formData.append(\"Fecha_Autorizacion\", new Date().toISOString());\n\n    fetch(\"https:\/\/formsubmit.co\/ajax\/coordinadorbdc@autoniza.com\", {\n        method: \"POST\",\n        body: formData,\n        headers: { 'Accept': 'application\/json' }\n    })\n    .then(response => response.json())\n    .then(data => {\n        document.getElementById(\"formulario-cita\").style.display = \"none\";\n        document.getElementById(\"mensaje-exito\").style.display = \"block\";\n    })\n    .catch(error => {\n        console.log(error);\n        alert(\"Hubo un error al enviar. Por favor intenta de nuevo.\");\n        boton.innerText = \"Agenda tu cita\";\n        boton.disabled = false;\n    });\n});\n<\/script>\n\n<\/body>\n<\/html>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Agenda tu cita Agenda tu cita de servicio \u00a1Tu mensaje ha sido enviado exitosamente! Por favor mantente pendiente, pronto te contactaremos para confirmar tu cita. Selecciona un centro de servicio * Seleccionar&#8230;Starniza (Bogot\u00e1): Cl. 170 #69-80Starniza (Bucaramanga): Cl.70 #43W-138, V\u00eda Gir\u00f3n a B\/manga Km.4 Servicios Seleccionar&#8230;Campa\u00f1a KDMDiagn\u00f3sticoMantenimientoMantenimiento Tipo AMantenimiento Tipo BMec\u00e1nica General Por favor completa [&hellip;]<\/p>\n","protected":false},"author":272696824,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-3562","page","type-page","status-publish","hentry"],"_hostinger_reach_plugin_has_subscription_block":false,"_hostinger_reach_plugin_is_elementor":false,"_links":{"self":[{"href":"https:\/\/mercedes-benz.starniza.com\/index.php?rest_route=\/wp\/v2\/pages\/3562","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/mercedes-benz.starniza.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/mercedes-benz.starniza.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/mercedes-benz.starniza.com\/index.php?rest_route=\/wp\/v2\/users\/272696824"}],"replies":[{"embeddable":true,"href":"https:\/\/mercedes-benz.starniza.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=3562"}],"version-history":[{"count":28,"href":"https:\/\/mercedes-benz.starniza.com\/index.php?rest_route=\/wp\/v2\/pages\/3562\/revisions"}],"predecessor-version":[{"id":6038,"href":"https:\/\/mercedes-benz.starniza.com\/index.php?rest_route=\/wp\/v2\/pages\/3562\/revisions\/6038"}],"wp:attachment":[{"href":"https:\/\/mercedes-benz.starniza.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=3562"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}