{"id":1747,"date":"2025-10-18T02:05:01","date_gmt":"2025-10-18T07:05:01","guid":{"rendered":"https:\/\/lottoalert.co\/contact-us\/"},"modified":"2025-10-18T02:05:01","modified_gmt":"2025-10-18T07:05:01","slug":"contact-us","status":"publish","type":"page","link":"https:\/\/lottoalert.co\/en\/contact-us\/","title":{"rendered":"Contact us"},"content":{"rendered":"[vc_row type=&#8221;in_container&#8221; full_screen_row_position=&#8221;middle&#8221; column_margin=&#8221;default&#8221; column_direction=&#8221;default&#8221; column_direction_tablet=&#8221;default&#8221; column_direction_phone=&#8221;default&#8221; scene_position=&#8221;center&#8221; text_color=&#8221;dark&#8221; text_align=&#8221;left&#8221; row_border_radius=&#8221;none&#8221; row_border_radius_applies=&#8221;bg&#8221; overflow=&#8221;visible&#8221; overlay_strength=&#8221;0.3&#8243; gradient_direction=&#8221;left_to_right&#8221; shape_divider_position=&#8221;bottom&#8221; bg_image_animation=&#8221;none&#8221;][vc_column column_padding=&#8221;no-extra-padding&#8221; column_padding_tablet=&#8221;inherit&#8221; column_padding_phone=&#8221;inherit&#8221; column_padding_position=&#8221;all&#8221; column_element_direction_desktop=&#8221;default&#8221; column_element_spacing=&#8221;default&#8221; desktop_text_alignment=&#8221;default&#8221; tablet_text_alignment=&#8221;default&#8221; phone_text_alignment=&#8221;default&#8221; background_color_opacity=&#8221;1&#8243; background_hover_color_opacity=&#8221;1&#8243; column_backdrop_filter=&#8221;none&#8221; column_shadow=&#8221;none&#8221; column_border_radius=&#8221;none&#8221; column_link_target=&#8221;_self&#8221; column_position=&#8221;default&#8221; gradient_direction=&#8221;left_to_right&#8221; overlay_strength=&#8221;0.3&#8243; width=&#8221;1\/1&#8243; tablet_width_inherit=&#8221;default&#8221; animation_type=&#8221;default&#8221; bg_image_animation=&#8221;none&#8221; border_type=&#8221;simple&#8221; column_border_width=&#8221;none&#8221; column_border_style=&#8221;solid&#8221;][vc_column_text css=&#8221;&#8221; text_direction=&#8221;default&#8221;]<div class=\"clr-form-header\"><h2 class=\"clr-form-title\">Contact us<\/h2><p class=\"clr-form-subtitle\">Estamos aqu\u00ed para ayudarte<\/p><\/div>\n<div class=\"clr-contact-form-container\">\n    \n    <!-- Errores -->\n        \n    <!-- Formulario -->\n    <form method=\"post\" action=\"\" class=\"clr-form clr-contact-form\" novalidate>\n        \n        <input type=\"hidden\" id=\"clr_contact_nonce\" name=\"clr_contact_nonce\" value=\"5236050915\" \/><input type=\"hidden\" name=\"_wp_http_referer\" value=\"\/en\/wp-json\/wp\/v2\/pages\/1747\" \/>        \n        <!-- Campo oculto para detectar bots (honeypot) -->\n        <input type=\"text\" name=\"clr_website\" style=\"position: absolute; left: -9999px;\" tabindex=\"-1\" autocomplete=\"off\">\n        \n        <!-- Campo oculto para time-check -->\n        <input type=\"hidden\" name=\"clr_form_start_time\" value=\"1775408193\">\n        \n        <!-- Nombre -->\n        <div class=\"clr-form-group\">\n            <label for=\"clr_name\" class=\"clr-label\">\n                Name                <span class=\"clr-required\">*<\/span>\n            <\/label>\n            <input \n                type=\"text\" \n                name=\"clr_name\" \n                id=\"clr_name\" \n                class=\"clr-input\"\n                value=\"\"\n                required\n                minlength=\"2\"\n                maxlength=\"100\"\n                pattern=\"[A-Za-z\u00c0-\u00ff\\s]+\"\n                title=\"Letters and spaces only. Minimum 2 characters.\"\n            >\n        <\/div>\n        \n        <!-- Email -->\n        <div class=\"clr-form-group\">\n            <label for=\"clr_email\" class=\"clr-label\">\n                Email                <span class=\"clr-required\">*<\/span>\n            <\/label>\n            <input \n                type=\"email\" \n                name=\"clr_email\" \n                id=\"clr_email\" \n                class=\"clr-input\"\n                value=\"\"\n                required\n                title=\"Enter a valid email. Example: user@example.com\"\n            >\n        <\/div>\n        \n        <!-- Asunto -->\n        <div class=\"clr-form-group\">\n            <label for=\"clr_subject\" class=\"clr-label\">\n                Subject.            <\/label>\n         <select name=\"clr_subject\" id=\"clr_subject\" class=\"clr-input clr-subject-field\">\n    <option value=\"\" disabled selected>Select a subject<\/option>\n    <option value=\"I didn\u2019t find my lottery\" >I didn\u2019t find my lottery<\/option>\n    <option value=\"General inquiry.\" >General inquiry.<\/option>\n    <option value=\"Technical support\" >Technical support<\/option>\n    <option value=\"Report an error\" >Report an error<\/option>\n    <option value=\"Suggestion\" >Suggestion<\/option>\n    <option value=\"Other.\" >Other.<\/option>\n<\/select>\n        <\/div>\n        \n        <!-- Mensaje -->\n        <div class=\"clr-form-group\">\n            <label for=\"clr_message\" class=\"clr-label\">\n                Message                <span class=\"clr-required\">*<\/span>\n            <\/label>\n            <textarea \n                name=\"clr_message\" \n                id=\"clr_message\" \n                class=\"clr-input clr-textarea\"\n                rows=\"6\"\n                required\n                minlength=\"10\"\n                maxlength=\"5000\"\n                title=\"Minimum 10 characters. Please describe your inquiry in detail.\"\n            ><\/textarea>\n            <small class=\"clr-help-text\">\n                Minimum 10 characters            <\/small>\n        <\/div>\n        \n<!-- Bot\u00f3n enviar -->\n<div class=\"clr-form-actions\">\n    <button type=\"submit\" name=\"clr_contact_submit\" id=\"clr-contact-submit-btn\" class=\"clr-button clr-button-primary clr-button-full\">\n        <span class=\"clr-button-content\">\n            <span class=\"clr-button-text\">Send Message<\/span>\n            <span class=\"clr-button-icon\">\u2192<\/span>\n        <\/span>\n        <span class=\"clr-button-loading\" style=\"display: none;\">\n            <span class=\"clr-spinner\"><\/span>\n            <span class=\"clr-loading-text\">Sending...<\/span>\n        <\/span>\n    <\/button>\n<\/div>\n        \n    <\/form>\n    \n<\/div>\n\n<style>\n\/* Resetear conflictos con otros plugins *\/\n.clr-contact-form-container,\n.clr-contact-form-container * {\n    box-sizing: border-box;\n}\n\n.clr-contact-form-container {\n    max-width: 600px;\n    margin: 0 auto;\n    padding: 20px;\n}\n\n.clr-form-group {\n    margin-bottom: 20px;\n}\n\n.clr-label {\n    display: block;\n    margin-bottom: 8px;\n    font-weight: 600;\n    color: #2c3e50;\n    font-size: 14px;\n}\n\n.clr-required {\n    color: #e74c3c;\n    margin-left: 3px;\n}\n\n.clr-input {\n    width: 100%;\n    padding: 12px 15px;\n    border: 2px solid #dfe6e9;\n    border-radius: 6px;\n    font-size: 15px;\n    transition: all 0.3s ease;\n    font-family: inherit;\n}\n\n.clr-input:focus {\n    outline: none;\n    border-color: #3498db;\n    box-shadow: 0 0 0 3px rgba(52, 152, 219, 0.1);\n}\n\n.clr-input:invalid:not(:placeholder-shown) {\n    border-color: #e74c3c;\n}\n\n.clr-input:valid:not(:placeholder-shown) {\n    border-color: #27ae60;\n}\n\n.clr-textarea {\n    resize: vertical;\n    min-height: 120px;\n    font-family: inherit;\n}\n\n.clr-subject-field {\n    background-image: url('data:image\/svg+xml;charset=UTF-8,%3csvg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"%3e%3cpolyline points=\"6 9 12 15 18 9\"%3e%3c\/polyline%3e%3c\/svg%3e');\n    background-repeat: no-repeat;\n    background-position: right 12px center;\n    background-size: 20px;\n    padding-right: 40px;\n    appearance: none;\n    cursor: pointer;\n}\n\n.clr-help-text {\n    display: block;\n    margin-top: 6px;\n    font-size: 13px;\n    color: #7f8c8d;\n}\n\n.clr-form-actions {\n    margin-top: 30px;\n}\n\n.clr-button {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    gap: 10px;\n    padding: 14px 30px;\n    border: none;\n    border-radius: 8px;\n    font-size: 16px;\n    font-weight: 600;\n    cursor: pointer;\n    transition: all 0.3s ease;\n    text-decoration: none;\n    font-family: inherit;\n}\n\n.clr-button-primary {\n    background: linear-gradient(135deg, #3498db 0%, #2980b9 100%);\n    color: white;\n}\n\n.clr-button-primary:hover {\n    background: linear-gradient(135deg, #2980b9 0%, #21618c 100%);\n    transform: translateY(-2px);\n    box-shadow: 0 5px 15px rgba(52, 152, 219, 0.3);\n}\n\n.clr-button-full {\n    width: 100%;\n}\n\n.clr-button-icon {\n    font-size: 20px;\n    transition: transform 0.3s ease;\n}\n\n.clr-button:hover .clr-button-icon {\n    transform: translateX(5px);\n}\n\n\/* Prevenir conflictos con Slick Slider *\/\n.clr-contact-form-container .slick-list,\n.clr-contact-form-container .slick-track,\n.clr-contact-form .slick-list,\n.clr-contact-form .slick-track {\n    transform: none !important;\n    position: static !important;\n    display: block !important;\n    width: auto !important;\n    height: auto !important;\n}\n\n.clr-contact-form,\n.clr-contact-form * {\n    touch-action: auto !important;\n    user-select: text !important;\n    -webkit-user-drag: none !important;\n}\n\n\/* Responsive *\/\n@media (max-width: 768px) {\n    .clr-contact-form-container {\n        padding: 15px;\n    }\n    \n    .clr-input {\n        font-size: 16px; \/* Evita zoom en iOS *\/\n    }\n}\n\t\n\t\/* Loading state del bot\u00f3n *\/\n.clr-button-content,\n.clr-button-loading {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    gap: 10px;\n}\n\n.clr-button.clr-loading .clr-button-content {\n    display: none;\n}\n\n.clr-button.clr-loading .clr-button-loading {\n    display: flex !important;\n}\n\n.clr-button.clr-loading {\n    opacity: 0.7;\n    cursor: not-allowed;\n}\n\n\/* Spinner animado *\/\n.clr-spinner {\n    width: 18px;\n    height: 18px;\n    border: 3px solid rgba(255, 255, 255, 0.3);\n    border-top-color: #ffffff;\n    border-radius: 50%;\n    animation: clr-spin 0.8s linear infinite;\n}\n\n@keyframes clr-spin {\n    to { transform: rotate(360deg); }\n}\n\n.clr-loading-text {\n    font-weight: 600;\n}\n\t\n\t\/* Loading state del bot\u00f3n *\/\n.clr-button-content,\n.clr-button-loading {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    gap: 10px;\n}\n\n.clr-button.clr-loading .clr-button-content {\n    display: none;\n}\n\n.clr-button.clr-loading .clr-button-loading {\n    display: flex !important;\n}\n\n.clr-button.clr-loading {\n    opacity: 0.7;\n    cursor: not-allowed;\n}\n\n\/* Spinner animado *\/\n.clr-spinner {\n    width: 18px;\n    height: 18px;\n    border: 3px solid rgba(255, 255, 255, 0.3);\n    border-top-color: #ffffff;\n    border-radius: 50%;\n    animation: clr-spin 0.8s linear infinite;\n}\n\n@keyframes clr-spin {\n    to { transform: rotate(360deg); }\n}\n\n.clr-loading-text {\n    font-weight: 600;\n}\n<\/style>\n\n<script>\n(function($) {\n    'use strict';\n    \n    $(document).ready(function() {\n        var $contactForm = $('.clr-contact-form-container');\n        \n        if ($contactForm.length === 0) return;\n        \n        var $form = $contactForm.find('.clr-contact-form');\n        var $submitBtn = $('#clr-contact-submit-btn');\n        \n        if ($form.length) {\n            \/\/ Prevenir que Slick Slider afecte el formulario\n            $contactForm.find('*').each(function() {\n                var $el = $(this);\n                $el.removeClass('slick-initialized slick-slider slick-list slick-track draggable');\n                \n                $el.removeAttr('data-slick-index');\n                $el.removeAttr('aria-describedby');\n                if ($el.attr('class') === '') {\n                    $el.removeAttr('class');\n                }\n            });\n            \n            \/\/ Desactivar Slick en el formulario si se inicializ\u00f3\n            if (typeof $.fn.slick !== 'undefined') {\n                $contactForm.find('.slick-initialized').each(function() {\n                    try {\n                        $(this).slick('unslick');\n                    } catch(e) {\n                        console.log('No se pudo desactivar slick:', e);\n                    }\n                });\n            }\n            \n            \/\/ Mostrar loader al hacer submit\n            $form.on('submit', function() {\n                \/\/ Solo si el formulario es v\u00e1lido\n                if (this.checkValidity()) {\n                    $submitBtn.addClass('clr-loading');\n                    \/\/ NO deshabilitamos el bot\u00f3n para permitir el submit\n                }\n            });\n        }\n    });\n})(jQuery);\n<\/script>[\/vc_column_text][\/vc_column][\/vc_row]\n","protected":false},"excerpt":{"rendered":"<p>[vc_row type=&#8221;in_container&#8221; full_screen_row_position=&#8221;middle&#8221; column_margin=&#8221;default&#8221; column_direction=&#8221;default&#8221; column_direction_tablet=&#8221;default&#8221; column_direction_phone=&#8221;default&#8221; scene_position=&#8221;center&#8221; text_color=&#8221;dark&#8221; text_align=&#8221;left&#8221; row_border_radius=&#8221;none&#8221; row_border_radius_applies=&#8221;bg&#8221; overflow=&#8221;visible&#8221; overlay_strength=&#8221;0.3&#8243; gradient_direction=&#8221;left_to_right&#8221; shape_divider_position=&#8221;bottom&#8221; bg_image_animation=&#8221;none&#8221;][vc_column column_padding=&#8221;no-extra-padding&#8221; column_padding_tablet=&#8221;inherit&#8221; column_padding_phone=&#8221;inherit&#8221; column_padding_position=&#8221;all&#8221; column_element_direction_desktop=&#8221;default&#8221; column_element_spacing=&#8221;default&#8221; desktop_text_alignment=&#8221;default&#8221; tablet_text_alignment=&#8221;default&#8221; phone_text_alignment=&#8221;default&#8221; background_color_opacity=&#8221;1&#8243; background_hover_color_opacity=&#8221;1&#8243; column_backdrop_filter=&#8221;none&#8221; column_shadow=&#8221;none&#8221;&#8230;<\/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-1747","page","type-page","status-publish"],"_links":{"self":[{"href":"https:\/\/lottoalert.co\/en\/wp-json\/wp\/v2\/pages\/1747","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/lottoalert.co\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/lottoalert.co\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/lottoalert.co\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/lottoalert.co\/en\/wp-json\/wp\/v2\/comments?post=1747"}],"version-history":[{"count":0,"href":"https:\/\/lottoalert.co\/en\/wp-json\/wp\/v2\/pages\/1747\/revisions"}],"wp:attachment":[{"href":"https:\/\/lottoalert.co\/en\/wp-json\/wp\/v2\/media?parent=1747"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}