{"id":25,"date":"2026-06-24T11:20:44","date_gmt":"2026-06-24T16:20:44","guid":{"rendered":"http:\/\/localhost\/DominioTech\/?page_id=25"},"modified":"2026-07-05T23:20:15","modified_gmt":"2026-07-06T04:20:15","slug":"contactanos","status":"publish","type":"page","link":"https:\/\/techsolutions.vcsistemas.com\/?page_id=25","title":{"rendered":"Ayuda"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"25\" class=\"elementor elementor-25\">\n\t\t\t\t<div class=\"elementor-element elementor-element-a64ac28 e-flex e-con-boxed e-con e-parent\" data-id=\"a64ac28\" 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-19b9d96 elementor-widget elementor-widget-html\" data-id=\"19b9d96\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ============================================\r\n     CONTENIDO DE AYUDA (COMPLETAMENTE AISLADO)\r\n     ============================================ -->\r\n\r\n<div class=\"help-section-wrapper\">\r\n    <!-- Toast Message -->\r\n    <div class=\"help-toast-message\" id=\"helpToastMessage\">\r\n        <i class=\"fas fa-check-circle\"><\/i>\r\n        <div class=\"help-toast-content\">\r\n            <h4 id=\"helpToastTitle\">\u00c9xito<\/h4>\r\n            <p id=\"helpToastDescription\">Mensaje<\/p>\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <!-- Header de Ayuda -->\r\n    <div class=\"help-header\">\r\n        <div class=\"help-badge\">\r\n            <i class=\"fas fa-life-ring\"><\/i> Centro de Ayuda 24\/7\r\n        <\/div>\r\n        <h1>\u00bfC\u00f3mo podemos ayudarte?<\/h1>\r\n        <p>Encuentra respuestas r\u00e1pidas, gu\u00edas detalladas y soporte personalizado para todas tus necesidades t\u00e9cnicas.<\/p>\r\n\r\n        <!-- Search -->\r\n        <div class=\"help-search-container\">\r\n            <i class=\"fas fa-search\"><\/i>\r\n            <input type=\"text\" id=\"helpSearchInput\" placeholder=\"Buscar en la ayuda... (ej: reserva, pago, instalaci\u00f3n)\">\r\n            <span class=\"help-search-shortcut\">\u2318K<\/span>\r\n        <\/div>\r\n\r\n        <!-- Quick Actions -->\r\n        <div class=\"help-quick-actions\">\r\n            <a href=\"#helpFaq\" class=\"help-quick-action\">\r\n                <i class=\"fas fa-question-circle\"><\/i> Preguntas Frecuentes\r\n            <\/a>\r\n            <a href=\"#helpContact\" class=\"help-quick-action\">\r\n                <i class=\"fas fa-envelope\"><\/i> Contactar Soporte\r\n            <\/a>\r\n            <a href=\"#reservas\" class=\"help-quick-action\">\r\n                <i class=\"fas fa-calendar-plus\"><\/i> Hacer una Reserva\r\n            <\/a>\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <!-- Help Categories -->\r\n    <div class=\"help-categories\" id=\"helpCategories\">\r\n        <div class=\"help-category help-fade-up\">\r\n            <div class=\"help-icon-wrapper\">\r\n                <i class=\"fas fa-calendar-check\"><\/i>\r\n            <\/div>\r\n            <h3>Reservas y Citas<\/h3>\r\n            <p>Gu\u00eda paso a paso para agendar, modificar o cancelar tus servicios t\u00e9cnicos.<\/p>\r\n            <span class=\"help-learn-more\">\r\n                Ver m\u00e1s <i class=\"fas fa-arrow-right\"><\/i>\r\n            <\/span>\r\n        <\/div>\r\n\r\n        <div class=\"help-category help-fade-up\">\r\n            <div class=\"help-icon-wrapper\">\r\n                <i class=\"fas fa-credit-card\"><\/i>\r\n            <\/div>\r\n            <h3>Pagos y Facturaci\u00f3n<\/h3>\r\n            <p>M\u00e9todos de pago, facturaci\u00f3n electr\u00f3nica y pol\u00edticas de reembolso.<\/p>\r\n            <span class=\"help-learn-more\">\r\n                Ver m\u00e1s <i class=\"fas fa-arrow-right\"><\/i>\r\n            <\/span>\r\n        <\/div>\r\n\r\n        <div class=\"help-category help-fade-up\">\r\n            <div class=\"help-icon-wrapper\">\r\n                <i class=\"fas fa-laptop\"><\/i>\r\n            <\/div>\r\n            <h3>Servicios T\u00e9cnicos<\/h3>\r\n            <p>Descripci\u00f3n detallada de todos nuestros servicios y lo que incluyen.<\/p>\r\n            <span class=\"help-learn-more\">\r\n                Ver m\u00e1s <i class=\"fas fa-arrow-right\"><\/i>\r\n            <\/span>\r\n        <\/div>\r\n\r\n        <div class=\"help-category help-fade-up\">\r\n            <div class=\"help-icon-wrapper\">\r\n                <i class=\"fas fa-shield-alt\"><\/i>\r\n            <\/div>\r\n            <h3>Garant\u00eda y Soporte<\/h3>\r\n            <p>Pol\u00edticas de garant\u00eda, cobertura y c\u00f3mo solicitar asistencia t\u00e9cnica.<\/p>\r\n            <span class=\"help-learn-more\">\r\n                Ver m\u00e1s <i class=\"fas fa-arrow-right\"><\/i>\r\n            <\/span>\r\n        <\/div>\r\n\r\n        <div class=\"help-category help-fade-up\">\r\n            <div class=\"help-icon-wrapper\">\r\n                <i class=\"fas fa-mobile-alt\"><\/i>\r\n            <\/div>\r\n            <h3>Acceso y Cuenta<\/h3>\r\n            <p>Gesti\u00f3n de tu cuenta, recuperaci\u00f3n de contrase\u00f1a y configuraci\u00f3n.<\/p>\r\n            <span class=\"help-learn-more\">\r\n                Ver m\u00e1s <i class=\"fas fa-arrow-right\"><\/i>\r\n            <\/span>\r\n        <\/div>\r\n\r\n        <div class=\"help-category help-fade-up\">\r\n            <div class=\"help-icon-wrapper\">\r\n                <i class=\"fas fa-headset\"><\/i>\r\n            <\/div>\r\n            <h3>Soporte T\u00e9cnico<\/h3>\r\n            <p>Contacta con nuestro equipo de expertos para problemas espec\u00edficos.<\/p>\r\n            <span class=\"help-learn-more\">\r\n                Ver m\u00e1s <i class=\"fas fa-arrow-right\"><\/i>\r\n            <\/span>\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <!-- FAQ Section -->\r\n    <div class=\"help-faq-section\" id=\"helpFaq\">\r\n        <div class=\"help-section-header help-fade-up\">\r\n            <h2>Preguntas Frecuentes<\/h2>\r\n            <p>Respuestas a las dudas m\u00e1s comunes de nuestros clientes<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"help-faq-item help-active help-fade-up\">\r\n            <div class=\"help-faq-question\">\r\n                <span>\u00bfC\u00f3mo puedo hacer una reserva de servicio t\u00e9cnico?<\/span>\r\n                <i class=\"fas fa-chevron-down\"><\/i>\r\n            <\/div>\r\n            <div class=\"help-faq-answer\">\r\n                <p>Para hacer una reserva, simplemente selecciona el servicio que necesitas en la p\u00e1gina principal, elige una fecha y hora disponible en el calendario, completa tus datos personales y haz clic en \"Reservar Ahora\". Recibir\u00e1s un correo de confirmaci\u00f3n con los detalles de tu cita.<\/p>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"help-faq-item help-fade-up\">\r\n            <div class=\"help-faq-question\">\r\n                <span>\u00bfCu\u00e1les son los m\u00e9todos de pago aceptados?<\/span>\r\n                <i class=\"fas fa-chevron-down\"><\/i>\r\n            <\/div>\r\n            <div class=\"help-faq-answer\">\r\n                <p>Aceptamos tarjetas de cr\u00e9dito\/d\u00e9bito (Visa, Mastercard), Yape, Plin, transferencias bancarias y pago en efectivo en nuestras oficinas. Todos los pagos son seguros y cifrados.<\/p>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"help-faq-item help-fade-up\">\r\n            <div class=\"help-faq-question\">\r\n                <span>\u00bfPuedo cancelar o reprogramar mi reserva?<\/span>\r\n                <i class=\"fas fa-chevron-down\"><\/i>\r\n            <\/div>\r\n            <div class=\"help-faq-answer\">\r\n                <p>S\u00ed, puedes cancelar o reprogramar tu reserva con hasta 24 horas de anticipaci\u00f3n sin costo adicional. Para hacerlo, cont\u00e1ctanos a trav\u00e9s de nuestro correo o tel\u00e9fono de soporte.<\/p>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"help-faq-item help-fade-up\">\r\n            <div class=\"help-faq-question\">\r\n                <span>\u00bfQu\u00e9 incluye el servicio de instalaci\u00f3n de redes?<\/span>\r\n                <i class=\"fas fa-chevron-down\"><\/i>\r\n            <\/div>\r\n            <div class=\"help-faq-answer\">\r\n                <p>La instalaci\u00f3n de redes incluye el cableado estructurado, configuraci\u00f3n de routers y switches, pruebas de conectividad, y asesor\u00eda para optimizar tu red. El servicio var\u00eda seg\u00fan el tipo de instalaci\u00f3n (b\u00e1sica, avanzada o empresarial).<\/p>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"help-faq-item help-fade-up\">\r\n            <div class=\"help-faq-question\">\r\n                <span>\u00bfCu\u00e1nto tiempo toma una reparaci\u00f3n t\u00e9cnica?<\/span>\r\n                <i class=\"fas fa-chevron-down\"><\/i>\r\n            <\/div>\r\n            <div class=\"help-faq-answer\">\r\n                <p>El tiempo de reparaci\u00f3n depende de la complejidad del problema. El soporte remoto suele resolverse en 30-60 minutos. El soporte presencial puede tomar de 1 a 3 horas dependiendo del diagn\u00f3stico y la reparaci\u00f3n necesaria.<\/p>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <!-- Contact Section -->\r\n    <div class=\"help-contact-section\" id=\"helpContact\">\r\n        <div class=\"help-contact-info help-fade-up\">\r\n            <h2>Cont\u00e1ctanos<\/h2>\r\n            <p>\u00bfNo encuentras lo que buscas? Nuestro equipo de soporte est\u00e1 aqu\u00ed para ayudarte.<\/p>\r\n\r\n            <div class=\"help-contact-method\">\r\n                <div class=\"help-icon-circle\">\r\n                    <i class=\"fas fa-envelope\"><\/i>\r\n                <\/div>\r\n                <div>\r\n                    <h4>Correo Electr\u00f3nico<\/h4>\r\n                    <p>dominiotechsolutions@gmail.com<\/p>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"help-contact-method\">\r\n                <div class=\"help-icon-circle\">\r\n                    <i class=\"fas fa-phone-alt\"><\/i>\r\n                <\/div>\r\n                <div>\r\n                    <h4>Tel\u00e9fono<\/h4>\r\n                    <p>+51 987 654 321<\/p>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"help-contact-method\">\r\n                <div class=\"help-icon-circle\">\r\n                    <i class=\"fab fa-whatsapp\"><\/i>\r\n                <\/div>\r\n                <div>\r\n                    <h4>WhatsApp<\/h4>\r\n                    <p>+51 987 654 321<\/p>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"help-contact-method\">\r\n                <div class=\"help-icon-circle\">\r\n                    <i class=\"fas fa-clock\"><\/i>\r\n                <\/div>\r\n                <div>\r\n                    <h4>Horario de Atenci\u00f3n<\/h4>\r\n                    <p>Lun - Vie: 8:00 AM - 8:00 PM<\/p>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"help-contact-form help-fade-up\">\r\n            <h2>Env\u00edanos un Mensaje<\/h2>\r\n            <p>Completa el formulario y te responderemos a la brevedad posible.<\/p>\r\n\r\n            <form id=\"helpContactForm\">\r\n                <div class=\"help-form-group\">\r\n                    <label for=\"helpContactName\">Nombre completo<\/label>\r\n                    <input type=\"text\" id=\"helpContactName\" placeholder=\"Ej: Clara Suni\" required>\r\n                <\/div>\r\n\r\n                <div class=\"help-form-group\">\r\n                    <label for=\"helpContactEmail\">Correo electr\u00f3nico<\/label>\r\n                    <input type=\"email\" id=\"helpContactEmail\" placeholder=\"Ej: clara@ejemplo.com\" required>\r\n                <\/div>\r\n\r\n                <div class=\"help-form-group\">\r\n                    <label for=\"helpContactSubject\">Asunto<\/label>\r\n                    <select id=\"helpContactSubject\" required>\r\n                        <option value=\"\">Selecciona un asunto<\/option>\r\n                        <option value=\"reserva\">Problema con mi reserva<\/option>\r\n                        <option value=\"pago\">Pregunta sobre pagos<\/option>\r\n                        <option value=\"servicio\">Informaci\u00f3n de servicios<\/option>\r\n                        <option value=\"garantia\">Garant\u00eda o reembolso<\/option>\r\n                        <option value=\"otro\">Otro asunto<\/option>\r\n                    <\/select>\r\n                <\/div>\r\n\r\n                <div class=\"help-form-group\">\r\n                    <label for=\"helpContactMessage\">Mensaje<\/label>\r\n                    <textarea id=\"helpContactMessage\" placeholder=\"Describe tu consulta en detalle...\" required><\/textarea>\r\n                <\/div>\r\n\r\n                <button type=\"submit\" class=\"help-submit-btn\">\r\n                    <i class=\"fas fa-paper-plane\"><\/i> Enviar Mensaje\r\n                <\/button>\r\n            <\/form>\r\n        <\/div>\r\n    <\/div>\r\n<\/div>\r\n\r\n<!-- ============================================\r\n     ESTILOS DE AYUDA (COMPLETAMENTE AISLADOS)\r\n     ============================================ -->\r\n<style>\r\n    \/* ===== TODOS LOS ESTILOS EST\u00c1N DENTRO DE .help-section-wrapper ===== *\/\r\n    \/* Esto asegura que NO afecten a tu men\u00fa ni a otros elementos de la p\u00e1gina *\/\r\n    \r\n    .help-section-wrapper {\r\n        font-family: 'Poppins', sans-serif;\r\n        max-width: 1200px;\r\n        margin: 0 auto;\r\n        padding: 20px;\r\n        color: #1a1a2e;\r\n    }\r\n\r\n    \/* Toast *\/\r\n    .help-section-wrapper .help-toast-message {\r\n        position: fixed;\r\n        top: 20px;\r\n        right: 20px;\r\n        padding: 20px 25px;\r\n        border-radius: 20px;\r\n        background: white;\r\n        box-shadow: 0 20px 60px rgba(67, 97, 238, 0.15);\r\n        transform: translateX(120%);\r\n        transition: transform 0.4s cubic-bezier(0.68, -0.55, 0.265, 1.55);\r\n        z-index: 9999;\r\n        max-width: 400px;\r\n        display: flex;\r\n        align-items: center;\r\n        gap: 15px;\r\n    }\r\n\r\n    .help-section-wrapper .help-toast-message.help-show {\r\n        transform: translateX(0);\r\n    }\r\n\r\n    .help-section-wrapper .help-toast-message.help-success {\r\n        border-left: 5px solid #4bb543;\r\n    }\r\n\r\n    .help-section-wrapper .help-toast-message.help-error {\r\n        border-left: 5px solid #f94144;\r\n    }\r\n\r\n    .help-section-wrapper .help-toast-message i {\r\n        font-size: 1.8rem;\r\n    }\r\n\r\n    .help-section-wrapper .help-toast-message.help-success i {\r\n        color: #4bb543;\r\n    }\r\n\r\n    .help-section-wrapper .help-toast-message.help-error i {\r\n        color: #f94144;\r\n    }\r\n\r\n    .help-section-wrapper .help-toast-content h4 {\r\n        font-size: 1rem;\r\n        font-weight: 600;\r\n        margin-bottom: 5px;\r\n        color: #1a1a2e;\r\n    }\r\n\r\n    .help-section-wrapper .help-toast-content p {\r\n        font-size: 0.9rem;\r\n        color: #6c757d;\r\n        margin: 0;\r\n    }\r\n\r\n    \/* Header *\/\r\n    .help-section-wrapper .help-header {\r\n        text-align: center;\r\n        padding: 40px 20px 30px;\r\n        position: relative;\r\n    }\r\n\r\n    .help-section-wrapper .help-badge {\r\n        display: inline-block;\r\n        background: rgba(67, 97, 238, 0.1);\r\n        color: #4361ee;\r\n        padding: 8px 20px;\r\n        border-radius: 50px;\r\n        font-size: 0.85rem;\r\n        font-weight: 600;\r\n        letter-spacing: 0.5px;\r\n        margin-bottom: 20px;\r\n        border: 1px solid rgba(67, 97, 238, 0.2);\r\n    }\r\n\r\n    .help-section-wrapper .help-header h1 {\r\n        font-size: 3.5rem;\r\n        font-weight: 800;\r\n        background: linear-gradient(135deg, #4361ee 0%, #3a0ca3 100%);\r\n        -webkit-background-clip: text;\r\n        -webkit-text-fill-color: transparent;\r\n        background-clip: text;\r\n        margin-bottom: 15px;\r\n        line-height: 1.2;\r\n    }\r\n\r\n    .help-section-wrapper .help-header p {\r\n        font-size: 1.2rem;\r\n        color: #6c757d;\r\n        max-width: 600px;\r\n        margin: 0 auto 30px;\r\n        line-height: 1.8;\r\n    }\r\n\r\n    \/* Search *\/\r\n    .help-section-wrapper .help-search-container {\r\n        max-width: 600px;\r\n        margin: 0 auto 30px;\r\n        position: relative;\r\n    }\r\n\r\n    .help-section-wrapper .help-search-container input {\r\n        width: 100%;\r\n        padding: 18px 25px 18px 55px;\r\n        border: 2px solid #e8ecf1;\r\n        border-radius: 60px;\r\n        font-size: 1rem;\r\n        font-family: 'Poppins', sans-serif;\r\n        background: white;\r\n        transition: all 0.3s ease;\r\n        box-shadow: 0 10px 40px rgba(0, 0, 0, 0.1);\r\n    }\r\n\r\n    .help-section-wrapper .help-search-container input:focus {\r\n        outline: none;\r\n        border-color: #4361ee;\r\n        box-shadow: 0 0 0 4px rgba(67, 97, 238, 0.1), 0 10px 40px rgba(0, 0, 0, 0.1);\r\n        transform: translateY(-2px);\r\n    }\r\n\r\n    .help-section-wrapper .help-search-container i {\r\n        position: absolute;\r\n        left: 22px;\r\n        top: 50%;\r\n        transform: translateY(-50%);\r\n        color: #6c757d;\r\n        font-size: 1.2rem;\r\n    }\r\n\r\n    .help-section-wrapper .help-search-shortcut {\r\n        position: absolute;\r\n        right: 15px;\r\n        top: 50%;\r\n        transform: translateY(-50%);\r\n        background: #f0f2ff;\r\n        padding: 4px 12px;\r\n        border-radius: 6px;\r\n        font-size: 0.7rem;\r\n        font-weight: 600;\r\n        color: #6c757d;\r\n        border: 1px solid #e8ecf1;\r\n    }\r\n\r\n    \/* Quick Actions *\/\r\n    .help-section-wrapper .help-quick-actions {\r\n        display: flex;\r\n        justify-content: center;\r\n        gap: 15px;\r\n        flex-wrap: wrap;\r\n        margin-bottom: 50px;\r\n    }\r\n\r\n    .help-section-wrapper .help-quick-action {\r\n        display: inline-flex;\r\n        align-items: center;\r\n        gap: 10px;\r\n        padding: 12px 25px;\r\n        background: white;\r\n        border-radius: 50px;\r\n        border: 2px solid #e8ecf1;\r\n        cursor: pointer;\r\n        transition: all 0.3s ease;\r\n        font-weight: 500;\r\n        color: #1a1a2e;\r\n        text-decoration: none;\r\n        font-family: 'Poppins', sans-serif;\r\n        font-size: 0.95rem;\r\n    }\r\n\r\n    .help-section-wrapper .help-quick-action:hover {\r\n        border-color: #4361ee;\r\n        background: #f8f9ff;\r\n        transform: translateY(-3px);\r\n        box-shadow: 0 10px 40px rgba(0, 0, 0, 0.1);\r\n    }\r\n\r\n    .help-section-wrapper .help-quick-action i {\r\n        color: #4361ee;\r\n        font-size: 1.1rem;\r\n    }\r\n\r\n    \/* Categories *\/\r\n    .help-section-wrapper .help-categories {\r\n        display: grid;\r\n        grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\r\n        gap: 30px;\r\n        margin-bottom: 60px;\r\n    }\r\n\r\n    .help-section-wrapper .help-category {\r\n        background: white;\r\n        border-radius: 20px;\r\n        padding: 35px 30px;\r\n        box-shadow: 0 10px 40px rgba(0, 0, 0, 0.1);\r\n        transition: all 0.4s ease;\r\n        cursor: pointer;\r\n        position: relative;\r\n        overflow: hidden;\r\n        border: 2px solid transparent;\r\n    }\r\n\r\n    .help-section-wrapper .help-category:hover {\r\n        transform: translateY(-8px);\r\n        box-shadow: 0 20px 60px rgba(67, 97, 238, 0.15);\r\n        border-color: #4361ee;\r\n    }\r\n\r\n    .help-section-wrapper .help-category::before {\r\n        content: '';\r\n        position: absolute;\r\n        top: 0;\r\n        left: 0;\r\n        right: 0;\r\n        height: 4px;\r\n        background: linear-gradient(135deg, #4361ee 0%, #3a0ca3 100%);\r\n        opacity: 0;\r\n        transition: opacity 0.3s ease;\r\n    }\r\n\r\n    .help-section-wrapper .help-category:hover::before {\r\n        opacity: 1;\r\n    }\r\n\r\n    .help-section-wrapper .help-icon-wrapper {\r\n        width: 60px;\r\n        height: 60px;\r\n        border-radius: 16px;\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        font-size: 1.8rem;\r\n        margin-bottom: 20px;\r\n        transition: all 0.3s ease;\r\n    }\r\n\r\n    .help-section-wrapper .help-category:nth-child(1) .help-icon-wrapper {\r\n        background: rgba(67, 97, 238, 0.1);\r\n        color: #4361ee;\r\n    }\r\n\r\n    .help-section-wrapper .help-category:nth-child(2) .help-icon-wrapper {\r\n        background: rgba(247, 37, 133, 0.1);\r\n        color: #f72585;\r\n    }\r\n\r\n    .help-section-wrapper .help-category:nth-child(3) .help-icon-wrapper {\r\n        background: rgba(76, 201, 240, 0.1);\r\n        color: #4cc9f0;\r\n    }\r\n\r\n    .help-section-wrapper .help-category:nth-child(4) .help-icon-wrapper {\r\n        background: rgba(75, 181, 67, 0.1);\r\n        color: #4bb543;\r\n    }\r\n\r\n    .help-section-wrapper .help-category:nth-child(5) .help-icon-wrapper {\r\n        background: rgba(255, 204, 0, 0.1);\r\n        color: #ffcc00;\r\n    }\r\n\r\n    .help-section-wrapper .help-category:nth-child(6) .help-icon-wrapper {\r\n        background: rgba(249, 65, 68, 0.1);\r\n        color: #f94144;\r\n    }\r\n\r\n    .help-section-wrapper .help-category h3 {\r\n        font-size: 1.3rem;\r\n        font-weight: 700;\r\n        margin-bottom: 10px;\r\n        color: #1a1a2e;\r\n    }\r\n\r\n    .help-section-wrapper .help-category p {\r\n        color: #6c757d;\r\n        font-size: 0.95rem;\r\n        line-height: 1.6;\r\n        margin-bottom: 15px;\r\n    }\r\n\r\n    .help-section-wrapper .help-learn-more {\r\n        color: #4361ee;\r\n        font-weight: 600;\r\n        font-size: 0.9rem;\r\n        display: inline-flex;\r\n        align-items: center;\r\n        gap: 8px;\r\n        transition: all 0.3s ease;\r\n    }\r\n\r\n    .help-section-wrapper .help-learn-more i {\r\n        transition: transform 0.3s ease;\r\n    }\r\n\r\n    .help-section-wrapper .help-category:hover .help-learn-more i {\r\n        transform: translateX(5px);\r\n    }\r\n\r\n    \/* FAQ *\/\r\n    .help-section-wrapper .help-faq-section {\r\n        background: white;\r\n        border-radius: 20px;\r\n        padding: 50px;\r\n        box-shadow: 0 10px 40px rgba(0, 0, 0, 0.1);\r\n        margin-bottom: 60px;\r\n    }\r\n\r\n    .help-section-wrapper .help-section-header {\r\n        text-align: center;\r\n        margin-bottom: 40px;\r\n    }\r\n\r\n    .help-section-wrapper .help-section-header h2 {\r\n        font-size: 2.2rem;\r\n        font-weight: 700;\r\n        margin-bottom: 10px;\r\n        color: #1a1a2e;\r\n    }\r\n\r\n    .help-section-wrapper .help-section-header p {\r\n        color: #6c757d;\r\n        font-size: 1.05rem;\r\n    }\r\n\r\n    .help-section-wrapper .help-faq-item {\r\n        border-bottom: 2px solid #f0f2ff;\r\n        padding: 20px 0;\r\n        cursor: pointer;\r\n        transition: all 0.3s ease;\r\n    }\r\n\r\n    .help-section-wrapper .help-faq-item:last-child {\r\n        border-bottom: none;\r\n    }\r\n\r\n    .help-section-wrapper .help-faq-question {\r\n        display: flex;\r\n        justify-content: space-between;\r\n        align-items: center;\r\n        font-weight: 600;\r\n        font-size: 1.05rem;\r\n        transition: color 0.3s ease;\r\n        color: #1a1a2e;\r\n    }\r\n\r\n    .help-section-wrapper .help-faq-question:hover {\r\n        color: #4361ee;\r\n    }\r\n\r\n    .help-section-wrapper .help-faq-question i {\r\n        transition: transform 0.3s ease;\r\n        color: #4361ee;\r\n    }\r\n\r\n    .help-section-wrapper .help-faq-item.help-active .help-faq-question i {\r\n        transform: rotate(180deg);\r\n    }\r\n\r\n    .help-section-wrapper .help-faq-answer {\r\n        max-height: 0;\r\n        overflow: hidden;\r\n        transition: max-height 0.4s ease, padding 0.4s ease;\r\n        color: #6c757d;\r\n        line-height: 1.8;\r\n    }\r\n\r\n    .help-section-wrapper .help-faq-item.help-active .help-faq-answer {\r\n        max-height: 300px;\r\n        padding-top: 15px;\r\n    }\r\n\r\n    \/* Contact *\/\r\n    .help-section-wrapper .help-contact-section {\r\n        display: grid;\r\n        grid-template-columns: 1fr 1fr;\r\n        gap: 40px;\r\n        margin-bottom: 60px;\r\n    }\r\n\r\n    .help-section-wrapper .help-contact-info {\r\n        background: white;\r\n        border-radius: 20px;\r\n        padding: 40px;\r\n        box-shadow: 0 10px 40px rgba(0, 0, 0, 0.1);\r\n    }\r\n\r\n    .help-section-wrapper .help-contact-info h2 {\r\n        font-size: 1.8rem;\r\n        font-weight: 700;\r\n        margin-bottom: 10px;\r\n        color: #1a1a2e;\r\n    }\r\n\r\n    .help-section-wrapper .help-contact-info p {\r\n        color: #6c757d;\r\n        margin-bottom: 30px;\r\n        line-height: 1.8;\r\n    }\r\n\r\n    .help-section-wrapper .help-contact-method {\r\n        display: flex;\r\n        align-items: center;\r\n        gap: 15px;\r\n        padding: 15px 0;\r\n        border-bottom: 1px solid #f0f2ff;\r\n    }\r\n\r\n    .help-section-wrapper .help-contact-method:last-child {\r\n        border-bottom: none;\r\n    }\r\n\r\n    .help-section-wrapper .help-icon-circle {\r\n        width: 50px;\r\n        height: 50px;\r\n        border-radius: 50%;\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        font-size: 1.2rem;\r\n        flex-shrink: 0;\r\n    }\r\n\r\n    .help-section-wrapper .help-contact-method:nth-child(1) .help-icon-circle {\r\n        background: rgba(67, 97, 238, 0.1);\r\n        color: #4361ee;\r\n    }\r\n\r\n    .help-section-wrapper .help-contact-method:nth-child(2) .help-icon-circle {\r\n        background: rgba(76, 201, 240, 0.1);\r\n        color: #4cc9f0;\r\n    }\r\n\r\n    .help-section-wrapper .help-contact-method:nth-child(3) .help-icon-circle {\r\n        background: rgba(247, 37, 133, 0.1);\r\n        color: #f72585;\r\n    }\r\n\r\n    .help-section-wrapper .help-contact-method:nth-child(4) .help-icon-circle {\r\n        background: rgba(75, 181, 67, 0.1);\r\n        color: #4bb543;\r\n    }\r\n\r\n    .help-section-wrapper .help-contact-method div h4 {\r\n        font-size: 0.95rem;\r\n        font-weight: 600;\r\n        margin-bottom: 2px;\r\n        color: #1a1a2e;\r\n    }\r\n\r\n    .help-section-wrapper .help-contact-method div p {\r\n        color: #6c757d;\r\n        font-size: 0.9rem;\r\n        margin: 0;\r\n    }\r\n\r\n    .help-section-wrapper .help-contact-form {\r\n        background: white;\r\n        border-radius: 20px;\r\n        padding: 40px;\r\n        box-shadow: 0 10px 40px rgba(0, 0, 0, 0.1);\r\n    }\r\n\r\n    .help-section-wrapper .help-contact-form h2 {\r\n        font-size: 1.8rem;\r\n        font-weight: 700;\r\n        margin-bottom: 10px;\r\n        color: #1a1a2e;\r\n    }\r\n\r\n    .help-section-wrapper .help-contact-form p {\r\n        color: #6c757d;\r\n        margin-bottom: 25px;\r\n        line-height: 1.8;\r\n    }\r\n\r\n    .help-section-wrapper .help-form-group {\r\n        margin-bottom: 20px;\r\n    }\r\n\r\n    .help-section-wrapper .help-form-group label {\r\n        display: block;\r\n        font-weight: 500;\r\n        margin-bottom: 8px;\r\n        font-size: 0.95rem;\r\n        color: #1a1a2e;\r\n    }\r\n\r\n    .help-section-wrapper .help-form-group input,\r\n    .help-section-wrapper .help-form-group textarea,\r\n    .help-section-wrapper .help-form-group select {\r\n        width: 100%;\r\n        padding: 14px 18px;\r\n        border: 2px solid #e8ecf1;\r\n        border-radius: 12px;\r\n        font-size: 1rem;\r\n        font-family: 'Poppins', sans-serif;\r\n        transition: all 0.3s ease;\r\n        background: #f8f9ff;\r\n        color: #1a1a2e;\r\n    }\r\n\r\n    .help-section-wrapper .help-form-group input:focus,\r\n    .help-section-wrapper .help-form-group textarea:focus,\r\n    .help-section-wrapper .help-form-group select:focus {\r\n        outline: none;\r\n        border-color: #4361ee;\r\n        background: white;\r\n        box-shadow: 0 0 0 4px rgba(67, 97, 238, 0.05);\r\n    }\r\n\r\n    .help-section-wrapper .help-form-group textarea {\r\n        min-height: 120px;\r\n        resize: vertical;\r\n    }\r\n\r\n    .help-section-wrapper .help-submit-btn {\r\n        width: 100%;\r\n        padding: 16px;\r\n        background: linear-gradient(135deg, #4361ee 0%, #3a0ca3 100%);\r\n        color: white;\r\n        border: none;\r\n        border-radius: 12px;\r\n        font-size: 1.05rem;\r\n        font-weight: 600;\r\n        font-family: 'Poppins', sans-serif;\r\n        cursor: pointer;\r\n        transition: all 0.3s ease;\r\n        box-shadow: 0 8px 25px rgba(67, 97, 238, 0.3);\r\n    }\r\n\r\n    .help-section-wrapper .help-submit-btn:hover {\r\n        transform: translateY(-3px);\r\n        box-shadow: 0 12px 35px rgba(67, 97, 238, 0.4);\r\n    }\r\n\r\n    \/* Animations *\/\r\n    .help-section-wrapper .help-fade-up {\r\n        opacity: 0;\r\n        transform: translateY(30px);\r\n        transition: all 0.6s ease;\r\n    }\r\n\r\n    .help-section-wrapper .help-fade-up.help-visible {\r\n        opacity: 1;\r\n        transform: translateY(0);\r\n    }\r\n\r\n    \/* Responsive *\/\r\n    @media (max-width: 992px) {\r\n        .help-section-wrapper .help-header h1 {\r\n            font-size: 2.8rem;\r\n        }\r\n        .help-section-wrapper .help-contact-section {\r\n            grid-template-columns: 1fr;\r\n        }\r\n    }\r\n\r\n    @media (max-width: 768px) {\r\n        .help-section-wrapper .help-header h1 {\r\n            font-size: 2.2rem;\r\n        }\r\n        .help-section-wrapper .help-header p {\r\n            font-size: 1rem;\r\n        }\r\n        .help-section-wrapper .help-categories {\r\n            grid-template-columns: 1fr;\r\n        }\r\n        .help-section-wrapper .help-faq-section {\r\n            padding: 30px 20px;\r\n        }\r\n        .help-section-wrapper .help-contact-info,\r\n        .help-section-wrapper .help-contact-form {\r\n            padding: 30px 20px;\r\n        }\r\n        .help-section-wrapper .help-quick-actions {\r\n            gap: 10px;\r\n        }\r\n        .help-section-wrapper .help-quick-action {\r\n            padding: 10px 18px;\r\n            font-size: 0.85rem;\r\n        }\r\n    }\r\n\r\n    @media (max-width: 480px) {\r\n        .help-section-wrapper .help-header h1 {\r\n            font-size: 1.8rem;\r\n        }\r\n        .help-section-wrapper .help-search-container input {\r\n            padding: 14px 20px 14px 50px;\r\n            font-size: 0.9rem;\r\n        }\r\n        .help-section-wrapper .help-search-shortcut {\r\n            display: none;\r\n        }\r\n    }\r\n<\/style>\r\n\r\n<!-- ============================================\r\n     JAVASCRIPT DE AYUDA (AISLADO)\r\n     ============================================ -->\r\n<script>\r\n    (function() {\r\n        'use strict';\r\n        \r\n        \/\/ ============================================\r\n        \/\/ TOAST NOTIFICATIONS\r\n        \/\/ ============================================\r\n        function showHelpToast(type, title, description) {\r\n            const toast = document.getElementById('helpToastMessage');\r\n            if (!toast) return;\r\n            \r\n            const icon = toast.querySelector('i');\r\n            const titleElement = document.getElementById('helpToastTitle');\r\n            const descElement = document.getElementById('helpToastDescription');\r\n\r\n            toast.className = 'help-toast-message';\r\n            \r\n            if (type === 'success') {\r\n                toast.classList.add('help-success');\r\n                icon.className = 'fas fa-check-circle';\r\n            } else {\r\n                toast.classList.add('help-error');\r\n                icon.className = 'fas fa-exclamation-circle';\r\n            }\r\n\r\n            titleElement.textContent = title;\r\n            descElement.textContent = description;\r\n            toast.classList.add('help-show');\r\n\r\n            clearTimeout(toast.timeout);\r\n            toast.timeout = setTimeout(() => {\r\n                toast.classList.remove('help-show');\r\n            }, 5000);\r\n        }\r\n\r\n        \/\/ ============================================\r\n        \/\/ FAQ TOGGLE\r\n        \/\/ ============================================\r\n        document.querySelectorAll('.help-faq-item').forEach(item => {\r\n            const question = item.querySelector('.help-faq-question');\r\n            \r\n            if (question) {\r\n                question.addEventListener('click', () => {\r\n                    const isActive = item.classList.contains('help-active');\r\n                    \r\n                    document.querySelectorAll('.help-faq-item').forEach(other => {\r\n                        other.classList.remove('help-active');\r\n                    });\r\n                    \r\n                    if (!isActive) {\r\n                        item.classList.add('help-active');\r\n                    }\r\n                });\r\n            }\r\n        });\r\n\r\n        \/\/ ============================================\r\n        \/\/ SEARCH FUNCTIONALITY\r\n        \/\/ ============================================\r\n        const searchInput = document.getElementById('helpSearchInput');\r\n        \r\n        if (searchInput) {\r\n            searchInput.addEventListener('input', (e) => {\r\n                const query = e.target.value.toLowerCase().trim();\r\n                const faqItems = document.querySelectorAll('.help-faq-item');\r\n                const categories = document.querySelectorAll('.help-category');\r\n\r\n                faqItems.forEach(item => {\r\n                    const question = item.querySelector('.help-faq-question span');\r\n                    const answer = item.querySelector('.help-faq-answer p');\r\n                    \r\n                    if (question && answer) {\r\n                        const qText = question.textContent.toLowerCase();\r\n                        const aText = answer.textContent.toLowerCase();\r\n                        \r\n                        if (qText.includes(query) || aText.includes(query)) {\r\n                            item.style.display = 'block';\r\n                        } else {\r\n                            item.style.display = query === '' ? 'block' : 'none';\r\n                        }\r\n                    }\r\n                });\r\n\r\n                categories.forEach(cat => {\r\n                    const title = cat.querySelector('h3');\r\n                    const desc = cat.querySelector('p');\r\n                    \r\n                    if (title && desc) {\r\n                        const tText = title.textContent.toLowerCase();\r\n                        const dText = desc.textContent.toLowerCase();\r\n                        \r\n                        if (tText.includes(query) || dText.includes(query)) {\r\n                            cat.style.display = 'block';\r\n                        } else {\r\n                            cat.style.display = query === '' ? 'block' : 'none';\r\n                        }\r\n                    }\r\n                });\r\n            });\r\n\r\n            \/\/ Keyboard shortcut\r\n            document.addEventListener('keydown', (e) => {\r\n                if ((e.metaKey || e.ctrlKey) && e.key === 'k') {\r\n                    e.preventDefault();\r\n                    searchInput.focus();\r\n                    searchInput.select();\r\n                }\r\n                if (e.key === 'Escape') {\r\n                    searchInput.blur();\r\n                }\r\n            });\r\n        }\r\n\r\n        \/\/ ============================================\r\n        \/\/ SCROLL ANIMATIONS\r\n        \/\/ ============================================\r\n        function handleHelpScroll() {\r\n            const elements = document.querySelectorAll('.help-fade-up');\r\n            \r\n            elements.forEach(el => {\r\n                const rect = el.getBoundingClientRect();\r\n                const windowHeight = window.innerHeight;\r\n                \r\n                if (rect.top < windowHeight - 100) {\r\n                    el.classList.add('help-visible');\r\n                }\r\n            });\r\n        }\r\n\r\n        window.addEventListener('scroll', handleHelpScroll);\r\n        window.addEventListener('load', handleHelpScroll);\r\n\r\n        \/\/ ============================================\r\n        \/\/ CONTACT FORM\r\n        \/\/ ============================================\r\n        const contactForm = document.getElementById('helpContactForm');\r\n        \r\n        if (contactForm) {\r\n            contactForm.addEventListener('submit', (e) => {\r\n                e.preventDefault();\r\n                \r\n                const name = document.getElementById('helpContactName');\r\n                const email = document.getElementById('helpContactEmail');\r\n                const subject = document.getElementById('helpContactSubject');\r\n                const message = document.getElementById('helpContactMessage');\r\n\r\n                if (!name.value.trim() || !email.value.trim() || !subject.value || !message.value.trim()) {\r\n                    showHelpToast('error', 'Campos incompletos', 'Por favor completa todos los campos del formulario.');\r\n                    return;\r\n                }\r\n\r\n                const submitBtn = e.target.querySelector('.help-submit-btn');\r\n                submitBtn.innerHTML = '<i class=\"fas fa-spinner fa-spin\"><\/i> Enviando...';\r\n                submitBtn.disabled = true;\r\n\r\n                setTimeout(() => {\r\n                    showHelpToast('success', '\u00a1Mensaje Enviado!', \r\n                        'Hemos recibido tu consulta. Te responderemos en menos de 24 horas.');\r\n                    \r\n                    contactForm.reset();\r\n                    submitBtn.innerHTML = '<i class=\"fas fa-paper-plane\"><\/i> Enviar Mensaje';\r\n                    submitBtn.disabled = false;\r\n                }, 2000);\r\n            });\r\n        }\r\n\r\n        \/\/ ============================================\r\n        \/\/ CATEGORY CLICK\r\n        \/\/ ============================================\r\n        document.querySelectorAll('.help-category').forEach(cat => {\r\n            cat.addEventListener('click', function() {\r\n                const title = this.querySelector('h3');\r\n                if (title) {\r\n                    showHelpToast('success', '\ud83d\udcda ' + title.textContent, \r\n                        'Esta secci\u00f3n est\u00e1 en desarrollo. Pronto tendremos m\u00e1s informaci\u00f3n disponible.');\r\n                }\r\n            });\r\n        });\r\n\r\n        \/\/ ============================================\r\n        \/\/ QUICK ACTIONS (scroll suave)\r\n        \/\/ ============================================\r\n        document.querySelectorAll('.help-quick-action').forEach(link => {\r\n            link.addEventListener('click', (e) => {\r\n                const href = link.getAttribute('href');\r\n                if (href && href.startsWith('#')) {\r\n                    e.preventDefault();\r\n                    const target = document.querySelector(href);\r\n                    if (target) {\r\n                        target.scrollIntoView({ behavior: 'smooth', block: 'start' });\r\n                    }\r\n                }\r\n            });\r\n        });\r\n\r\n    })();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t\t<p class=\"e-paragraph-base\" data-interaction-id=\"483b4da\"><\/p>\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>\u00c9xito Mensaje Centro de Ayuda 24\/7 \u00bfC\u00f3mo podemos ayudarte? Encuentra respuestas r\u00e1pidas, gu\u00edas detalladas y soporte personalizado para todas tus necesidades t\u00e9cnicas. \u2318K Preguntas Frecuentes Contactar Soporte Hacer una Reserva Reservas y Citas Gu\u00eda paso a paso para agendar, modificar&hellip;<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-25","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/techsolutions.vcsistemas.com\/index.php?rest_route=\/wp\/v2\/pages\/25","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/techsolutions.vcsistemas.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/techsolutions.vcsistemas.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/techsolutions.vcsistemas.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/techsolutions.vcsistemas.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=25"}],"version-history":[{"count":8,"href":"https:\/\/techsolutions.vcsistemas.com\/index.php?rest_route=\/wp\/v2\/pages\/25\/revisions"}],"predecessor-version":[{"id":277,"href":"https:\/\/techsolutions.vcsistemas.com\/index.php?rest_route=\/wp\/v2\/pages\/25\/revisions\/277"}],"wp:attachment":[{"href":"https:\/\/techsolutions.vcsistemas.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=25"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}