{"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:12:39","modified_gmt":"2026-07-06T04:12:39","slug":"contactanos","status":"publish","type":"page","link":"https:\/\/prueba.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 (SOLO ESTO)\r\n     ============================================ -->\r\n\r\n<!-- Toast Message -->\r\n<div class=\"toast-message\" id=\"toastMessageAyuda\">\r\n    <i class=\"fas fa-check-circle\"><\/i>\r\n    <div class=\"toast-content\">\r\n        <h4 id=\"toastTitleAyuda\">\u00c9xito<\/h4>\r\n        <p id=\"toastDescriptionAyuda\">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=\"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=\"search-container\">\r\n        <i class=\"fas fa-search\"><\/i>\r\n        <input type=\"text\" id=\"searchInputAyuda\" placeholder=\"Buscar en la ayuda... (ej: reserva, pago, instalaci\u00f3n)\">\r\n        <span class=\"search-shortcut\">\u2318K<\/span>\r\n    <\/div>\r\n\r\n    <!-- Quick Actions -->\r\n    <div class=\"quick-actions\">\r\n        <a href=\"#faqAyuda\" class=\"quick-action\">\r\n            <i class=\"fas fa-question-circle\"><\/i> Preguntas Frecuentes\r\n        <\/a>\r\n        <a href=\"#contactAyuda\" class=\"quick-action\">\r\n            <i class=\"fas fa-envelope\"><\/i> Contactar Soporte\r\n        <\/a>\r\n        <a href=\"#reservas\" class=\"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<section class=\"help-categories\" id=\"categoriesAyuda\">\r\n    <div class=\"help-category fade-up\">\r\n        <div class=\"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=\"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 fade-up\">\r\n        <div class=\"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=\"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 fade-up\">\r\n        <div class=\"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=\"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 fade-up\">\r\n        <div class=\"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=\"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 fade-up\">\r\n        <div class=\"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=\"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 fade-up\">\r\n        <div class=\"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=\"learn-more\">\r\n            Ver m\u00e1s <i class=\"fas fa-arrow-right\"><\/i>\r\n        <\/span>\r\n    <\/div>\r\n<\/section>\r\n\r\n<!-- FAQ Section -->\r\n<section class=\"faq-section\" id=\"faqAyuda\">\r\n    <div class=\"section-header 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=\"faq-item active fade-up\">\r\n        <div class=\"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=\"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=\"faq-item fade-up\">\r\n        <div class=\"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=\"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=\"faq-item fade-up\">\r\n        <div class=\"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=\"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=\"faq-item fade-up\">\r\n        <div class=\"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=\"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=\"faq-item fade-up\">\r\n        <div class=\"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=\"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<\/section>\r\n\r\n<!-- Contact Section -->\r\n<section class=\"contact-section\" id=\"contactAyuda\">\r\n    <div class=\"contact-info 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=\"contact-method\">\r\n            <div class=\"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=\"contact-method\">\r\n            <div class=\"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=\"contact-method\">\r\n            <div class=\"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=\"contact-method\">\r\n            <div class=\"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=\"contact-form 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=\"contactFormAyuda\">\r\n            <div class=\"form-group\">\r\n                <label for=\"contactNameAyuda\">Nombre completo<\/label>\r\n                <input type=\"text\" id=\"contactNameAyuda\" placeholder=\"Ej: Clara Suni\" required>\r\n            <\/div>\r\n\r\n            <div class=\"form-group\">\r\n                <label for=\"contactEmailAyuda\">Correo electr\u00f3nico<\/label>\r\n                <input type=\"email\" id=\"contactEmailAyuda\" placeholder=\"Ej: clara@ejemplo.com\" required>\r\n            <\/div>\r\n\r\n            <div class=\"form-group\">\r\n                <label for=\"contactSubjectAyuda\">Asunto<\/label>\r\n                <select id=\"contactSubjectAyuda\" 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=\"form-group\">\r\n                <label for=\"contactMessageAyuda\">Mensaje<\/label>\r\n                <textarea id=\"contactMessageAyuda\" placeholder=\"Describe tu consulta en detalle...\" required><\/textarea>\r\n            <\/div>\r\n\r\n            <button type=\"submit\" class=\"submit-btn-help\">\r\n                <i class=\"fas fa-paper-plane\"><\/i> Enviar Mensaje\r\n            <\/button>\r\n        <\/form>\r\n    <\/div>\r\n<\/section>\r\n\r\n<!-- ============================================\r\n     ESTILOS SOLO PARA AYUDA\r\n     ============================================ -->\r\n<style>\r\n    \/* ===== ESTILOS DE AYUDA ===== *\/\r\n    \/* Estos estilos NO afectan tu men\u00fa porque usan selectores espec\u00edficos *\/\r\n    \r\n    .help-header {\r\n        text-align: center;\r\n        padding: 40px 20px 30px;\r\n        position: relative;\r\n    }\r\n\r\n    .help-header .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-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-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    .search-container {\r\n        max-width: 600px;\r\n        margin: 0 auto 30px;\r\n        position: relative;\r\n    }\r\n\r\n    .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    .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    .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    .search-container .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    .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    .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    .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    .quick-action i {\r\n        color: #4361ee;\r\n        font-size: 1.1rem;\r\n    }\r\n\r\n    \/* Help Categories *\/\r\n    .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-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-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-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-category:hover::before {\r\n        opacity: 1;\r\n    }\r\n\r\n    .help-category .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-category:nth-child(1) .icon-wrapper {\r\n        background: rgba(67, 97, 238, 0.1);\r\n        color: #4361ee;\r\n    }\r\n\r\n    .help-category:nth-child(2) .icon-wrapper {\r\n        background: rgba(247, 37, 133, 0.1);\r\n        color: #f72585;\r\n    }\r\n\r\n    .help-category:nth-child(3) .icon-wrapper {\r\n        background: rgba(76, 201, 240, 0.1);\r\n        color: #4cc9f0;\r\n    }\r\n\r\n    .help-category:nth-child(4) .icon-wrapper {\r\n        background: rgba(75, 181, 67, 0.1);\r\n        color: #4bb543;\r\n    }\r\n\r\n    .help-category:nth-child(5) .icon-wrapper {\r\n        background: rgba(255, 204, 0, 0.1);\r\n        color: #ffcc00;\r\n    }\r\n\r\n    .help-category:nth-child(6) .icon-wrapper {\r\n        background: rgba(249, 65, 68, 0.1);\r\n        color: #f94144;\r\n    }\r\n\r\n    .help-category h3 {\r\n        font-size: 1.3rem;\r\n        font-weight: 700;\r\n        margin-bottom: 10px;\r\n    }\r\n\r\n    .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-category .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-category .learn-more i {\r\n        transition: transform 0.3s ease;\r\n    }\r\n\r\n    .help-category:hover .learn-more i {\r\n        transform: translateX(5px);\r\n    }\r\n\r\n    \/* FAQ Section *\/\r\n    .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    .faq-section .section-header {\r\n        text-align: center;\r\n        margin-bottom: 40px;\r\n    }\r\n\r\n    .faq-section .section-header h2 {\r\n        font-size: 2.2rem;\r\n        font-weight: 700;\r\n        margin-bottom: 10px;\r\n    }\r\n\r\n    .faq-section .section-header p {\r\n        color: #6c757d;\r\n        font-size: 1.05rem;\r\n    }\r\n\r\n    .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    .faq-item:last-child {\r\n        border-bottom: none;\r\n    }\r\n\r\n    .faq-item .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    }\r\n\r\n    .faq-item .faq-question:hover {\r\n        color: #4361ee;\r\n    }\r\n\r\n    .faq-item .faq-question i {\r\n        transition: transform 0.3s ease;\r\n        color: #4361ee;\r\n    }\r\n\r\n    .faq-item.active .faq-question i {\r\n        transform: rotate(180deg);\r\n    }\r\n\r\n    .faq-item .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    .faq-item.active .faq-answer {\r\n        max-height: 300px;\r\n        padding-top: 15px;\r\n    }\r\n\r\n    \/* Contact Section *\/\r\n    .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    .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    .contact-info h2 {\r\n        font-size: 1.8rem;\r\n        font-weight: 700;\r\n        margin-bottom: 10px;\r\n    }\r\n\r\n    .contact-info p {\r\n        color: #6c757d;\r\n        margin-bottom: 30px;\r\n        line-height: 1.8;\r\n    }\r\n\r\n    .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    .contact-method:last-child {\r\n        border-bottom: none;\r\n    }\r\n\r\n    .contact-method .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    .contact-method:nth-child(1) .icon-circle {\r\n        background: rgba(67, 97, 238, 0.1);\r\n        color: #4361ee;\r\n    }\r\n\r\n    .contact-method:nth-child(2) .icon-circle {\r\n        background: rgba(76, 201, 240, 0.1);\r\n        color: #4cc9f0;\r\n    }\r\n\r\n    .contact-method:nth-child(3) .icon-circle {\r\n        background: rgba(247, 37, 133, 0.1);\r\n        color: #f72585;\r\n    }\r\n\r\n    .contact-method:nth-child(4) .icon-circle {\r\n        background: rgba(75, 181, 67, 0.1);\r\n        color: #4bb543;\r\n    }\r\n\r\n    .contact-method div h4 {\r\n        font-size: 0.95rem;\r\n        font-weight: 600;\r\n        margin-bottom: 2px;\r\n    }\r\n\r\n    .contact-method div p {\r\n        color: #6c757d;\r\n        font-size: 0.9rem;\r\n        margin: 0;\r\n    }\r\n\r\n    .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    .contact-form h2 {\r\n        font-size: 1.8rem;\r\n        font-weight: 700;\r\n        margin-bottom: 10px;\r\n    }\r\n\r\n    .contact-form p {\r\n        color: #6c757d;\r\n        margin-bottom: 25px;\r\n        line-height: 1.8;\r\n    }\r\n\r\n    .contact-form .form-group {\r\n        margin-bottom: 20px;\r\n    }\r\n\r\n    .contact-form label {\r\n        display: block;\r\n        font-weight: 500;\r\n        margin-bottom: 8px;\r\n        font-size: 0.95rem;\r\n    }\r\n\r\n    .contact-form input,\r\n    .contact-form textarea,\r\n    .contact-form 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    }\r\n\r\n    .contact-form input:focus,\r\n    .contact-form textarea:focus,\r\n    .contact-form 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    .contact-form textarea {\r\n        min-height: 120px;\r\n        resize: vertical;\r\n    }\r\n\r\n    .submit-btn-help {\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    .submit-btn-help: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    \/* Toast *\/\r\n    .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: 1000;\r\n        max-width: 400px;\r\n        display: flex;\r\n        align-items: center;\r\n        gap: 15px;\r\n    }\r\n\r\n    .toast-message.show {\r\n        transform: translateX(0);\r\n    }\r\n\r\n    .toast-message.success {\r\n        border-left: 5px solid #4bb543;\r\n    }\r\n\r\n    .toast-message.error {\r\n        border-left: 5px solid #f94144;\r\n    }\r\n\r\n    .toast-message i {\r\n        font-size: 1.8rem;\r\n    }\r\n\r\n    .toast-message.success i {\r\n        color: #4bb543;\r\n    }\r\n\r\n    .toast-message.error i {\r\n        color: #f94144;\r\n    }\r\n\r\n    .toast-message .toast-content h4 {\r\n        font-size: 1rem;\r\n        font-weight: 600;\r\n        margin-bottom: 5px;\r\n    }\r\n\r\n    .toast-message .toast-content p {\r\n        font-size: 0.9rem;\r\n        color: #6c757d;\r\n        margin: 0;\r\n    }\r\n\r\n    \/* Scroll Animations *\/\r\n    .fade-up {\r\n        opacity: 0;\r\n        transform: translateY(30px);\r\n        transition: all 0.6s ease;\r\n    }\r\n\r\n    .fade-up.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-header h1 {\r\n            font-size: 2.8rem;\r\n        }\r\n\r\n        .contact-section {\r\n            grid-template-columns: 1fr;\r\n        }\r\n    }\r\n\r\n    @media (max-width: 768px) {\r\n        .help-header h1 {\r\n            font-size: 2.2rem;\r\n        }\r\n\r\n        .help-header p {\r\n            font-size: 1rem;\r\n        }\r\n\r\n        .help-categories {\r\n            grid-template-columns: 1fr;\r\n        }\r\n\r\n        .faq-section {\r\n            padding: 30px 20px;\r\n        }\r\n\r\n        .contact-info,\r\n        .contact-form {\r\n            padding: 30px 20px;\r\n        }\r\n\r\n        .quick-actions {\r\n            gap: 10px;\r\n        }\r\n\r\n        .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-header h1 {\r\n            font-size: 1.8rem;\r\n        }\r\n\r\n        .search-container input {\r\n            padding: 14px 20px 14px 50px;\r\n            font-size: 0.9rem;\r\n        }\r\n\r\n        .search-container .search-shortcut {\r\n            display: none;\r\n        }\r\n    }\r\n<\/style>\r\n\r\n<!-- ============================================\r\n     JAVASCRIPT SOLO PARA AYUDA\r\n     ============================================ -->\r\n<script>\r\n    \/\/ ============================================\r\n    \/\/ TOAST NOTIFICATIONS\r\n    \/\/ ============================================\r\n    function showToastAyuda(type, title, description) {\r\n        const toast = document.getElementById('toastMessageAyuda');\r\n        if (!toast) return;\r\n        \r\n        const icon = toast.querySelector('i');\r\n        const titleElement = document.getElementById('toastTitleAyuda');\r\n        const descElement = document.getElementById('toastDescriptionAyuda');\r\n\r\n        toast.className = 'toast-message';\r\n        \r\n        if (type === 'success') {\r\n            toast.classList.add('success');\r\n            icon.className = 'fas fa-check-circle';\r\n        } else {\r\n            toast.classList.add('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('show');\r\n\r\n        clearTimeout(toast.timeout);\r\n        toast.timeout = setTimeout(() => {\r\n            toast.classList.remove('show');\r\n        }, 5000);\r\n    }\r\n\r\n    \/\/ ============================================\r\n    \/\/ FAQ TOGGLE\r\n    \/\/ ============================================\r\n    document.querySelectorAll('.faq-item').forEach(item => {\r\n        const question = item.querySelector('.faq-question');\r\n        \r\n        question.addEventListener('click', () => {\r\n            const isActive = item.classList.contains('active');\r\n            \r\n            document.querySelectorAll('.faq-item').forEach(other => {\r\n                other.classList.remove('active');\r\n            });\r\n            \r\n            if (!isActive) {\r\n                item.classList.add('active');\r\n            }\r\n        });\r\n    });\r\n\r\n    \/\/ ============================================\r\n    \/\/ SEARCH FUNCTIONALITY\r\n    \/\/ ============================================\r\n    const searchInputAyuda = document.getElementById('searchInputAyuda');\r\n    \r\n    if (searchInputAyuda) {\r\n        searchInputAyuda.addEventListener('input', (e) => {\r\n            const query = e.target.value.toLowerCase().trim();\r\n            const faqItems = document.querySelectorAll('.faq-item');\r\n            const categories = document.querySelectorAll('.help-category');\r\n\r\n            faqItems.forEach(item => {\r\n                const question = item.querySelector('.faq-question span').textContent.toLowerCase();\r\n                const answer = item.querySelector('.faq-answer p').textContent.toLowerCase();\r\n                \r\n                if (question.includes(query) || answer.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            categories.forEach(cat => {\r\n                const title = cat.querySelector('h3').textContent.toLowerCase();\r\n                const desc = cat.querySelector('p').textContent.toLowerCase();\r\n                \r\n                if (title.includes(query) || desc.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        \/\/ Keyboard shortcut (\u2318K)\r\n        document.addEventListener('keydown', (e) => {\r\n            if ((e.metaKey || e.ctrlKey) && e.key === 'k') {\r\n                e.preventDefault();\r\n                searchInputAyuda.focus();\r\n                searchInputAyuda.select();\r\n            }\r\n            if (e.key === 'Escape') {\r\n                searchInputAyuda.blur();\r\n            }\r\n        });\r\n    }\r\n\r\n    \/\/ ============================================\r\n    \/\/ SCROLL ANIMATIONS\r\n    \/\/ ============================================\r\n    function handleScrollAnimationsAyuda() {\r\n        const elements = document.querySelectorAll('.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('visible');\r\n            }\r\n        });\r\n    }\r\n\r\n    window.addEventListener('scroll', handleScrollAnimationsAyuda);\r\n    window.addEventListener('load', handleScrollAnimationsAyuda);\r\n\r\n    \/\/ ============================================\r\n    \/\/ CONTACT FORM SUBMISSION\r\n    \/\/ ============================================\r\n    document.getElementById('contactFormAyuda').addEventListener('submit', (e) => {\r\n        e.preventDefault();\r\n        \r\n        const name = document.getElementById('contactNameAyuda').value.trim();\r\n        const email = document.getElementById('contactEmailAyuda').value.trim();\r\n        const subject = document.getElementById('contactSubjectAyuda').value;\r\n        const message = document.getElementById('contactMessageAyuda').value.trim();\r\n\r\n        if (!name || !email || !subject || !message) {\r\n            showToastAyuda('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('.submit-btn-help');\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            showToastAyuda('success', '\u00a1Mensaje Enviado!', \r\n                'Hemos recibido tu consulta. Te responderemos en menos de 24 horas.');\r\n            \r\n            e.target.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    \/\/ CATEGORY CLICK\r\n    \/\/ ============================================\r\n    document.querySelectorAll('.help-category .learn-more, .help-category').forEach(el => {\r\n        el.addEventListener('click', function(e) {\r\n            if (e.target.closest('a')) return;\r\n            \r\n            const category = this.closest('.help-category');\r\n            const title = category.querySelector('h3').textContent;\r\n            showToastAyuda('success', '\ud83d\udcda ' + title, \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    \/\/ QUICK ACTION LINKS (scroll suave)\r\n    \/\/ ============================================\r\n    document.querySelectorAll('.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<\/script>\t\t\t\t<\/div>\n\t\t\t\t\t<p class=\"e-paragraph-base e-default-p\" 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:\/\/prueba.vcsistemas.com\/index.php?rest_route=\/wp\/v2\/pages\/25","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/prueba.vcsistemas.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/prueba.vcsistemas.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/prueba.vcsistemas.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/prueba.vcsistemas.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=25"}],"version-history":[{"count":6,"href":"https:\/\/prueba.vcsistemas.com\/index.php?rest_route=\/wp\/v2\/pages\/25\/revisions"}],"predecessor-version":[{"id":274,"href":"https:\/\/prueba.vcsistemas.com\/index.php?rest_route=\/wp\/v2\/pages\/25\/revisions\/274"}],"wp:attachment":[{"href":"https:\/\/prueba.vcsistemas.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=25"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}