{"id":18621,"date":"2023-08-28T12:45:46","date_gmt":"2023-08-28T19:45:46","guid":{"rendered":"https:\/\/home.ievolutionpro.com\/?page_id=18621"},"modified":"2025-10-24T22:09:08","modified_gmt":"2025-10-25T05:09:08","slug":"c_login","status":"publish","type":"page","link":"https:\/\/vida-sabia.com\/es\/c_login\/","title":{"rendered":"c_login"},"content":{"rendered":"
\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\n\n\n \n \n Vida Sabia Login - Transform Your Health Naturally<\/title>\n <style>\n \/* \u2500\u2500\u2500 Modern Font Stack with Elegant Typography \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n @import url('https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@300;400;500;600;700&family=Space+Grotesk:wght@300;400;500;600;700&display=swap');\n\n * {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n }\n\n body {\n font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;\n background: #ffffff;\n color: #1a1a2e;\n overflow-x: hidden;\n position: relative;\n min-height: 100vh;\n font-weight: 400;\n letter-spacing: -0.011em;\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n }\n\n \/* \u2500\u2500\u2500 Vida Sabia Light Background with Gradient Mesh \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n body::before {\n content: '';\n position: fixed;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background: \n linear-gradient(135deg, #ffffff 0%, #f8fdf9 50%, #f1f8f3 100%),\n radial-gradient(ellipse at top left, rgba(124, 179, 66, 0.08) 0%, transparent 50%),\n radial-gradient(ellipse at bottom right, rgba(45, 122, 62, 0.08) 0%, transparent 50%),\n radial-gradient(ellipse at center, rgba(197, 225, 165, 0.06) 0%, transparent 50%);\n z-index: -2;\n }\n\n \/* Grid pattern overlay - subtle *\/\n body::after {\n content: '';\n position: fixed;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background-image: \n linear-gradient(rgba(45, 122, 62, 0.02) 1px, transparent 1px),\n linear-gradient(90deg, rgba(45, 122, 62, 0.02) 1px, transparent 1px);\n background-size: 60px 60px;\n z-index: -1;\n }\n\n \/* Floating gradient orbs *\/\n .gradient-orb {\n position: fixed;\n border-radius: 50%;\n filter: blur(100px);\n opacity: 0.15;\n animation: floatOrb 25s infinite ease-in-out;\n z-index: -1;\n }\n\n .orb1 {\n width: 600px;\n height: 600px;\n background: radial-gradient(circle, rgba(124, 179, 66, 0.3) 0%, transparent 70%);\n top: -300px;\n right: -300px;\n animation-delay: 0s;\n }\n\n .orb2 {\n width: 500px;\n height: 500px;\n background: radial-gradient(circle, rgba(45, 122, 62, 0.25) 0%, transparent 70%);\n bottom: -250px;\n left: -250px;\n animation-delay: 10s;\n }\n\n .orb3 {\n width: 400px;\n height: 400px;\n background: radial-gradient(circle, rgba(197, 225, 165, 0.3) 0%, transparent 70%);\n top: 50%;\n left: 50%;\n animation-delay: 15s;\n }\n\n \/* \u2500\u2500\u2500 Animations \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n @keyframes floatOrb {\n 0%, 100% { transform: translate(0, 0) scale(1); }\n 25% { transform: translate(30px, -30px) scale(1.05); }\n 50% { transform: translate(-20px, 20px) scale(0.95); }\n 75% { transform: translate(25px, 25px) scale(1.02); }\n }\n\n @keyframes fadeInUp {\n from {\n opacity: 0;\n transform: translateY(20px);\n }\n to {\n opacity: 1;\n transform: translateY(0);\n }\n }\n\n @keyframes shimmer {\n 0% { \n background-position: -1000px 0;\n }\n 100% { \n background-position: 1000px 0;\n }\n }\n\n \/* \u2500\u2500\u2500 Container \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n .c_login_container {\n display: flex;\n justify-content: center;\n align-items: center;\n min-height: 100vh;\n padding: 2rem;\n position: relative;\n z-index: 1;\n }\n\n \/* \u2500\u2500\u2500 Login Card with Enhanced Glassmorphism \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n .card {\n position: relative;\n width: 100%;\n max-width: 480px;\n background: rgba(255, 255, 255, 0.85);\n backdrop-filter: blur(40px) saturate(150%);\n -webkit-backdrop-filter: blur(40px) saturate(150%);\n border: 1px solid rgba(124, 179, 66, 0.2);\n border-radius: 32px;\n padding: 4rem 3rem;\n box-shadow: \n 0 30px 60px rgba(45, 122, 62, 0.15),\n 0 0 0 1px rgba(124, 179, 66, 0.1) inset,\n 0 1px 0 0 rgba(255, 255, 255, 0.8) inset;\n animation: fadeInUp 0.8s cubic-bezier(0.23, 1, 0.320, 1);\n overflow: visible;\n z-index: 1;\n }\n\n \/* Subtle gradient border *\/\n .card::before {\n content: '';\n position: absolute;\n top: -1px;\n left: -1px;\n right: -1px;\n bottom: -1px;\n border-radius: 32px;\n background: linear-gradient(135deg, \n rgba(124, 179, 66, 0.4) 0%, \n rgba(45, 122, 62, 0.4) 50%,\n rgba(197, 225, 165, 0.4) 100%);\n z-index: -1;\n opacity: 0;\n transition: opacity 0.5s ease;\n }\n\n .card:hover::before {\n opacity: 1;\n }\n\n \/* \u2500\u2500\u2500 Logo Section \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n .logo-container {\n text-align: center;\n margin-bottom: 3rem;\n animation: fadeInUp 0.8s cubic-bezier(0.23, 1, 0.320, 1) 0.1s both;\n }\n\n .logo-container a {\n display: inline-block;\n transition: all 0.4s cubic-bezier(0.23, 1, 0.320, 1);\n }\n\n .logo-container a:hover {\n transform: scale(1.05) translateY(-2px);\n }\n\n .logo-container img {\n max-width: 200px;\n height: auto;\n display: block;\n margin: 0 auto;\n }\n\n .logo-subtitle {\n color: #2d7a3e;\n font-size: 0.75rem;\n font-weight: 500;\n letter-spacing: 0.2em;\n margin-top: 1rem;\n text-transform: uppercase;\n font-family: 'Space Grotesk', sans-serif;\n background: linear-gradient(90deg, #7cb342, #2d7a3e, #9ccc65);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n background-clip: text;\n background-size: 200% auto;\n animation: shimmer 3s linear infinite;\n }\n\n \/* \u2500\u2500\u2500 Form Title with Elegant Typography \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n .form-title {\n text-align: center;\n margin-bottom: 2.5rem;\n animation: fadeInUp 0.8s cubic-bezier(0.23, 1, 0.320, 1) 0.2s both;\n }\n\n .form-title h2 {\n font-size: 2rem;\n font-weight: 600;\n color: #1a1a2e;\n margin-bottom: 0.75rem;\n letter-spacing: -0.03em;\n font-family: 'Space Grotesk', sans-serif;\n line-height: 1.2;\n }\n\n .form-title p {\n color: #4a5568;\n font-size: 0.95rem;\n font-weight: 400;\n line-height: 1.6;\n letter-spacing: -0.01em;\n }\n\n \/* \u2500\u2500\u2500 Form Fields with Refined Styling \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n .wpforms-field {\n margin-bottom: 1.5rem;\n animation: fadeInUp 0.8s cubic-bezier(0.23, 1, 0.320, 1) 0.3s both;\n }\n\n .wpforms-field-label {\n display: block;\n font-weight: 500;\n font-size: 0.875rem;\n color: #1a1a2e;\n margin-bottom: 0.625rem;\n letter-spacing: -0.01em;\n }\n\n .wpforms-field-large {\n width: 100%;\n padding: 1rem 1.5rem;\n background: rgba(255, 255, 255, 0.7);\n border: 1.5px solid rgba(124, 179, 66, 0.2);\n border-radius: 12px;\n font-size: 0.9375rem;\n color: #1a1a2e;\n transition: all 0.3s cubic-bezier(0.23, 1, 0.320, 1);\n outline: none;\n font-family: 'Inter', sans-serif;\n font-weight: 400;\n letter-spacing: -0.01em;\n }\n\n .wpforms-field-large::placeholder {\n color: #a0aec0;\n opacity: 1;\n font-weight: 400;\n }\n\n .wpforms-field-large:focus {\n background: rgba(255, 255, 255, 0.95);\n border-color: #7cb342;\n box-shadow: \n 0 0 0 4px rgba(124, 179, 66, 0.12),\n 0 4px 12px rgba(45, 122, 62, 0.1);\n transform: translateY(-1px);\n }\n\n .wpforms-field-large:hover:not(:focus) {\n border-color: rgba(124, 179, 66, 0.3);\n background: rgba(255, 255, 255, 0.85);\n }\n\n \/* \u2500\u2500\u2500 Checkbox Styling \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n .wpforms-field-checkbox {\n display: flex;\n align-items: center;\n gap: 0.75rem;\n animation: fadeInUp 0.8s cubic-bezier(0.23, 1, 0.320, 1) 0.4s both;\n }\n\n .wpforms-field-checkbox input[type=\"checkbox\"] {\n width: 20px;\n height: 20px;\n border: 2px solid rgba(124, 179, 66, 0.3);\n border-radius: 6px;\n cursor: pointer;\n transition: all 0.3s ease;\n accent-color: #7cb342;\n }\n\n .wpforms-field-checkbox label {\n color: #4a5568;\n font-size: 0.875rem;\n font-weight: 400;\n cursor: pointer;\n user-select: none;\n letter-spacing: -0.01em;\n }\n\n .wpforms-field-checkbox input[type=\"checkbox\"]:checked {\n background: #7cb342;\n border-color: #7cb342;\n }\n\n \/* \u2500\u2500\u2500 Links Styling \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n .wpforms-field a,\n form a {\n color: #2d7a3e;\n text-decoration: none;\n font-weight: 500;\n transition: all 0.3s ease;\n position: relative;\n -webkit-text-fill-color: initial;\n }\n\n .wpforms-field a:hover,\n form a:hover {\n color: #7cb342;\n text-decoration: underline;\n }\n\n \/* \u2500\u2500\u2500 Submit Button with Gradient \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n .wpforms-submit-container {\n margin-top: 2rem;\n animation: fadeInUp 0.8s cubic-bezier(0.23, 1, 0.320, 1) 0.5s both;\n }\n\n .wpforms-submit,\n #wpforms-submit-18618,\n button[type=\"submit\"][name=\"wpforms[submit]\"],\n .w-100.wpforms-submit {\n width: 100% !important;\n padding: 1.125rem 2rem !important;\n background: linear-gradient(135deg, #7cb342 0%, #2d7a3e 100%) !important;\n background-size: 200% 100% !important;\n background-position: 0% 50% !important;\n border: none !important;\n border-radius: 12px !important;\n color: #ffffff !important;\n font-size: 1rem !important;\n font-weight: 600 !important;\n cursor: pointer !important;\n transition: all 0.4s cubic-bezier(0.23, 1, 0.320, 1) !important;\n box-shadow: \n 0 6px 24px rgba(124, 179, 66, 0.3),\n 0 2px 4px rgba(0, 0, 0, 0.1) !important;\n position: relative !important;\n overflow: hidden !important;\n font-family: 'Space Grotesk', sans-serif !important;\n letter-spacing: 0.05em !important;\n text-transform: uppercase !important;\n z-index: 1 !important;\n }\n\n .wpforms-submit::before,\n #wpforms-submit-18618::before,\n button[type=\"submit\"][name=\"wpforms[submit]\"]::before {\n content: '';\n position: absolute;\n top: 0;\n left: -100%;\n width: 100%;\n height: 100%;\n background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.2), transparent);\n transition: left 0.6s ease;\n }\n\n .wpforms-submit:hover,\n #wpforms-submit-18618:hover,\n button[type=\"submit\"][name=\"wpforms[submit]\"]:hover {\n transform: translateY(-2px) !important;\n box-shadow: \n 0 8px 30px rgba(124, 179, 66, 0.4),\n 0 2px 6px rgba(0, 0, 0, 0.2) !important;\n background-position: 100% 50% !important;\n }\n\n .wpforms-submit:hover::before,\n #wpforms-submit-18618:hover::before,\n button[type=\"submit\"][name=\"wpforms[submit]\"]:hover::before {\n left: 100%;\n }\n\n .wpforms-submit:active,\n #wpforms-submit-18618:active,\n button[type=\"submit\"][name=\"wpforms[submit]\"]:active {\n transform: translateY(0) !important;\n box-shadow: \n 0 4px 20px rgba(124, 179, 66, 0.3),\n 0 1px 3px rgba(0, 0, 0, 0.1) !important;\n }\n\n \/* \u2500\u2500\u2500 Additional Options with Refined Style \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n .login-options {\n margin-top: 2.5rem;\n text-align: center;\n padding-top: 2.5rem;\n border-top: 1px solid rgba(124, 179, 66, 0.15);\n animation: fadeInUp 0.8s cubic-bezier(0.23, 1, 0.320, 1) 0.6s both;\n }\n\n .login-options p {\n color: #4a5568;\n font-size: 0.875rem;\n margin-bottom: 1.25rem;\n font-weight: 400;\n letter-spacing: -0.01em;\n }\n\n .alternative-login {\n display: flex;\n gap: 1rem;\n justify-content: center;\n }\n\n .alt-login-btn {\n flex: 1;\n padding: 0.875rem 1.75rem;\n background: rgba(124, 179, 66, 0.08);\n border: 1.5px solid rgba(124, 179, 66, 0.2);\n border-radius: 10px;\n color: #2d7a3e !important;\n font-size: 0.875rem;\n font-weight: 500;\n cursor: pointer;\n transition: all 0.3s cubic-bezier(0.23, 1, 0.320, 1);\n text-decoration: none;\n display: inline-block;\n letter-spacing: -0.01em;\n -webkit-text-fill-color: initial;\n }\n\n .alt-login-btn:hover {\n background: rgba(124, 179, 66, 0.15);\n border-color: #7cb342;\n transform: translateY(-1px);\n box-shadow: 0 4px 12px rgba(124, 179, 66, 0.2);\n color: #2d7a3e !important;\n }\n\n \/* \u2500\u2500\u2500 Language Switcher Panel Styling \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n center {\n margin-top: 1.5rem;\n animation: fadeInUp 0.8s cubic-bezier(0.23, 1, 0.320, 1) 0.7s both;\n }\n\n \/* Style for language switcher links *\/\n [class*=\"language-switcher\"] a,\n center a {\n color: #4a5568 !important;\n text-decoration: none;\n font-size: 0.875rem;\n margin: 0 0.5rem;\n transition: all 0.3s ease;\n display: inline-block;\n padding: 0.5rem 0.75rem;\n border-radius: 8px;\n background: rgba(124, 179, 66, 0.05);\n -webkit-text-fill-color: initial;\n }\n\n [class*=\"language-switcher\"] a:hover,\n center a:hover {\n color: #2d7a3e !important;\n background: rgba(124, 179, 66, 0.15);\n transform: translateY(-1px);\n box-shadow: 0 2px 8px rgba(124, 179, 66, 0.15);\n }\n\n \/* Active language indicator *\/\n [class*=\"language-switcher\"] a.active,\n center a.active {\n background: rgba(124, 179, 66, 0.2);\n color: #2d7a3e !important;\n font-weight: 600;\n }\n\n \/* \u2500\u2500\u2500 Responsive Design \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n @media (max-width: 480px) {\n .card {\n padding: 3rem 2rem;\n border-radius: 24px;\n }\n \n .logo-container img {\n max-width: 160px;\n }\n\n .form-title h2 {\n font-size: 1.75rem;\n }\n \n .alternative-login {\n flex-direction: column;\n }\n\n .wpforms-field-large {\n padding: 1rem 1.25rem;\n }\n }\n\n \/* \u2500\u2500\u2500 Loading State \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n .wpforms-submit.loading,\n #wpforms-submit-18618.loading,\n button[type=\"submit\"][name=\"wpforms[submit]\"].loading {\n color: transparent !important;\n pointer-events: none;\n }\n\n .wpforms-submit.loading::after,\n #wpforms-submit-18618.loading::after,\n button[type=\"submit\"][name=\"wpforms[submit]\"].loading::after {\n content: '';\n position: absolute;\n width: 20px;\n height: 20px;\n top: 50%;\n left: 50%;\n margin-left: -10px;\n margin-top: -10px;\n border: 2px solid rgba(255, 255, 255, 0.3);\n border-radius: 50%;\n border-top-color: #ffffff;\n animation: spin 0.8s linear infinite;\n }\n\n @keyframes spin {\n to { transform: rotate(360deg); }\n }\n\n \/* \u2500\u2500\u2500 Form Container Styling to Ensure Link Visibility \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n .wpforms-container {\n position: relative;\n z-index: 10;\n }\n\n \/* Ensure all form links are visible *\/\n .wpforms-container a,\n form a {\n position: relative;\n z-index: 15;\n display: inline-block;\n }\n <\/style>\n<\/head>\n<body>\n <!-- Animated gradient orbs -->\n <div class=\"gradient-orb orb1\"><\/div>\n <div class=\"gradient-orb orb2\"><\/div>\n <div class=\"gradient-orb orb3\"><\/div>\n\n <div class=\"c_login_container\">\n <div class=\"card\">\n <!-- Logo that links to vida-sabia.com -->\n <div class=\"logo-container\">\n <a href=\"https:\/\/vida-sabia.com\/es\/\">\n <img decoding=\"async\" src=\"https:\/\/vida-sabia.com\/wp-content\/uploads\/2025\/10\/Result%20(90).webp\" alt=\"Vida Sabia\">\n <\/a>\n <p class=\"logo-subtitle\">Transforme su salud<\/p>\n <\/div>\n\n <!-- Form Title -->\n <div class=\"form-title\">\n <h2>Bienvenido de nuevo<\/h2>\n <p>Introduzca sus credenciales para acceder a su cuenta<\/p>\n <\/div>\n\n <!-- WordPress Form Shortcode -->\n <div class=\"wpforms-container wpforms-container-full\" id=\"wpforms-18618\"><form id=\"wpforms-form-18618\" class=\"wpforms-validate wpforms-form\" data-formid=\"18618\" method=\"post\" enctype=\"multipart\/form-data\" action=\"\/es\/wp-json\/wp\/v2\/pages\/18621\" data-token=\"1f248c42ee94abb92b1512ef4e849fe6\" data-trp-original-action=\"\/es\/wp-json\/wp\/v2\/pages\/18621\"><noscript class=\"wpforms-error-noscript\">Por favor, active JavaScript en su navegador para completar este formulario.<\/noscript><div class=\"wpforms-field-container\"><div id=\"wpforms-18618-field_0-container\" class=\"wpforms-field wpforms-field-text\" data-field-id=\"0\"><label class=\"wpforms-field-label\" for=\"wpforms-18618-field_0\">Nombre de usuario o correo electr\u00f3nico <span class=\"wpforms-required-label\">*<\/span><\/label><input type=\"text\" id=\"wpforms-18618-field_0\" class=\"wpforms-field-large wpforms-field-required\" name=\"wpforms[fields][0]\" required><\/div><div id=\"wpforms-18618-field_1-container\" class=\"wpforms-field wpforms-field-password\" data-field-id=\"1\"><label class=\"wpforms-field-label\" for=\"wpforms-18618-field_1\">Contrase\u00f1a <span class=\"wpforms-required-label\">*<\/span><\/label><input type=\"password\" id=\"wpforms-18618-field_1\" class=\"wpforms-field-large wpforms-field-required\" name=\"wpforms[fields][1]\" required><div class=\"wpforms-field-description\">\u00bfHa olvidado su contrase\u00f1a? <a href=\"https:\/\/vida-sabia.com\/es\/c_recov_pw\/\">pulse aqu\u00ed para restablecer<\/a><\/div><\/div><\/div><div class=\"wpforms-submit-container\"><input type=\"hidden\" name=\"wpforms[id]\" value=\"18618\"><input type=\"hidden\" name=\"wpforms[author]\" value=\"6\"><button type=\"submit\" name=\"wpforms[submit]\" id=\"wpforms-submit-18618\" class=\"wpforms-submit w-100\" aria-live=\"assertive\" value=\"wpforms-submit\">Inicio de sesi\u00f3n<\/button><\/div><input type=\"hidden\" name=\"trp-form-language\" value=\"es\"\/><\/form><\/div> <!-- .wpforms-container -->\n \n <!-- Language Switcher -->\n <center> <div class=\"ulcs-widget modern-style\"\n data-position=\"inline\" \n data-type=\"language\">\n <button class=\"ulcs-trigger\" aria-label=\"Cambiar de idioma\">\n <div class=\"ulcs-current\">\n <span class=\"ulcs-flag\">\ud83c\uddea\ud83c\uddf8<\/span>\n <span class=\"ulcs-lang\">ES<\/span>\n \n \n <\/div>\n <svg class=\"ulcs-arrow\" width=\"12\" height=\"12\" viewbox=\"0 0 12 12\" fill=\"none\">\n <path d=\"M3 4.5L6 7.5L9 4.5\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\"\/>\n <\/svg>\n <\/button>\n <\/div>\n <\/center>\n \n \n <script>\n \/\/ Enhanced interactions\n document.addEventListener('DOMContentLoaded', function() {\n \/\/ Smooth input animations\n const inputs = document.querySelectorAll('.wpforms-field-large');\n \n inputs.forEach(input => {\n input.addEventListener('focus', function() {\n this.parentElement.style.transform = 'scale(1.01)';\n });\n \n input.addEventListener('blur', function() {\n this.parentElement.style.transform = 'scale(1)';\n });\n });\n\n \/\/ Add loading state to submit button\n const submitBtn = document.querySelector('.wpforms-submit');\n if (submitBtn) {\n submitBtn.addEventListener('click', function(e) {\n if (this.form && this.form.checkValidity()) {\n this.classList.add('loading');\n }\n });\n }\n\n \/\/ Update password recovery link\n const passwordLinks = document.querySelectorAll('a[href*=\"lost-password\"], a[href*=\"forgot\"], a[href*=\"recover\"], a[href*=\"reset\"]');\n passwordLinks.forEach(link => {\n link.href = 'http:\/\/vida-sabia.com\/c_recov_pw\/';\n });\n\n \/\/ Parallax effect for gradient orbs\n document.addEventListener('mousemove', (e) => {\n const mouseX = e.clientX \/ window.innerWidth;\n const mouseY = e.clientY \/ window.innerHeight;\n \n const orb1 = document.querySelector('.orb1');\n const orb2 = document.querySelector('.orb2');\n const orb3 = document.querySelector('.orb3');\n \n if (orb1) {\n orb1.style.transform = `translate(${mouseX * 20}px, ${mouseY * 20}px)`;\n }\n if (orb2) {\n orb2.style.transform = `translate(${-mouseX * 15}px, ${-mouseY * 15}px)`;\n }\n if (orb3) {\n orb3.style.transform = `translate(${mouseX * 10}px, ${-mouseY * 10}px)`;\n }\n });\n });\n <\/script>\n<\/body>\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>","protected":false},"excerpt":{"rendered":"<p>Vida Sabia Login - Transforme su salud naturalmente Transforme su salud Bienvenido de nuevo Introduzca sus credenciales para acceder a su cuenta<\/p>","protected":false},"author":6,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"footnotes":""},"class_list":["post-18621","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/vida-sabia.com\/es\/wp-json\/wp\/v2\/pages\/18621","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/vida-sabia.com\/es\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/vida-sabia.com\/es\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/vida-sabia.com\/es\/wp-json\/wp\/v2\/users\/6"}],"replies":[{"embeddable":true,"href":"https:\/\/vida-sabia.com\/es\/wp-json\/wp\/v2\/comments?post=18621"}],"version-history":[{"count":172,"href":"https:\/\/vida-sabia.com\/es\/wp-json\/wp\/v2\/pages\/18621\/revisions"}],"predecessor-version":[{"id":68678,"href":"https:\/\/vida-sabia.com\/es\/wp-json\/wp\/v2\/pages\/18621\/revisions\/68678"}],"wp:attachment":[{"href":"https:\/\/vida-sabia.com\/es\/wp-json\/wp\/v2\/media?parent=18621"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}