{"id":414,"date":"2025-12-19T20:17:57","date_gmt":"2025-12-19T20:17:57","guid":{"rendered":"https:\/\/ibchillon.ong\/?page_id=414"},"modified":"2026-03-13T00:03:18","modified_gmt":"2026-03-13T00:03:18","slug":"contact","status":"publish","type":"page","link":"https:\/\/ibchillon.ong\/de\/contact\/","title":{"rendered":"KONTAKT"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"414\" class=\"elementor elementor-414\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-3226457 e-con-full e-flex e-con e-parent\" data-id=\"3226457\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;,&quot;motion_fx_motion_fx_scrolling&quot;:&quot;yes&quot;,&quot;motion_fx_translateY_effect&quot;:&quot;yes&quot;,&quot;motion_fx_translateY_speed&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:0,&quot;sizes&quot;:[]},&quot;sticky&quot;:&quot;top&quot;,&quot;motion_fx_translateY_affectedRange&quot;:{&quot;unit&quot;:&quot;%&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:{&quot;start&quot;:0,&quot;end&quot;:100}},&quot;motion_fx_devices&quot;:[&quot;desktop&quot;,&quot;tablet&quot;,&quot;mobile&quot;],&quot;sticky_on&quot;:[&quot;desktop&quot;,&quot;tablet&quot;,&quot;mobile&quot;],&quot;sticky_offset&quot;:0,&quot;sticky_effects_offset&quot;:0,&quot;sticky_anchor_link_offset&quot;:0}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-2774fa0 elementor-invisible elementor-widget elementor-widget-heading\" data-id=\"2774fa0\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;motion_fx_motion_fx_scrolling&quot;:&quot;yes&quot;,&quot;motion_fx_translateY_effect&quot;:&quot;yes&quot;,&quot;motion_fx_translateY_speed&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:0.1,&quot;sizes&quot;:[]},&quot;_animation&quot;:&quot;slideInUp&quot;,&quot;motion_fx_translateY_affectedRange&quot;:{&quot;unit&quot;:&quot;%&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:{&quot;start&quot;:0,&quot;end&quot;:100}},&quot;motion_fx_devices&quot;:[&quot;desktop&quot;,&quot;tablet&quot;,&quot;mobile&quot;]}\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Contact<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-fcd8997 e-con-full e-flex e-con e-parent\" data-id=\"fcd8997\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;,&quot;shape_divider_bottom&quot;:&quot;mountains&quot;}\">\n\t\t\t\t<div class=\"elementor-shape elementor-shape-bottom\" aria-hidden=\"true\" data-negative=\"false\">\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 1000 100\" preserveAspectRatio=\"none\">\n\t<path class=\"elementor-shape-fill\" opacity=\"0.33\" d=\"M473,67.3c-203.9,88.3-263.1-34-320.3,0C66,119.1,0,59.7,0,59.7V0h1000v59.7 c0,0-62.1,26.1-94.9,29.3c-32.8,3.3-62.8-12.3-75.8-22.1C806,49.6,745.3,8.7,694.9,4.7S492.4,59,473,67.3z\"\/>\n\t<path class=\"elementor-shape-fill\" opacity=\"0.66\" d=\"M734,67.3c-45.5,0-77.2-23.2-129.1-39.1c-28.6-8.7-150.3-10.1-254,39.1 s-91.7-34.4-149.2,0C115.7,118.3,0,39.8,0,39.8V0h1000v36.5c0,0-28.2-18.5-92.1-18.5C810.2,18.1,775.7,67.3,734,67.3z\"\/>\n\t<path class=\"elementor-shape-fill\" d=\"M766.1,28.9c-200-57.5-266,65.5-395.1,19.5C242,1.8,242,5.4,184.8,20.6C128,35.8,132.3,44.9,89.9,52.5C28.6,63.7,0,0,0,0 h1000c0,0-9.9,40.9-83.6,48.1S829.6,47,766.1,28.9z\"\/>\n<\/svg>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-64d0382 e-con-full e-flex e-con e-parent\" data-id=\"64d0382\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-b15ac26 e-con-full e-flex e-con e-parent\" data-id=\"b15ac26\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-0f8a008 elementor-widget__width-initial elementor-widget elementor-widget-html\" data-id=\"0f8a008\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\n    .volunteer-contact-form * {\n        margin: 0;\n        padding: 0;\n        box-sizing: border-box;\n    }\n\n    .volunteer-contact-form {\n        font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\n        max-width: 100%;\n        width: 100%;\n    }\n\n    .volunteer-form-container {\n        width: 100%;\n        background: white;\n        border-radius: 20px;\n        box-shadow: 0 20px 60px rgba(0,0,0,0.1);\n        overflow: hidden;\n    }\n\n    .volunteer-form-body {\n        padding: 40px;\n    }\n\n    .volunteer-form-group {\n        margin-bottom: 24px;\n    }\n\n    .volunteer-form-group label {\n        display: block;\n        margin-bottom: 8px;\n        font-weight: 600;\n        color: #333;\n    }\n\n    .volunteer-form-group .required::after {\n        content: \" *\";\n        color: #ff8c42;\n    }\n\n    .volunteer-form-group input[type=\"text\"],\n    .volunteer-form-group input[type=\"email\"],\n    .volunteer-form-group input[type=\"tel\"],\n    .volunteer-form-group select,\n    .volunteer-form-group textarea {\n        width: 100%;\n        padding: 14px 16px;\n        border: 2px solid #e0e0e0;\n        border-radius: 10px;\n        font-size: 1em;\n        transition: all 0.3s ease;\n        background: #fafafa;\n        font-family: inherit;\n    }\n\n    .volunteer-form-group input:focus,\n    .volunteer-form-group select:focus,\n    .volunteer-form-group textarea:focus {\n        outline: none;\n        border-color: #ff8c42;\n        background: white;\n        box-shadow: 0 0 0 4px rgba(255, 140, 66, 0.1);\n    }\n\n    .volunteer-form-group textarea {\n        resize: vertical;\n        min-height: 150px;\n    }\n\n    .volunteer-form-row {\n        display: grid;\n        grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n        gap: 20px;\n        margin-bottom: 24px;\n    }\n\n    .volunteer-form-row .volunteer-form-group {\n        margin-bottom: 0;\n    }\n\n    .volunteer-submit-btn {\n        width: 100%;\n        padding: 16px;\n        background: linear-gradient(135deg, #ff8c42 0%, #ff6b35 100%);\n        color: white;\n        border: none;\n        border-radius: 10px;\n        font-size: 1.1em;\n        font-weight: 600;\n        cursor: pointer;\n        transition: all 0.3s ease;\n        margin-top: 10px;\n    }\n\n    .volunteer-submit-btn:hover {\n        transform: translateY(-2px);\n        box-shadow: 0 10px 30px rgba(255, 140, 66, 0.4);\n    }\n\n    @media (max-width: 500px) {\n        .volunteer-form-body {\n            padding: 30px 20px;\n        }\n        \n        .volunteer-form-row {\n            grid-template-columns: 1fr;\n        }\n    }\n\n    \/* Estilos del Popup *\/\n    .volunteer-popup {\n        display: none;\n        position: fixed;\n        z-index: 99999;\n        left: 0;\n        top: 0;\n        width: 100%;\n        height: 100%;\n        background-color: rgba(0, 0, 0, 0.6);\n        align-items: center;\n        justify-content: center;\n        opacity: 0;\n        transition: opacity 0.3s ease;\n    }\n\n    .volunteer-popup.show {\n        opacity: 1;\n    }\n\n    .volunteer-popup-content {\n        background-color: white;\n        padding: 40px;\n        border-radius: 20px;\n        box-shadow: 0 20px 60px rgba(0, 0, 0, 0.3);\n        text-align: center;\n        max-width: 500px;\n        width: 90%;\n        position: relative;\n        animation: slideDown 0.4s ease;\n        border-top: 5px solid #ff8c42;\n    }px;\n        border-radius: 20px;\n        box-shadow: 0 20px 60px rgba(0, 0, 0, 0.3);\n        text-align: center;\n        max-width: 500px;\n        width: 90%;\n        position: relative;\n        animation: slideDown 0.4s ease;\n        border-top: 5px solid #27ae60;\n    }\n\n    @keyframes slideDown {\n        from {\n            transform: translateY(-50px);\n            opacity: 0;\n        }\n        to {\n            transform: translateY(0);\n            opacity: 1;\n        }\n    }\n\n    .volunteer-popup-close {\n        position: absolute;\n        right: 20px;\n        top: 15px;\n        font-size: 28px;\n        font-weight: bold;\n        color: #999;\n        cursor: pointer;\n        transition: color 0.3s ease;\n    }\n\n    .volunteer-popup-close:hover {\n        color: #333;\n    }\n\n    .volunteer-popup-icon {\n        font-size: 60px;\n        margin-bottom: 20px;\n    }\n\n    .volunteer-popup-content h2 {\n        color: #333;\n        margin-bottom: 15px;\n        font-size: 24px;\n    }\n\n    .volunteer-popup-content p {\n        color: #666;\n        margin-bottom: 25px;\n        font-size: 16px;\n        line-height: 1.6;\n    }\n\n    .volunteer-popup-btn {\n        background: linear-gradient(135deg, #ff8c42 0%, #ff6b35 100%);\n        color: white;\n        border: none;\n        padding: 12px 40px;\n        border-radius: 10px;\n        font-size: 16px;\n        font-weight: 600;\n        cursor: pointer;\n        transition: all 0.3s ease;\n    }\n\n    .volunteer-popup-btn:hover {\n        transform: translateY(-2px);\n        box-shadow: 0 10px 30px rgba(255, 140, 66, 0.4);\n    }\n\n    @media (max-width: 500px) {\n        .volunteer-popup-content {\n            padding: 30px 20px;\n        }\n        \n        .volunteer-popup-icon {\n            font-size: 50px;\n        }\n        \n        .volunteer-popup-content h2 {\n            font-size: 20px;\n        }\n    }\n<\/style>\n\n<div class=\"volunteer-contact-form\">\n    <div class=\"volunteer-form-container\">\n        <form class=\"volunteer-form-body\" id=\"volunteerContactForm\" action=\"\/send-email.php\" method=\"POST\">\n            \n            <div class=\"volunteer-form-row\">\n                <div class=\"volunteer-form-group\">\n                    <label for=\"volunteer_first_name\" class=\"required\">First Name<\/label>\n                    <input type=\"text\" id=\"volunteer_first_name\" name=\"first_name\" required placeholder=\"Your first name\">\n                <\/div>\n                <div class=\"volunteer-form-group\">\n                    <label for=\"volunteer_last_name\" class=\"required\">Last Name<\/label>\n                    <input type=\"text\" id=\"volunteer_last_name\" name=\"last_name\" required placeholder=\"Your last name\">\n                <\/div>\n            <\/div>\n\n            <div class=\"volunteer-form-group\">\n                <label for=\"volunteer_email\" class=\"required\">Email Address<\/label>\n                <input type=\"email\" id=\"volunteer_email\" name=\"email\" required placeholder=\"your.email@example.com\">\n            <\/div>\n\n            <div class=\"volunteer-form-row\">\n                <div class=\"volunteer-form-group\">\n                    <label for=\"volunteer_phone\">Phone \/ WhatsApp<\/label>\n                    <input type=\"tel\" id=\"volunteer_phone\" name=\"phone\" placeholder=\"+1 234 567 8900\">\n                <\/div>\n                <div class=\"volunteer-form-group\">\n                    <label for=\"volunteer_country\">Country<\/label>\n                    <input type=\"text\" id=\"volunteer_country\" name=\"country\" placeholder=\"Your country\">\n                <\/div>\n            <\/div>\n\n            <div class=\"volunteer-form-group\">\n                <label for=\"volunteer_subject\" class=\"required\">Subject<\/label>\n                <select id=\"volunteer_subject\" name=\"subject\" required>\n                    <option value=\"\">Select a subject...<\/option>\n                    <option value=\"volunteer_info\">Volunteer Programs Information<\/option>\n                    <option value=\"spanish_lessons\">Spanish Lessons<\/option>\n                    <option value=\"accommodation\">Accommodation Options<\/option>\n                    <option value=\"pricing\">Pricing & Availability<\/option>\n                    <option value=\"group_inquiry\">Group Inquiry<\/option>\n                    <option value=\"partnership\">Partnership \/ Collaboration<\/option>\n                    <option value=\"other\">Other<\/option>\n                <\/select>\n            <\/div>\n\n            <div class=\"volunteer-form-group\">\n                <label for=\"volunteer_message\" class=\"required\">Message<\/label>\n                <textarea id=\"volunteer_message\" name=\"message\" required placeholder=\"How can we help you? Tell us about your interests, questions, or any specific information you need...\"><\/textarea>\n            <\/div>\n\n            <div class=\"volunteer-form-group\">\n                <label for=\"volunteer_hear_about\">How did you hear about us?<\/label>\n                <select id=\"volunteer_hear_about\" name=\"hear_about\">\n                    <option value=\"\">Select an option...<\/option>\n                    <option value=\"google\">Google Search<\/option>\n                    <option value=\"facebook\">Facebook<\/option>\n                    <option value=\"instagram\">Instagram<\/option>\n                    <option value=\"youtube\">YouTube<\/option>\n                    <option value=\"friend\">Friend \/ Word of mouth<\/option>\n                    <option value=\"university\">University \/ School<\/option>\n                    <option value=\"volunteer_site\">Volunteer website<\/option>\n                    <option value=\"other\">Other<\/option>\n                <\/select>\n            <\/div>\n\n            <button type=\"submit\" class=\"volunteer-submit-btn\">Send Message \u2709\ufe0f<\/button>\n        <\/form>\n    <\/div>\n<\/div>\n\n<div id=\"volunteerPopup\" class=\"volunteer-popup\">\n    <div class=\"volunteer-popup-content\">\n        <span class=\"volunteer-popup-close\">&times;<\/span>\n        <div class=\"volunteer-popup-icon\" id=\"popupIcon\">\u2705<\/div>\n        <h2 id=\"popupTitle\">\u00a1Mensaje Enviado!<\/h2>\n        <p id=\"popupMessage\">Gracias por contactarnos. Te responderemos dentro de las pr\u00f3ximas 24-48 horas.<\/p>\n        <button class=\"volunteer-popup-btn\" onclick=\"closeVolunteerPopup()\">Cerrar<\/button>\n    <\/div>\n<\/div>\n\n<script>\n    \/\/ Funci\u00f3n para mostrar el popup\n    function showVolunteerPopup(type, title, message, icon) {\n        const popup = document.getElementById('volunteerPopup');\n        const popupTitle = document.getElementById('popupTitle');\n        const popupMessage = document.getElementById('popupMessage');\n        const popupIcon = document.getElementById('popupIcon');\n        const popupContent = popup.querySelector('.volunteer-popup-content');\n        \n        popupTitle.textContent = title;\n        popupMessage.textContent = message;\n        popupIcon.textContent = icon;\n        \n        \/\/ Cambiar color seg\u00fan el tipo\n        if (type === 'success') {\n            popupContent.style.borderTop = '5px solid #ff8c42';\n        } else {\n            popupContent.style.borderTop = '5px solid #ff6b35';\n        }\n        \n        popup.style.display = 'flex';\n        setTimeout(() => {\n            popup.classList.add('show');\n        }, 10);\n    }\n    \n    \/\/ Funci\u00f3n para cerrar el popup\n    function closeVolunteerPopup() {\n        const popup = document.getElementById('volunteerPopup');\n        popup.classList.remove('show');\n        setTimeout(() => {\n            popup.style.display = 'none';\n        }, 300);\n        \n        \/\/ Limpiar la URL\n        window.history.replaceState({}, document.title, window.location.pathname);\n    }\n    \n    \/\/ Cerrar popup al hacer clic en la X\n    document.querySelector('.volunteer-popup-close').onclick = closeVolunteerPopup;\n    \n    \/\/ Cerrar popup al hacer clic fuera del contenido\n    window.onclick = function(event) {\n        const popup = document.getElementById('volunteerPopup');\n        if (event.target == popup) {\n            closeVolunteerPopup();\n        }\n    }\n    \n    \/\/ Verificar si hay par\u00e1metro de \u00e9xito en la URL\n    const urlParams = new URLSearchParams(window.location.search);\n    if (urlParams.get('contact') === 'success') {\n        showVolunteerPopup(\n            'success',\n            '\u00a1Mensaje Enviado! \u2705',\n            'Gracias por contactarnos. Hemos recibido tu mensaje y te responderemos dentro de las pr\u00f3ximas 24-48 horas.',\n            '\u2705'\n        );\n    } else if (urlParams.get('contact') === 'error') {\n        showVolunteerPopup(\n            'error',\n            'Error al Enviar \u274c',\n            'Hubo un problema al enviar tu mensaje. Por favor, intenta nuevamente o cont\u00e1ctanos directamente por WhatsApp.',\n            '\u274c'\n        );\n    }\n    \n    \/\/ Manejo del formulario\n    document.getElementById('volunteerContactForm').addEventListener('submit', function(e) {\n        \/\/ El formulario se enviar\u00e1 al servidor PHP\n    });\n<\/script>\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>Contact First Name Last Name Email Address Phone \/ WhatsApp Country Subject Select a subject&#8230;Volunteer Programs InformationSpanish LessonsAccommodation OptionsPricing &#038; AvailabilityGroup InquiryPartnership \/ CollaborationOther Message How did you hear about us? Select an option&#8230;Google SearchFacebookInstagramYouTubeFriend \/ Word of mouthUniversity \/ SchoolVolunteer websiteOther Send Message \u2709\ufe0f &times; \u2705 \u00a1Mensaje Enviado! Gracias por contactarnos. Te responderemos dentro [&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-414","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/ibchillon.ong\/de\/wp-json\/wp\/v2\/pages\/414","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/ibchillon.ong\/de\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/ibchillon.ong\/de\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/ibchillon.ong\/de\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/ibchillon.ong\/de\/wp-json\/wp\/v2\/comments?post=414"}],"version-history":[{"count":11,"href":"https:\/\/ibchillon.ong\/de\/wp-json\/wp\/v2\/pages\/414\/revisions"}],"predecessor-version":[{"id":778,"href":"https:\/\/ibchillon.ong\/de\/wp-json\/wp\/v2\/pages\/414\/revisions\/778"}],"wp:attachment":[{"href":"https:\/\/ibchillon.ong\/de\/wp-json\/wp\/v2\/media?parent=414"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}