{"id":24781,"date":"2025-07-25T13:01:26","date_gmt":"2025-07-25T13:01:26","guid":{"rendered":"https:\/\/helpycare.com.co\/sitio\/?page_id=24781"},"modified":"2025-07-28T14:07:52","modified_gmt":"2025-07-28T14:07:52","slug":"registro","status":"publish","type":"page","link":"https:\/\/helpycare.com.co\/sitio\/registro\/","title":{"rendered":"Registro"},"content":{"rendered":"    <div id=\"quiz-helpy-6a262fc09ca4c\" class=\"quiz-helpy-container\">\n        \n        <div class=\"quiz-step active\" data-step=\"0\">\n            <div class=\"login-container\">\n                <div class=\"login-form\">\n                    <div class=\"logo\"><h1>helpy<\/h1><\/div>\n                    <div class=\"welcome-text\">Reg\u00edstrate para crear tu cuenta<\/div>\n\n                    <div class=\"form-group\">\n                        <label for=\"nombre\">Tu Nombre<\/label>\n                        <input type=\"text\" id=\"nombre\" name=\"nombre\" placeholder=\"Tu nombre\" required>\n                    <\/div>\n                    \n                    <div class=\"form-group\">\n                        <label for=\"email\">Correo<\/label>\n                        <input type=\"email\" id=\"email\" name=\"email\" placeholder=\"tucorreo@correo.com\" required>\n                    <\/div>\n                    \n                    <div class=\"form-group\">\n                        <label for=\"password\">Contrase\u00f1a<\/label>\n                        <div class=\"password-field\">\n                            <input type=\"password\" id=\"password\" name=\"password\" placeholder=\"Contrase\u00f1a\" required>\n                            <span class=\"password-toggle toggle-password\">\ud83d\udc41\ufe0f<\/span>\n                        <\/div>\n                    <\/div>\n                    \n                    <div class=\"form-group\">\n                        <label for=\"celular\">N\u00famero de Celular<\/label>\n                        <input type=\"tel\" id=\"celular\" name=\"celular\" placeholder=\"300 123 4567\" required>\n                    <\/div>\n                    \n<div class=\"form-group codigo-especial\">\n    <label for=\"codigo\">\n        <span class=\"icono-regalo\">\ud83c\udf81<\/span> \u00bfTienes un C\u00d3DIGO de ingreso?\n    <\/label>\n    <input type=\"text\" id=\"codigo\" name=\"codigo\" placeholder=\"Ingresa tu c\u00f3digo aqu\u00ed\">\n    <p class=\"codigo-ayuda\">\n        Si una empresa o instituci\u00f3n te proporcion\u00f3 un c\u00f3digo especial, por favor, \u00a1ingr\u00e9salo aqu\u00ed para validar tu acceso!\n    <\/p>\n<\/div>\n                    \n                    <button class=\"login-button acceder-btn\" disabled>Acceder<\/button>\n                    \n                    <div class=\"register-link\">\n                        \u00bfYa tienes una cuenta? <a href=\"https:\/\/helpycare.com.co\/sitio\/wp-login.php\" class=\"link\">Inicia sesi\u00f3n<\/a>\n                    <\/div>\n                    \n                    <div class=\"footer-url\">helpycare.com.co<\/div>\n                <\/div>\n\n                <div class=\"login-image\">\n                    <img decoding=\"async\" src=\"https:\/\/helpycare.com.co\/sitio\/wp-content\/uploads\/2025\/07\/Loginim.png\" alt=\"Helpy Background\" \/>\n                <\/div>\n            <\/div>\n        <\/div>\n        \n        <div class=\"quiz-header\" style=\"display: none;\">\n            <div class=\"quiz-logo\">\n                <img decoding=\"async\" src=\"https:\/\/helpycare.com.co\/sitio\/wp-content\/uploads\/2025\/07\/Layer_1-1.png\" alt=\"Quiz Logo\" \/>\n            <\/div>\n            <div class=\"quiz-progress\">\n                <div class=\"progress-bar\">\n                    <div class=\"progress-fill\" style=\"width: 0%\"><\/div>\n                <\/div>\n                <span class=\"progress-text\">Paso <span class=\"current-step\">1<\/span> de <span class=\"total-steps\">7<\/span><\/span>\n            <\/div>\n        <\/div>\n        \n        <div class=\"quiz-step\" data-step=\"1\">\n            <div class=\"question-bubble\">\n                <div class=\"avatar\">\n                    <img decoding=\"async\" src=\"https:\/\/helpycare.com.co\/sitio\/wp-content\/uploads\/2025\/07\/Layer_1-1.png\" alt=\"Avatar\" \/>\n                <\/div>\n                <div class=\"question-text\">\u00bfC\u00f3mo podemos ayudarte?<\/div>\n            <\/div>\n<div class=\"options multiple-choice\">\n                <div class=\"option\" data-value=\"aprender\">\n                    <span class=\"emoji\">\ud83d\udc69\u200d\ud83d\udc66<\/span>\n                    <span class=\"text\">Quiero aprender m\u00e1s sobre mi hijo<\/span>\n                <\/div>\n                <div class=\"option\" data-value=\"educacion\">\n                    <span class=\"emoji\">\u270f\ufe0f<\/span>\n                    <span class=\"text\">Tengo dudas sobre educaci\u00f3n<\/span>\n                <\/div>\n                <div class=\"option\" data-value=\"vinculo\">\n                    <span class=\"emoji\">\ud83d\udd17<\/span>\n                    <span class=\"text\">Quiero fortalecer el v\u00ednculo<\/span>\n                <\/div>\n                <div class=\"option\" data-value=\"mejor_papa\">\n                    <span class=\"emoji\">\ud83d\udc99<\/span>\n                    <span class=\"text\">Quiero ser un mejor pap\u00e1<\/span>\n                <\/div>\n            <\/div>\n            <button class=\"continue-btn\" disabled>Continuar<\/button>\n        <\/div>\n        \n        <div class=\"quiz-step\" data-step=\"2\">\n            <div class=\"question-bubble\">\n                <div class=\"avatar\">\n                    <img decoding=\"async\" src=\"https:\/\/helpycare.com.co\/sitio\/wp-content\/uploads\/2025\/07\/Layer_1-1.png\" alt=\"Avatar\" \/>\n                <\/div>\n                <div class=\"question-text\">Eres...<\/div>\n            <\/div>\n<div class=\"options multiple-choice\">\n                <div class=\"option\" data-value=\"padre\">\n                    <span class=\"emoji\">\ud83d\udc68\u200d\ud83d\udc66<\/span>\n                    <span class=\"text\">Padre<\/span>\n                <\/div>\n                <div class=\"option\" data-value=\"madre\">\n                    <span class=\"emoji\">\ud83d\udc69\u200d\ud83d\udc66<\/span>\n                    <span class=\"text\">Madre<\/span>\n                <\/div>\n                <div class=\"option\" data-value=\"cuidador\">\n                    <span class=\"emoji\">\ud83d\udc68\u200d\ud83d\udc69\u200d\ud83d\udc67\u200d\ud83d\udc66<\/span>\n                    <span class=\"text\">Cuidador<\/span>\n                <\/div>\n                <div class=\"option\" data-value=\"profesor\">\n                    <span class=\"emoji\">\ud83d\udc68\u200d\ud83c\udfeb<\/span>\n                    <span class=\"text\">Profesor<\/span>\n                <\/div>\n            <\/div>\n            <button class=\"continue-btn\" disabled>Continuar<\/button>\n        <\/div>\n        \n        <div class=\"quiz-step\" data-step=\"3\">\n            <div class=\"question-bubble\">\n                <div class=\"avatar\">\n                    <img decoding=\"async\" src=\"https:\/\/helpycare.com.co\/sitio\/wp-content\/uploads\/2025\/07\/Layer_1-1.png\" alt=\"Avatar\" \/>\n                <\/div>\n                <div class=\"question-text\">\u00bfQu\u00e9 edad tienen los ni\u00f1os\/adolescentes a tu cargo?<\/div>\n            <\/div>\n<div class=\"options multiple-choice\">\n                <div class=\"option\" data-value=\"8-10\">\n                    <span class=\"emoji\">\ud83d\ude0a<\/span>\n                    <span class=\"text\">8 - 10<\/span>\n                <\/div>\n                <div class=\"option\" data-value=\"11-13\">\n                    <span class=\"emoji\">\ud83d\ude10<\/span>\n                    <span class=\"text\">11 - 13<\/span>\n                <\/div>\n                <div class=\"option\" data-value=\"14-16\">\n                    <span class=\"emoji\">\ud83d\ude0e<\/span>\n                    <span class=\"text\">14 - 16<\/span>\n                <\/div>\n                <div class=\"option\" data-value=\"17-18\">\n                    <span class=\"emoji\">\ud83d\ude0a<\/span>\n                    <span class=\"text\">17 - 18<\/span>\n                <\/div>\n            <\/div>\n            <button class=\"continue-btn\" disabled>Continuar<\/button>\n        <\/div>\n        \n        <div class=\"quiz-step\" data-step=\"4\">\n            <div class=\"question-bubble\">\n                <div class=\"avatar\">\n                    <img decoding=\"async\" src=\"https:\/\/helpycare.com.co\/sitio\/wp-content\/uploads\/2025\/07\/Layer_1-1.png\" alt=\"Avatar\" \/>\n                <\/div>\n                <div class=\"question-text\">\u00bfQu\u00e9 temas te interesan?<\/div>\n            <\/div>\n            <div class=\"options multiple-choice\">\n                <div class=\"option\" data-value=\"cambios_fisicos\">\n                    <span class=\"emoji\">\ud83e\udde0<\/span>\n                    <span class=\"text\">Sus cambios f\u00edsicos y metab\u00f3licos<\/span>\n                <\/div>\n                <div class=\"option\" data-value=\"comida\">\n                    <span class=\"emoji\">\ud83e\udd66<\/span>\n                    <span class=\"text\">Su relaci\u00f3n con la comida<\/span>\n                <\/div>\n                <div class=\"option\" data-value=\"salud_mental\">\n                    <span class=\"emoji\">\ud83d\ude30<\/span>\n                    <span class=\"text\">Se\u00f1ales de alerta en salud mental<\/span>\n                <\/div>\n                <div class=\"option\" data-value=\"sexualidad\">\n                    <span class=\"emoji\">\ud83d\udc9d<\/span>\n                    <span class=\"text\">Hablar de sexualidad<\/span>\n                <\/div>\n                <div class=\"option\" data-value=\"crianza\">\n                    <span class=\"emoji\">\ud83d\udc65<\/span>\n                    <span class=\"text\">Criarlo responsablemente<\/span>\n                <\/div>\n                <div class=\"option\" data-value=\"habitos\">\n                    <span class=\"emoji\">\ud83c\udfae<\/span>\n                    <span class=\"text\">Sus h\u00e1bitos y conductas<\/span>\n                <\/div>\n                <div class=\"option\" data-value=\"personalidad\">\n                    <span class=\"emoji\">\ud83d\udc68\u200d\ud83d\udcbc<\/span>\n                    <span class=\"text\">Su personalidad y forma de ser<\/span>\n                <\/div>\n                <div class=\"option\" data-value=\"rol_padre\">\n                    <span class=\"emoji\">\ud83d\udc68\u200d\ud83d\udc66<\/span>\n                    <span class=\"text\">Tu rol como padre o cuidador<\/span>\n                <\/div>\n                <div class=\"option\" data-value=\"futuro\">\n                    <span class=\"emoji\">\ud83d\udd2e<\/span>\n                    <span class=\"text\">Su futuro<\/span>\n                <\/div>\n            <\/div>\n            <button class=\"continue-btn\" disabled>Continuar<\/button>\n        <\/div>\n        \n        <div class=\"quiz-step\" data-step=\"5\">\n            <div class=\"question-bubble\">\n                <div class=\"avatar\">\n                    <img decoding=\"async\" src=\"https:\/\/helpycare.com.co\/sitio\/wp-content\/uploads\/2025\/07\/Layer_1-1.png\" alt=\"Avatar\" \/>\n                <\/div>\n                <div class=\"question-text\">\u00bfDe qu\u00e9 manera te sientes m\u00e1s acompa\u00f1ado?<\/div>\n            <\/div>\n<div class=\"options multiple-choice\">\n                <div class=\"option\" data-value=\"hablando\">\n                    <span class=\"emoji\">\ud83d\udcac<\/span>\n                    <span class=\"text\">Hablando con alguien<\/span>\n                <\/div>\n                <div class=\"option\" data-value=\"expertos\">\n                    <span class=\"emoji\">\u270d\ufe0f<\/span>\n                    <span class=\"text\">Aprendiendo con expertos<\/span>\n                <\/div>\n                <div class=\"option\" data-value=\"cursos\">\n                    <span class=\"emoji\">\ud83d\udc68\u200d\ud83c\udf93<\/span>\n                    <span class=\"text\">Viendo cursos profesionales<\/span>\n                <\/div>\n                <div class=\"option\" data-value=\"identificado\">\n                    <span class=\"emoji\">\ud83d\ude4b\u200d\u2640\ufe0f<\/span>\n                    <span class=\"text\">Sinti\u00e9ndome identificado<\/span>\n                <\/div>\n                <div class=\"option\" data-value=\"conectando\">\n                    <span class=\"emoji\">\ud83d\udc6b<\/span>\n                    <span class=\"text\">Conectando con personas e historias<\/span>\n                <\/div>\n                <div class=\"option\" data-value=\"personalizado\">\n                    <span class=\"emoji\">\ud83d\udc99<\/span>\n                    <span class=\"text\">Apoyo personalizado<\/span>\n                <\/div>\n            <\/div>\n            <button class=\"continue-btn\" disabled>Continuar<\/button>\n        <\/div>\n        \n        <div class=\"quiz-step\" data-step=\"6\">\n            <div class=\"question-bubble\">\n                <div class=\"avatar\">\n                    <img decoding=\"async\" src=\"https:\/\/helpycare.com.co\/sitio\/wp-content\/uploads\/2025\/07\/Layer_1-1.png\" alt=\"Avatar\" \/>\n                <\/div>\n                <div class=\"question-text\">Selecciona la opci\u00f3n con la que m\u00e1s te identificas<\/div>\n            <\/div>\n<div class=\"options multiple-choice\">\n                <div class=\"option\" data-value=\"pantallas\">\n                    <span class=\"emoji\">\ud83d\udcf1<\/span>\n                    <span class=\"text\">Mi hijo est\u00e1 adicto a las pantallas<\/span>\n                <\/div>\n                <div class=\"option\" data-value=\"irritable\">\n                    <span class=\"emoji\">\ud83d\ude20<\/span>\n                    <span class=\"text\">Me responde irritablemente<\/span>\n                <\/div>\n                <div class=\"option\" data-value=\"humor\">\n                    <span class=\"emoji\">\ud83d\ude2d<\/span>\n                    <span class=\"text\">Tiene cambios de humor frecuentemente<\/span>\n                <\/div>\n                <div class=\"option\" data-value=\"actividades\">\n                    <span class=\"emoji\">\u26bd<\/span>\n                    <span class=\"text\">Ya no le gusta hacer actividades que amaba<\/span>\n                <\/div>\n                <div class=\"option\" data-value=\"comiendo\">\n                    <span class=\"emoji\">\ud83c\udf5f<\/span>\n                    <span class=\"text\">No est\u00e1 comiendo bien<\/span>\n                <\/div>\n                <div class=\"option\" data-value=\"ansioso\">\n                    <span class=\"emoji\">\ud83d\ude30<\/span>\n                    <span class=\"text\">Lo noto muy ansioso<\/span>\n                <\/div>\n                <div class=\"option\" data-value=\"dormir\">\n                    <span class=\"emoji\">\ud83d\ude34<\/span>\n                    <span class=\"text\">Duerme irregular<\/span>\n                <\/div>\n                <div class=\"option\" data-value=\"orientacion\">\n                    <span class=\"emoji\">\ud83c\udff3\ufe0f\u200d\ud83c\udf08<\/span>\n                    <span class=\"text\">Estoy dudando de su orientaci\u00f3n sexual<\/span>\n                <\/div>\n                <div class=\"option\" data-value=\"apoyo\">\n                    <span class=\"emoji\">\ud83d\udc65<\/span>\n                    <span class=\"text\">No s\u00e9 como ser el mejor apoyo<\/span>\n                <\/div>\n            <\/div>\n            <button class=\"continue-btn\" disabled>Continuar<\/button>\n        <\/div>\n        \n        <div class=\"quiz-step\" data-step=\"7\">\n            <div class=\"question-bubble\">\n                <div class=\"avatar\">\n                    <img decoding=\"async\" src=\"https:\/\/helpycare.com.co\/sitio\/wp-content\/uploads\/2025\/07\/Layer_1-1.png\" alt=\"Avatar\" \/>\n                <\/div>\n                <div class=\"question-text\">\u00a1Crea un h\u00e1bito! Ponte una meta<\/div>\n            <\/div>\n            <div class=\"options\">\n                <div class=\"option\" data-value=\"tranquilo\">\n                    <span class=\"emoji\">\ud83d\udc4d<\/span>\n                    <span class=\"text\">Tranquilo (5 mins por d\u00eda)<\/span>\n                <\/div>\n                <div class=\"option\" data-value=\"presente\">\n                    <span class=\"emoji\">\ud83d\ude4f<\/span>\n                    <span class=\"text\">Presente (10 mins por d\u00eda)<\/span>\n                <\/div>\n                <div class=\"option\" data-value=\"comprometido\">\n                    <span class=\"emoji\">\ud83d\udcaa<\/span>\n                    <span class=\"text\">Comprometido (15 mins por d\u00eda)<\/span>\n                <\/div>\n                <div class=\"option\" data-value=\"transformador\">\n                    <span class=\"emoji\">\u2764\ufe0f\u200d\ud83d\udd25<\/span>\n                    <span class=\"text\">Transformador (20 mins por d\u00eda)<\/span>\n                <\/div>\n            <\/div>\n            <button class=\"continue-btn\" disabled>\u00a1Yo puedo!<\/button>\n        <\/div>\n        \n       <div class=\"quiz-result\" style=\"display: none;\">\n    <div class=\"result-header\">\n        <div class=\"result-logo\">\n            <img decoding=\"async\" src=\"https:\/\/helpycare.com.co\/sitio\/wp-content\/uploads\/2025\/07\/Layer_1-1.png\" alt=\"Success\" \/>\n        <\/div>\n        <h2>\u00a1Felicitaciones <span class=\"user-name\"><\/span>!<\/h2>\n        <p class=\"welcome-message\">Has completado tu perfil. Ahora conoce m\u00e1s sobre Helpy:<\/p>\n    <\/div>\n    <div class=\"video-container\">\n        <iframe \n            src=\"https:\/\/www.youtube.com\/embed\/5MLIuaIkUJY?start=1\" \n            frameborder=\"0\" \n            allowfullscreen>\n        <\/iframe>\n    <\/div>\n    <button class=\"start-btn\">\u00a1Empecemos!<\/button>\n<\/div>\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n    <\/div>\n    \n    <style>\n    * {\n        margin: 0;\n        padding: 0;\n        box-sizing: border-box;\n    }\n    .quiz-helpy-container {\n        font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;\n        min-height: 100vh;\n        position: relative;\n    }\n    .quiz-step[data-step=\"0\"] {\n        display: none;\n        width: 100%;\n        max-width: none;\n        background: linear-gradient(135deg, #E3F2FD 0%, #BBDEFB 50%, #90CAF9 100%);\n        padding: 20px;\n        min-height: 100vh;\n        align-items: center;\n        justify-content: center;\n    }\n    .quiz-step[data-step=\"0\"].active {\n        display: flex;\n    }\n    .quiz-helpy-container.quiz-mode .quiz-step[data-step=\"0\"] {\n        display: none !important;\n    }\n    .login-container {\n        background: white;\n        border-radius: 24px;\n        box-shadow: 0 20px 60px rgba(0, 0, 0, 0.12);\n        overflow: hidden;\n        display: flex;\n        max-width: 1000px;\n        width: 100%;\n        min-height: 600px;\n        position: relative;\n    }\n    .login-form {\n        flex: 1;\n        padding: 60px 50px;\n        display: flex;\n        flex-direction: column;\n        justify-content: center;\n        max-width: 450px;\n        position: relative;\n    }\n    .logo {\n        text-align: center;\n        margin-bottom: 15px;\n    }\n    .logo h1 {\n        color: #4285f4;\n        font-size: 36px;\n        font-weight: 400;\n        margin: 0;\n    }\n    .welcome-text {\n        text-align: center;\n        font-size: 20px;\n        color: #333;\n        margin-bottom: 40px;\n        font-weight: 500;\n    }\n    .form-group {\n        margin-bottom: 24px;\n    }\n    .form-group label {\n        display: block;\n        color: #555;\n        font-size: 14px;\n        font-weight: 500;\n        margin-bottom: 8px;\n    }\n    .form-group input {\n        width: 100%;\n        padding: 16px 20px;\n        border: 2px solid #e1e5e9;\n        border-radius: 8px;\n        font-size: 16px;\n        background: #fafbfc;\n        transition: all 0.3s ease;\n        outline: none;\n    }\n    .form-group input:focus {\n        border-color: #4285f4;\n        background: white;\n        box-shadow: 0 0 0 3px rgba(66, 133, 244, 0.1);\n    }\n    .password-field {\n        position: relative;\n    }\n    .password-toggle {\n        position: absolute;\n        right: 15px;\n        top: 50%;\n        transform: translateY(-50%);\n        cursor: pointer;\n        color: #5f6368;\n        font-size: 18px;\n    }\n    .login-button {\n        background: #4285f4;\n        color: white;\n        border: none;\n        border-radius: 8px;\n        padding: 16px 24px;\n        font-size: 16px;\n        font-weight: 600;\n        cursor: pointer;\n        width: 100%;\n        margin-bottom: 20px;\n    }\n    .login-button:disabled {\n        background: #ccc;\n        cursor: not-allowed;\n    }\n    .register-link {\n        text-align: center;\n        color: #5f6368;\n        font-size: 14px;\n        margin-bottom: 20px;\n    }\n    .register-link a {\n        color: #4285f4;\n        text-decoration: none;\n    }\n    .footer-url {\n        text-align: center;\n        color: #999;\n        font-size: 13px;\n        padding: 15px 0;\n        background: #f8f9fa;\n        margin: 20px -50px -60px;\n        border-radius: 0 0 24px 0;\n    }\n    .login-image {\n        flex: 1;\n    }\n    .login-image img {\n        width: 100%;\n        height: 100%;\n        object-fit: cover;\n    }\n    .quiz-helpy-container.quiz-mode {\n        background: transparent;\n    }\n    .video-container {\n        margin: 30px auto;\n        position: relative;\n        width: 100%;\n        max-width: 560px;\n    }\n    .video-container iframe {\n        width: 100%;\n        height: 315px;\n        border-radius: 15px;\n        box-shadow: 0 4px 15px rgba(0,0,0,0.1);\n    }\n    .quiz-step:not([data-step=\"0\"]) {\n        max-width: 800px;\n        margin: 0 auto;\n        background: white;\n        min-height: 100vh;\n        display: none;\n    }\n    .quiz-step:not([data-step=\"0\"]).active {\n        display: block;\n    }\n    .quiz-header {\n        text-align: center;\n        padding: 20px;\n        background: linear-gradient(135deg, #87CEEB 0%, #4682B4 100%);\n        display: none;\n    }\n    .quiz-helpy-container.quiz-mode .quiz-header {\n        display: block;\n    }\n    .progress-bar {\n        width: 100%;\n        height: 10px;\n        background: rgba(255,255,255,0.3);\n        border-radius: 5px;\n        overflow: hidden;\n        margin-bottom: 10px;\n    }\n    .progress-fill {\n        height: 100%;\n        background: linear-gradient(90deg, #28a745, #20c997);\n        transition: width 0.3s ease;\n        border-radius: 5px;\n    }\n    .progress-text {\n        font-size: 14px;\n        color: white;\n        font-weight: 500;\n    }\n    .quiz-step {\n        display: none;\n        text-align: center;\n        padding: 40px;\n    }\n    .quiz-step.active {\n        display: block;\n    }\n    .question-text {\n        font-size: 24px;\n        font-weight: 600;\n        color: #2c3e50;\n    }\n    .options {\n        display: flex;\n        flex-direction: column;\n        gap: 20px;\n        margin: 40px auto;\n        max-width: 650px;\n    }\n    .option {\n        background: white;\n        border: 2px solid #f0f0f0;\n        border-radius: 20px;\n        padding: 25px 30px;\n        cursor: pointer;\n        transition: all 0.3s ease;\n        display: flex;\n        align-items: center;\n        gap: 20px;\n    }\n    .option:hover {\n        border-color: #007bff;\n        transform: translateY(-2px);\n    }\n    .option.selected {\n        border-color: #007bff;\n        background: #f0f8ff;\n    }\n    .option .emoji {\n        font-size: 32px;\n    }\n    .option .text {\n        text-align: left;\n        font-weight: 500;\n        font-size: 18px;\n    }\n    .continue-btn, .start-btn {\n        background: linear-gradient(135deg, #28a745, #20c997);\n        color: white;\n        border: none;\n        border-radius: 25px;\n        padding: 20px 60px;\n        font-size: 20px;\n        font-weight: 600;\n        cursor: pointer;\n    }\n    .continue-btn:disabled {\n        background: #ccc;\n        cursor: not-allowed;\n    }\n    .quiz-result h2 {\n        font-size: 24px;\n    }\n    @media (max-width: 768px) {\n        .login-container { flex-direction: column; }\n        .login-image { order: -1; }\n        .question-text { font-size: 18px; }\n        .option { padding: 15px; }\n        .video-container iframe { height: 200px; }\n    }\n\n    \/* --- ESTILOS PARA RESALTAR EL CAMPO C\u00d3DIGO (VERSI\u00d3N MEJORADA) --- *\/\n    .form-group.codigo-especial {\n        background-color: #ffe0b2;\n        padding: 25px 30px;\n        border-radius: 15px;\n        border: 3px solid #ff9800;\n        box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15);\n        margin-bottom: 30px;\n        transition: all 0.4s ease-in-out;\n        position: relative;\n        overflow: hidden;\n    }\n    .form-group.codigo-especial::before {\n        content: '';\n        position: absolute;\n        top: -30px; left: -30px; right: -30px; bottom: -30px;\n        background: radial-gradient(circle at center, rgba(255,255,255,0.1) 0%, rgba(255,255,255,0) 70%);\n        z-index: 0;\n    }\n    .form-group.codigo-especial:hover {\n        transform: translateY(-5px);\n        box-shadow: 0 12px 25px rgba(0, 0, 0, 0.2);\n        border-color: #ff5722;\n    }\n    .form-group.codigo-especial label {\n        font-weight: 700;\n        color: #e65100;\n        font-size: 18px;\n        display: flex;\n        align-items: center;\n        margin-bottom: 15px;\n        position: relative;\n        z-index: 1;\n    }\n    .form-group.codigo-especial label .icono-regalo {\n        margin-right: 12px;\n        font-size: 28px;\n        animation: bounce 2s infinite ease-in-out;\n        display: inline-block;\n    }\n    .form-group.codigo-especial input#codigo {\n        background-color: #fff8e1;\n        border-color: #ff9800;\n        border-width: 2px;\n        font-size: 17px;\n        box-shadow: inset 0 2px 5px rgba(0, 0, 0, 0.08);\n        position: relative;\n        z-index: 1;\n    }\n    .form-group.codigo-especial input#codigo:focus {\n        border-color: #ff5722;\n        box-shadow: 0 0 0 3px rgba(255, 152, 0, 0.3), inset 0 2px 5px rgba(0, 0, 0, 0.08);\n    }\n    .codigo-ayuda {\n        font-size: 14px;\n        color: #6d4c41;\n        margin-top: 15px;\n        line-height: 1.5;\n        position: relative;\n        z-index: 1;\n    }\n    @keyframes bounce {\n        0%, 100% { transform: translateY(0); }\n        50% { transform: translateY(-5px); }\n    }\n<\/style>\n    \n    <script type=\"text\/javascript\">\n        window.quizHelpyData = {\n            nonce: 'ab9d1e12f1',\n            ajaxUrl: 'https:\/\/helpycare.com.co\/sitio\/wp-admin\/admin-ajax.php',\n            validCodes: [\"HELPERS25\",\"VIP2025\",\"PREMIUM\",\"CUIDADORESNOEL\",\"CUIDADORESDISTRITO\",\"CUIDADORESBANCOLOMBIA\",\"CUIDADORESCHOCOLATES\",\"CUIDADORESEPM\",\"CUIDADORESISAGEN\",\"CUIDADORESUNAL\",\"CUIDADORESMETRO\",\"CUIDADORESZENU\",\"CUIDADORESSOFASA\",\"CUIDADORESCOSMOS\",\"CUIDADORESRDA\",\"CUIDADORASENVIGADO\",\"HELPYDOCO\",\"CUIDADORESLACEJA\",\"CUIDADORESARGELIA\",\"CUIDADORESCARI\\u00d1O\",\"CUIDADORESSONSON\",\"CUIDADORESALCALDIA\",\"CUIDADORESFAMILIAS\",\"CUIDADORESCOLEGIOSACOMFAMA\",\"CUIDADORESLAUNION\",\"CUIDADORESABEJORRAL\",\"CUIDADORESRIONEGRO\",\"CUIDADORESALEJANDRIA\",\"CUIDADORESELPE\\u00d1OL\",\"CUIDADORESMARYMOUNT\",\"CUIDADORESSANLUIS\",\"CUIDADORESPARCEROS\",\"7DIASENHELPY\"]        };\n    <\/script>\n    \n    <script>\n    (function() {\n        if (document.readyState === 'loading') {\n            document.addEventListener('DOMContentLoaded', initQuizHelpy);\n        } else {\n            initQuizHelpy();\n        }\n        \n        function initQuizHelpy() {\n            let currentStep = 0;\n            const totalSteps = 7;\n            let answers = {};\n            let userData = {};\n            \n            \/\/ Verificar que tenemos los datos necesarios\n            if (typeof window.quizHelpyData === 'undefined') {\n                console.error('Quiz Helpy: Datos de configuraci\u00f3n no encontrados');\n                return;\n            }\n            \n            function isValidEmail(email) {\n                const emailRegex = \/^[^\\s@]+@[^\\s@]+\\.[^\\s@]+$\/;\n                return emailRegex.test(email);\n            }\n            \n            function checkForm() {\n                const nombre = document.getElementById('nombre');\n                const email = document.getElementById('email');\n                const password = document.getElementById('password');\n                const celular = document.getElementById('celular');\n                const btn = document.querySelector('.acceder-btn');\n                \n                if (!nombre || !email || !password || !celular || !btn) return;\n                \n                const isValid = nombre.value.trim() && \n                                email.value.trim() && \n                                password.value.trim() && \n                                celular.value.trim() && \n                                isValidEmail(email.value.trim());\n                \n                btn.disabled = !isValid;\n            }\n            \n            const inputs = ['nombre', 'email', 'password', 'celular'];\n            inputs.forEach(id => {\n                const input = document.getElementById(id);\n                if (input) {\n                    input.addEventListener('input', checkForm);\n                }\n            });\n            \n            const togglePassword = document.querySelector('.toggle-password');\n            if (togglePassword) {\n                togglePassword.addEventListener('click', function() {\n                    const passwordField = document.getElementById('password');\n                    if (passwordField) {\n                        const type = passwordField.type === 'password' ? 'text' : 'password';\n                        passwordField.type = type;\n                        this.textContent = type === 'password' ? '\ud83d\udc41\ufe0f' : '\ud83d\udc41\ufe0f\u200d\ud83d\udde8\ufe0f';\n                    }\n                });\n            }\n            \n            const accederBtn = document.querySelector('.acceder-btn');\n            if (accederBtn) {\n                accederBtn.addEventListener('click', function() {\n                    if (this.disabled) return;\n                    \n                    const btn = this;\n                    btn.textContent = 'Registrando...';\n                    btn.disabled = true;\n                    \n                    userData = {\n                        nombre: document.getElementById('nombre').value.trim(),\n                        email: document.getElementById('email').value.trim(),\n                        password: document.getElementById('password').value.trim(),\n                        celular: document.getElementById('celular').value.trim(),\n                        codigo: document.getElementById('codigo').value.trim()\n                    };\n                    \n                    const validCodes = window.quizHelpyData.validCodes; \/\/ CAMBIO: Usar c\u00f3digos del PHP\n                    \n                    const codigoLimpio = userData.codigo.trim().toUpperCase();\n                    const codigoValido = validCodes.includes(codigoLimpio);\n\t\t\t\t\t\n\t\t\t\t\t\/\/ Validar c\u00f3digo solo si no est\u00e1 vac\u00edo\n\t\t\t\t\tif (userData.codigo.trim() !== '' && !codigoValido) {\n                        const codigoField = document.getElementById('codigo');\n                        if (codigoField) {\n                            codigoField.style.borderColor = '#dc3545';\n                            codigoField.style.backgroundColor = '#fff5f5';\n                            setTimeout(() => {\n                                codigoField.style.borderColor = '#e1e5e9';\n                                codigoField.style.backgroundColor = '#fafbfc';\n                            }, 3000);\n                        }\n                        \n                        alert('\u274c C\u00f3digo no v\u00e1lido. Por favor, verifica tu c\u00f3digo o d\u00e9jalo vac\u00edo si no tienes uno.');\n                        btn.textContent = 'Acceder';\n                        btn.disabled = false;\n                        return;\n                    }\n                    \n                    const formData = new FormData();\n                    formData.append('action', 'quiz_helpy_register');\n                    formData.append('nonce', window.quizHelpyData.nonce);\n                    formData.append('user_data', JSON.stringify(userData));\n                    \n                    console.log('Enviando registro con nonce:', window.quizHelpyData.nonce);\n                    \n                    fetch(window.quizHelpyData.ajaxUrl, {\n                        method: 'POST',\n                        body: formData\n                    })\n                    .then(response => {\n                        console.log('Respuesta del servidor:', response.status);\n                        return response.json();\n                    })\n                    .then(data => {\n                        console.log('Datos recibidos:', data);\n                        if (data.success) {\n                            userData.id = data.data.user_id; \n                            userData.nombre = data.data.user_name;\n                            userData.tiene_codigo = data.data.tiene_codigo; \/\/ Guardar info del c\u00f3digo\n\n                            btn.textContent = '\u00a1\u00c9xito!';\n                            setTimeout(() => {\n                                \/\/ Todos van al quiz, independientemente del c\u00f3digo\n                                currentStep = 1;\n                                showStep(currentStep);\n                            }, 1000);\n                        } else {\n                            console.error('Error del servidor:', data.data);\n                            alert('Error: ' + (data.data || 'Error desconocido'));\n                            btn.textContent = 'Acceder';\n                            btn.disabled = false;\n                        }\n                    })\n                    .catch(error => {\n                        console.error('Error de conexi\u00f3n:', error);\n                        alert('Error de conexi\u00f3n. Por favor, int\u00e9ntalo de nuevo.');\n                        btn.textContent = 'Acceder';\n                        btn.disabled = false;\n                    });\n                });\n            }\n            \n            function updateProgress() {\n                if (currentStep > 0) {\n                    const progress = (currentStep \/ totalSteps) * 100;\n                    const progressFill = document.querySelector('.progress-fill');\n                    const currentStepEl = document.querySelector('.current-step');\n                    \n                    if (progressFill) progressFill.style.width = progress + '%';\n                    if (currentStepEl) currentStepEl.textContent = currentStep;\n                }\n            }\n            \n            function showStep(step) {\n                const steps = document.querySelectorAll('.quiz-step');\n                const container = document.querySelector('.quiz-helpy-container');\n                \n                steps.forEach(el => el.classList.remove('active'));\n                \n                const targetStep = document.querySelector('.quiz-step[data-step=\"' + step + '\"]');\n                if (targetStep) {\n                    targetStep.classList.add('active');\n                }\n                \n                if (step === 0) {\n                    container.classList.remove('quiz-mode');\n                } else {\n                    container.classList.add('quiz-mode');\n                }\n                \n                const header = document.querySelector('.quiz-header');\n                if (header) {\n                    header.style.display = step === 0 ? 'none' : 'block';\n                }\n                \n                updateProgress();\n            }\n            \n            function validateStep(step) {\n                const currentStepEl = document.querySelector('.quiz-step[data-step=\"' + step + '\"]');\n                if (!currentStepEl) return false;\n                \n                const selectedOptions = currentStepEl.querySelectorAll('.option.selected');\n                return selectedOptions.length > 0;\n            }\n            \n            document.addEventListener('click', function(e) {\n                const option = e.target.closest('.option');\n                if (!option || currentStep === 0) return;\n                \n                const optionsContainer = option.closest('.options');\n                const isMultipleChoice = optionsContainer && optionsContainer.classList.contains('multiple-choice');\n                const step = option.closest('.quiz-step').dataset.step;\n                \n                if (isMultipleChoice) {\n                    option.classList.toggle('selected');\n                } else {\n                    if (optionsContainer) {\n                        optionsContainer.querySelectorAll('.option').forEach(opt => opt.classList.remove('selected'));\n                    }\n                    option.classList.add('selected');\n                }\n                \n                const continueBtn = option.closest('.quiz-step').querySelector('.continue-btn');\n                if (continueBtn) {\n                    continueBtn.disabled = !validateStep(step);\n                }\n            });\n            \n            document.addEventListener('click', function(e) {\n                if (!e.target.classList.contains('continue-btn')) return;\n                \n                const step = parseInt(e.target.closest('.quiz-step').dataset.step);\n                const selectedOptions = e.target.closest('.quiz-step').querySelectorAll('.option.selected');\n                \n                answers['step_' + step] = [];\n                selectedOptions.forEach(option => {\n                    answers['step_' + step].push(option.dataset.value);\n                });\n                \n                if (currentStep < totalSteps) {\n                    currentStep++;\n                    showStep(currentStep);\n                } else {\n                    document.querySelectorAll('.quiz-step').forEach(el => el.style.display = 'none');\n                    const result = document.querySelector('.quiz-result');\n                    const header = document.querySelector('.quiz-header');\n                    \n                    if (result) result.style.display = 'block';\n                    if (header) header.style.display = 'none';\n                    \n                    const userName = document.querySelector('.user-name');\n                    if (userName && userData.nombre) {\n                        userName.textContent = userData.nombre;\n                    }\n                    \n                    const saveFormData = new FormData();\n                    saveFormData.append('action', 'quiz_save_data');\n                    saveFormData.append('quiz_answers', JSON.stringify(answers));\n                    saveFormData.append('quiz_user_data', JSON.stringify(userData));\n\n                    fetch(window.quizHelpyData.ajaxUrl, {\n                        method: 'POST',\n                        body: saveFormData\n                    })\n                    .then(response => response.json())\n                    .then(data => {\n                        console.log('Quiz guardado:', data.success ? '\u00c9xito' : 'Error');\n                    })\n                    .catch(error => {\n                        console.error('Error guardando quiz:', error);\n                    });\n                }\n            });\n            \n            document.addEventListener('click', function(e) {\n                if (e.target.classList.contains('start-btn')) {\n                    e.target.textContent = '\u00a1Redirigiendo...';\n                    e.target.disabled = true;\n                    \n                    setTimeout(function() {\n                        \/\/ Redirigir seg\u00fan si tiene c\u00f3digo v\u00e1lido o no\n                        if (userData.tiene_codigo) {\n                            window.location.href = 'https:\/\/helpycare.com.co\/sitio\/cursos-2\/';\n                        } else {\n                            window.location.href = 'https:\/\/helpycare.com.co\/sitio\/suscripciones\/';\n                        }\n                    }, 1500);\n                }\n            });\n            \n            showStep(currentStep);\n        }\n    })();\n    <\/script>\n    \n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"default","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"set","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-24781","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/helpycare.com.co\/sitio\/wp-json\/wp\/v2\/pages\/24781","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/helpycare.com.co\/sitio\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/helpycare.com.co\/sitio\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/helpycare.com.co\/sitio\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/helpycare.com.co\/sitio\/wp-json\/wp\/v2\/comments?post=24781"}],"version-history":[{"count":4,"href":"https:\/\/helpycare.com.co\/sitio\/wp-json\/wp\/v2\/pages\/24781\/revisions"}],"predecessor-version":[{"id":24816,"href":"https:\/\/helpycare.com.co\/sitio\/wp-json\/wp\/v2\/pages\/24781\/revisions\/24816"}],"wp:attachment":[{"href":"https:\/\/helpycare.com.co\/sitio\/wp-json\/wp\/v2\/media?parent=24781"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}