{"id":10023,"date":"2022-03-29T08:30:07","date_gmt":"2022-03-29T15:30:07","guid":{"rendered":"https:\/\/home.ievolutionpro.com\/?page_id=10023"},"modified":"2025-10-24T22:22:17","modified_gmt":"2025-10-25T05:22:17","slug":"ievohome","status":"publish","type":"page","link":"https:\/\/vida-sabia.com\/es\/","title":{"rendered":"P\u00e1gina principal de Vida Sabia"},"content":{"rendered":"
\n\t\t\t\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\n\n\n \n \n Vida Sabia Header - Elegant & Modern<\/title>\n \n <!-- Icons8 Line Awesome -->\n <link rel=\"stylesheet\" href=\"https:\/\/maxst.icons8.com\/vue-static\/landings\/line-awesome\/line-awesome\/1.3.0\/css\/line-awesome.min.css\">\n \n <style>\n \/* ================================\n SCOPED HEADER STYLES - MODERN EDITION\n All styles prefixed with .vida-sabia-header\n to avoid conflicts with external styles\n ================================ *\/\n\n .vida-sabia-header-wrapper {\n \/* Vida Sabia Brand Colors - Enhanced Palette *\/\n --vida-sabia-dark-green: #2d7a3e;\n --vida-sabia-leaf-green: #7cb342;\n --vida-sabia-lime-green: #9ccc65;\n --vida-sabia-yellow-green: #d4e157;\n --vida-sabia-forest: #1b5e20;\n --vida-sabia-amber: #fbc02d;\n --vida-sabia-mint: #81c784;\n --vida-sabia-dark: #0f172a;\n --vida-sabia-white: #ffffff;\n \n \/* Modern Gradients *\/\n --vida-sabia-primary-gradient: linear-gradient(135deg, #7cb342 0%, #2d7a3e 100%);\n --vida-sabia-secondary-gradient: linear-gradient(135deg, #9ccc65 0%, #7cb342 100%);\n --vida-sabia-accent-gradient: linear-gradient(135deg, #d4e157 0%, #9ccc65 100%);\n --vida-sabia-shimmer-gradient: linear-gradient(90deg, transparent 0%, rgba(255,255,255,0.4) 50%, transparent 100%);\n --vida-sabia-glass-gradient: linear-gradient(135deg, rgba(255,255,255,0.95) 0%, rgba(255,255,255,0.85) 100%);\n \n --vida-sabia-dark-bg: #ffffff;\n --vida-sabia-card-bg: rgba(124, 179, 66, 0.06);\n --vida-sabia-text-light: #0f172a;\n --vida-sabia-accent-primary: #7cb342;\n --vida-sabia-accent-secondary: #9ccc65;\n --vida-sabia-accent-tertiary: #d4e157;\n --vida-sabia-border-color: rgba(124, 179, 66, 0.15);\n --vida-sabia-hover-bg: rgba(124, 179, 66, 0.08);\n }\n\n \/* Automatic body padding to prevent content from being hidden under fixed header *\/\n body {\n padding-top: 80px !important;\n }\n\n @media (min-width: 768px) {\n body {\n padding-top: 90px !important;\n }\n }\n\n \/* Header Container *\/\n .vida-sabia-header-wrapper {\n position: fixed;\n top: 0;\n width: 100%;\n left: 0;\n right: 0;\n z-index: 1000;\n background: rgba(255, 255, 255, 0.95);\n backdrop-filter: blur(20px);\n -webkit-backdrop-filter: blur(20px);\n border-bottom: 2px solid rgba(124, 179, 66, 0.12);\n box-shadow: 0 2px 12px rgba(124, 179, 66, 0.08);\n transition: all 0.3s ease;\n min-height: 60px;\n height: auto;\n }\n\n .vida-sabia-header-wrapper.scrolled {\n background: rgba(255, 255, 255, 0.98);\n box-shadow: 0 4px 20px rgba(124, 179, 66, 0.15);\n border-bottom-color: rgba(124, 179, 66, 0.2);\n }\n\n \/* Navigation *\/\n .vida-sabia-header-wrapper .vida-sabia-nav {\n display: flex;\n justify-content: space-between;\n align-items: center;\n padding: 0.75rem 1rem;\n width: 100%;\n max-width: 1600px;\n margin: 0 auto;\n min-height: 60px;\n flex-wrap: nowrap;\n gap: 0.5rem;\n }\n\n @media (min-width: 768px) {\n .vida-sabia-header-wrapper .vida-sabia-nav {\n padding: 1rem 1.5rem;\n gap: 0.75rem;\n }\n }\n\n @media (min-width: 1200px) {\n .vida-sabia-header-wrapper .vida-sabia-nav {\n padding: 1rem 2rem;\n }\n }\n\n \/* Logo *\/\n .vida-sabia-header-wrapper .vida-sabia-logo {\n display: flex;\n align-items: center;\n gap: 0.75rem;\n z-index: 1002;\n flex-shrink: 0;\n }\n\n @media (max-width: 767px) {\n .vida-sabia-header-wrapper .vida-sabia-logo {\n order: 2;\n flex: 1;\n justify-content: center;\n }\n }\n\n .vida-sabia-header-wrapper .vida-sabia-logo a {\n display: flex;\n align-items: center;\n text-decoration: none;\n cursor: pointer;\n }\n\n .vida-sabia-header-wrapper .vida-sabia-logo img {\n height: 45px;\n width: auto;\n filter: drop-shadow(0 2px 8px rgba(124, 179, 66, 0.25));\n transition: all 0.3s ease;\n cursor: pointer;\n }\n\n .vida-sabia-header-wrapper .vida-sabia-logo a:hover img {\n opacity: 0.85;\n transform: scale(1.02);\n }\n\n @media (min-width: 768px) {\n .vida-sabia-header-wrapper .vida-sabia-logo img {\n height: 50px;\n }\n }\n\n @media (min-width: 1200px) {\n .vida-sabia-header-wrapper .vida-sabia-logo img {\n height: 55px;\n }\n }\n\n \/* Desktop Navigation Links *\/\n .vida-sabia-header-wrapper .vida-sabia-nav-links {\n display: none;\n gap: clamp(1rem, 2vw, 2rem);\n align-items: center;\n flex-wrap: wrap;\n justify-content: flex-end;\n flex: 1;\n max-width: 100%;\n overflow: hidden;\n }\n\n @media (min-width: 768px) {\n .vida-sabia-header-wrapper .vida-sabia-nav-links {\n display: flex;\n }\n }\n\n \/* Navigation Link Styles *\/\n .vida-sabia-header-wrapper .vida-sabia-nav-links a {\n color: var(--vida-sabia-text-light);\n text-decoration: none;\n transition: all 0.3s ease;\n position: relative;\n font-weight: 500;\n white-space: nowrap;\n font-size: clamp(0.85rem, 1vw, 1rem);\n padding: 0.25rem 0.5rem;\n }\n\n .vida-sabia-header-wrapper .vida-sabia-nav-links a::after {\n content: '';\n position: absolute;\n bottom: -5px;\n left: 0;\n width: 0;\n height: 2px;\n background: var(--vida-sabia-primary-gradient);\n transition: width 0.3s ease;\n }\n\n .vida-sabia-header-wrapper .vida-sabia-nav-links a:hover::after {\n width: 100%;\n }\n\n .vida-sabia-header-wrapper .vida-sabia-nav-links a:hover {\n color: var(--vida-sabia-leaf-green);\n }\n\n \/* Buttons *\/\n .vida-sabia-header-wrapper .vida-sabia-btn {\n padding: 0.6rem 1.5rem;\n border-radius: 25px;\n text-decoration: none;\n font-weight: 600;\n transition: all 0.3s ease;\n display: inline-block;\n border: none;\n cursor: pointer;\n font-size: 0.9rem;\n white-space: nowrap;\n text-align: center;\n flex-shrink: 0;\n }\n\n .vida-sabia-header-wrapper .vida-sabia-btn-primary {\n background: var(--vida-sabia-primary-gradient);\n color: white !important;\n box-shadow: 0 4px 16px rgba(124, 179, 66, 0.35);\n }\n\n .vida-sabia-header-wrapper .vida-sabia-btn-primary:hover {\n box-shadow: 0 6px 20px rgba(124, 179, 66, 0.45);\n transform: translateY(-2px);\n }\n\n .vida-sabia-header-wrapper .vida-sabia-btn-secondary {\n background: rgba(255, 255, 255, 0.95);\n border: 2px solid var(--vida-sabia-leaf-green);\n color: var(--vida-sabia-dark-green) !important;\n }\n\n .vida-sabia-header-wrapper .vida-sabia-btn-secondary:hover {\n background: var(--vida-sabia-hover-bg);\n transform: translateY(-2px);\n }\n\n \/* Desktop \"My Account\" button - initially hidden *\/\n .vida-sabia-header-wrapper .vida-sabia-btn-myaccount {\n display: none;\n }\n\n .vida-sabia-header-wrapper.logged-in .vida-sabia-btn-myaccount {\n display: inline-block;\n }\n\n \/* Cart Icon Wrapper - Desktop *\/\n .vida-sabia-header-wrapper .vida-sabia-cart-wrapper {\n display: none;\n flex-shrink: 0;\n }\n\n @media (min-width: 768px) {\n .vida-sabia-header-wrapper .vida-sabia-cart-wrapper {\n display: flex;\n }\n }\n\n \/* Cart Icon Wrapper - Mobile *\/\n .vida-sabia-header-wrapper .vida-sabia-cart-wrapper-mobile {\n display: flex;\n flex-shrink: 0;\n order: 3;\n z-index: 1002;\n }\n\n @media (min-width: 768px) {\n .vida-sabia-header-wrapper .vida-sabia-cart-wrapper-mobile {\n display: none;\n }\n }\n\n \/* Mobile Navigation Container *\/\n .vida-sabia-header-wrapper .vida-sabia-mobile-nav-container {\n display: flex;\n align-items: center;\n order: 1;\n z-index: 1002;\n }\n\n @media (min-width: 768px) {\n .vida-sabia-header-wrapper .vida-sabia-mobile-nav-container {\n display: none;\n }\n }\n\n \/* Hamburger Menu - Modern Style *\/\n .vida-sabia-header-wrapper .vida-sabia-hamburger {\n display: flex;\n flex-direction: column;\n cursor: pointer;\n gap: 5px;\n padding: 0.5rem;\n transition: all 0.3s ease;\n position: relative;\n }\n\n .vida-sabia-header-wrapper .vida-sabia-hamburger::before {\n content: '';\n position: absolute;\n inset: -4px;\n background: var(--vida-sabia-hover-bg);\n border-radius: 12px;\n opacity: 0;\n transition: opacity 0.3s ease;\n }\n\n .vida-sabia-header-wrapper .vida-sabia-hamburger:hover::before {\n opacity: 1;\n }\n\n .vida-sabia-header-wrapper .vida-sabia-hamburger span {\n display: block;\n width: 25px;\n height: 3px;\n background: var(--vida-sabia-dark-green);\n border-radius: 3px;\n transition: all 0.3s ease;\n position: relative;\n z-index: 1;\n }\n\n .vida-sabia-header-wrapper .vida-sabia-hamburger:hover span {\n background: var(--vida-sabia-leaf-green);\n }\n\n .vida-sabia-header-wrapper .vida-sabia-hamburger.active span:nth-child(1) {\n transform: rotate(45deg) translate(8px, 8px);\n }\n\n .vida-sabia-header-wrapper .vida-sabia-hamburger.active span:nth-child(2) {\n opacity: 0;\n }\n\n .vida-sabia-header-wrapper .vida-sabia-hamburger.active span:nth-child(3) {\n transform: rotate(-45deg) translate(8px, -8px);\n }\n\n \/* Mobile Menu Overlay - Enhanced *\/\n .vida-sabia-mobile-menu {\n position: fixed;\n top: 0;\n left: 0;\n width: 100%;\n height: 100vh;\n background: linear-gradient(135deg, rgba(45, 122, 62, 0.98) 0%, rgba(27, 94, 32, 0.98) 100%);\n backdrop-filter: blur(20px);\n -webkit-backdrop-filter: blur(20px);\n z-index: 999;\n transform: translateX(-100%);\n transition: transform 0.4s cubic-bezier(0.68, -0.55, 0.265, 1.55);\n display: flex;\n align-items: center;\n justify-content: center;\n }\n\n .vida-sabia-mobile-menu::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n background: \n radial-gradient(circle at 20% 80%, rgba(156, 204, 101, 0.2) 0%, transparent 50%),\n radial-gradient(circle at 80% 20%, rgba(124, 179, 66, 0.2) 0%, transparent 50%);\n pointer-events: none;\n }\n\n .vida-sabia-mobile-menu.active {\n transform: translateX(0);\n }\n\n .vida-sabia-mobile-menu-content {\n display: flex;\n flex-direction: column;\n align-items: center;\n gap: 2.5rem;\n padding: 2rem;\n max-width: 90%;\n width: 400px;\n position: relative;\n z-index: 1;\n }\n\n \/* Modern Menu Links *\/\n .vida-sabia-mobile-menu-links {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n width: 100%;\n }\n\n .vida-sabia-mobile-menu-links a {\n color: white;\n text-decoration: none;\n font-size: 1.4rem;\n font-weight: 600;\n text-align: center;\n padding: 1.2rem;\n border-radius: 18px;\n transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);\n background: rgba(255, 255, 255, 0.1);\n border: 2px solid rgba(255, 255, 255, 0.2);\n position: relative;\n overflow: hidden;\n backdrop-filter: blur(10px);\n -webkit-backdrop-filter: blur(10px);\n }\n\n \/* Shimmer effect on menu links *\/\n .vida-sabia-mobile-menu-links a::before {\n content: '';\n position: absolute;\n top: 0;\n left: -100%;\n width: 100%;\n height: 100%;\n background: var(--vida-sabia-shimmer-gradient);\n transition: left 0.6s ease;\n }\n\n .vida-sabia-mobile-menu-links a:active::before {\n left: 100%;\n }\n\n .vida-sabia-mobile-menu-links a:active {\n transform: scale(0.96);\n background: rgba(255, 255, 255, 0.18);\n border-color: rgba(255, 255, 255, 0.3);\n }\n\n \/* Mobile Menu Buttons Container *\/\n .vida-sabia-mobile-menu-buttons {\n display: flex;\n flex-direction: column;\n gap: 1.2rem;\n width: 100%;\n }\n\n \/* MODERN & ELEGANT: Mobile menu secondary button (Login\/Logout) *\/\n .vida-sabia-mobile-menu .vida-sabia-btn-secondary {\n position: relative;\n background: var(--vida-sabia-glass-gradient) !important;\n border: 2px solid rgba(255, 255, 255, 0.4) !important;\n color: var(--vida-sabia-dark-green) !important;\n font-weight: 700 !important;\n padding: 1.1rem 2rem !important;\n font-size: 1.05rem !important;\n border-radius: 30px !important;\n box-shadow: \n 0 8px 32px rgba(0, 0, 0, 0.12),\n inset 0 1px 0 rgba(255, 255, 255, 0.6),\n 0 1px 3px rgba(0, 0, 0, 0.08) !important;\n backdrop-filter: blur(12px) !important;\n -webkit-backdrop-filter: blur(12px) !important;\n overflow: hidden;\n transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important;\n letter-spacing: 0.3px;\n }\n\n \/* Gradient overlay on secondary button *\/\n .vida-sabia-mobile-menu .vida-sabia-btn-secondary::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n background: linear-gradient(135deg, rgba(124, 179, 66, 0.15) 0%, transparent 100%);\n opacity: 0;\n transition: opacity 0.3s ease;\n pointer-events: none;\n }\n\n .vida-sabia-mobile-menu .vida-sabia-btn-secondary:hover::before {\n opacity: 1;\n }\n\n \/* Shimmer effect for secondary button *\/\n .vida-sabia-mobile-menu .vida-sabia-btn-secondary::after {\n content: '';\n position: absolute;\n top: 0;\n left: -100%;\n width: 50%;\n height: 100%;\n background: linear-gradient(90deg, transparent 0%, rgba(255, 255, 255, 0.6) 50%, transparent 100%);\n transition: left 0.6s ease;\n }\n\n .vida-sabia-mobile-menu .vida-sabia-btn-secondary:active::after {\n left: 100%;\n }\n\n .vida-sabia-mobile-menu .vida-sabia-btn-secondary:active {\n transform: scale(0.96) translateY(2px);\n box-shadow: \n 0 4px 16px rgba(0, 0, 0, 0.15),\n inset 0 1px 0 rgba(255, 255, 255, 0.4) !important;\n border-color: rgba(255, 255, 255, 0.5) !important;\n }\n\n \/* MODERN & ELEGANT: Mobile menu primary button (My Account) *\/\n .vida-sabia-mobile-menu .vida-sabia-btn-primary {\n position: relative;\n background: linear-gradient(135deg, #7cb342 0%, #2d7a3e 100%) !important;\n color: white !important;\n font-weight: 700 !important;\n padding: 1.1rem 2rem !important;\n font-size: 1.05rem !important;\n border-radius: 30px !important;\n border: 2px solid rgba(255, 255, 255, 0.25) !important;\n box-shadow: \n 0 10px 40px rgba(124, 179, 66, 0.35),\n inset 0 1px 0 rgba(255, 255, 255, 0.3),\n 0 1px 3px rgba(0, 0, 0, 0.1) !important;\n overflow: hidden;\n transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important;\n letter-spacing: 0.3px;\n }\n\n \/* Shimmer effect for primary button *\/\n .vida-sabia-mobile-menu .vida-sabia-btn-primary::before {\n content: '';\n position: absolute;\n top: 0;\n left: -100%;\n width: 50%;\n height: 100%;\n background: linear-gradient(90deg, transparent 0%, rgba(255, 255, 255, 0.4) 50%, transparent 100%);\n transition: left 0.6s ease;\n }\n\n .vida-sabia-mobile-menu .vida-sabia-btn-primary:active::before {\n left: 100%;\n }\n\n .vida-sabia-mobile-menu .vida-sabia-btn-primary:active {\n transform: scale(0.96) translateY(2px);\n box-shadow: \n 0 6px 24px rgba(124, 179, 66, 0.4),\n inset 0 1px 0 rgba(255, 255, 255, 0.2) !important;\n }\n\n \/* Hide mobile My Account button by default *\/\n .vida-sabia-mobile-menu .vida-sabia-btn-myaccount-mobile {\n display: none;\n }\n\n .vida-sabia-header-wrapper.logged-in ~ .vida-sabia-mobile-menu .vida-sabia-btn-myaccount-mobile {\n display: inline-block;\n }\n\n \/* Locale Switcher *\/\n .vida-sabia-header-wrapper .vida-sabia-locale-switcher-wrapper {\n display: flex;\n align-items: center;\n min-width: fit-content;\n flex-shrink: 0;\n }\n\n \/* Add subtle animation to locale switcher in mobile menu *\/\n .vida-sabia-mobile-menu .vida-sabia-locale-switcher-wrapper {\n padding: 1rem;\n background: rgba(255, 255, 255, 0.08);\n border-radius: 15px;\n backdrop-filter: blur(10px);\n -webkit-backdrop-filter: blur(10px);\n border: 1px solid rgba(255, 255, 255, 0.15);\n }\n\n \/* Keyframe animations *\/\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 \/* Stagger animation for menu items *\/\n .vida-sabia-mobile-menu.active .vida-sabia-mobile-menu-links a:nth-child(1) {\n animation: fadeInUp 0.5s ease 0.1s backwards;\n }\n\n .vida-sabia-mobile-menu.active .vida-sabia-mobile-menu-links a:nth-child(2) {\n animation: fadeInUp 0.5s ease 0.2s backwards;\n }\n\n .vida-sabia-mobile-menu.active .vida-sabia-mobile-menu-buttons .vida-sabia-btn-secondary {\n animation: fadeInUp 0.5s ease 0.3s backwards;\n }\n\n .vida-sabia-mobile-menu.active .vida-sabia-mobile-menu-buttons .vida-sabia-btn-primary {\n animation: fadeInUp 0.5s ease 0.4s backwards;\n }\n\n .vida-sabia-mobile-menu.active .vida-sabia-locale-switcher-wrapper {\n animation: fadeInUp 0.5s ease 0.5s backwards;\n }\n <\/style>\n<\/head>\n<body>\n\n<!-- VIDA SABIA HEADER COMPONENT START -->\n<div class=\"vida-sabia-header-wrapper\" id=\"vida-sabiaHeader\">\n <nav class=\"vida-sabia-nav\">\n <!-- Mobile: Hamburger on the left -->\n <div class=\"vida-sabia-mobile-nav-container\">\n <div class=\"vida-sabia-hamburger\" id=\"vida-sabiaHamburger\">\n <span><\/span>\n <span><\/span>\n <span><\/span>\n <\/div>\n <\/div>\n \n <!-- Logo - centered on mobile, left on desktop -->\n <div class=\"vida-sabia-logo\">\n <a href=\"\/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 <\/div>\n \n <!-- Desktop Navigation -->\n <div class=\"vida-sabia-nav-links\">\n <a href=\"\/es\/\">Inicio<\/a>\n <a href=\"https:\/\/vida-sabia.com\/es\/producto\/complete-detox-starter-package\/\">Comprar ahora<\/a>\n <a href=\"\/es\/c_login\/\" id=\"desktopLoginLink\">Iniciar sesi\u00f3n<\/a>\n \n <div class=\"vida-sabia-locale-switcher-wrapper\" id=\"vida-sabiaLocaleSwitcher\"> <div class=\"ulcs-widget minimal-style\"\n data-position=\"inline\" \n data-type=\"both\">\n <button class=\"ulcs-trigger\" aria-label=\"Cambiar ambos\">\n <div class=\"ulcs-current\">\n <span class=\"ulcs-flag\">\ud83c\uddea\ud83c\uddf8<\/span>\n <span class=\"ulcs-lang\">ES<\/span>\n \n <span class=\"ulcs-divider\">|<\/span>\n \n <span class=\"ulcs-currency-symbol\">$<\/span>\n <span class=\"ulcs-currency-code\">USD<\/span>\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 <\/div>\n \n <!-- My Account button - hidden by default, shown when logged in (DESKTOP ONLY) -->\n <a href=\"\/es\/my-account\/\" class=\"vida-sabia-btn vida-sabia-btn-primary vida-sabia-btn-myaccount\" id=\"desktopMyAccountBtn\">Mi cuenta<\/a>\n <\/div>\n \n <!-- Cart - Desktop (right side) -->\n <div class=\"vida-sabia-cart-wrapper\">\n \n <\/div>\n \n <!-- Cart - Mobile (right side) -->\n <div class=\"vida-sabia-cart-wrapper-mobile\">\n \n <\/div>\n <\/nav>\n<\/div>\n\n<!-- Mobile Menu Overlay -->\n<div class=\"vida-sabia-mobile-menu\" id=\"vida-sabiaMobileMenu\">\n <div class=\"vida-sabia-mobile-menu-content\">\n <div class=\"vida-sabia-mobile-menu-links\">\n <a href=\"\/es\/\">Inicio<\/a>\n <a href=\"https:\/\/vida-sabia.com\/es\/producto\/complete-detox-starter-package\/\">Comprar ahora<\/a>\n <\/div>\n <div class=\"vida-sabia-mobile-menu-buttons\">\n <a href=\"\/es\/c_login\/\" class=\"vida-sabia-btn vida-sabia-btn-secondary\" id=\"mobileLoginLink\">Iniciar sesi\u00f3n<\/a>\n \n <!-- My Account button for mobile menu - hidden by default, shown when logged in -->\n <a href=\"\/es\/my-account\/\" class=\"vida-sabia-btn vida-sabia-btn-primary vida-sabia-btn-myaccount-mobile\" id=\"mobileMyAccountBtn\">Mi cuenta<\/a>\n \n <div class=\"vida-sabia-locale-switcher-wrapper\" id=\"vida-sabiaLocaleSwitcherMobile\" style=\"margin-top: 0.5rem;\"><center> <div class=\"ulcs-widget minimal-style\"\n data-position=\"inline\" \n data-type=\"both\">\n <button class=\"ulcs-trigger\" aria-label=\"Cambiar ambos\">\n <div class=\"ulcs-current\">\n <span class=\"ulcs-flag\">\ud83c\uddea\ud83c\uddf8<\/span>\n <span class=\"ulcs-lang\">ES<\/span>\n \n <span class=\"ulcs-divider\">|<\/span>\n \n <span class=\"ulcs-currency-symbol\">$<\/span>\n <span class=\"ulcs-currency-code\">USD<\/span>\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><\/div>\n <\/div>\n <\/div>\n<\/div>\n\n<script>\n\/\/ ================================\n\/\/ VIDA SABIA HEADER SCRIPTS\n\/\/ All namespaced to avoid conflicts\n\/\/ ================================\n(function() {\n 'use strict';\n \n const header = document.getElementById('vida-sabiaHeader');\n const hamburger = document.getElementById('vida-sabiaHamburger');\n const mobileMenu = document.getElementById('vida-sabiaMobileMenu');\n const mobileMenuLinks = document.querySelectorAll('.vida-sabia-mobile-menu .vida-sabia-mobile-menu-links a');\n const body = document.body;\n\n \/\/ Function to dynamically set body padding based on header height\n function adjustBodyPadding() {\n if (header) {\n const headerHeight = header.offsetHeight;\n body.style.paddingTop = headerHeight + 'px';\n }\n }\n\n \/\/ Adjust padding on load and resize\n adjustBodyPadding();\n window.addEventListener('resize', adjustBodyPadding);\n window.addEventListener('load', adjustBodyPadding);\n\n \/\/ Mobile Navigation Toggle\n if (hamburger && mobileMenu) {\n hamburger.addEventListener('click', function(e) {\n e.stopPropagation();\n this.classList.toggle('active');\n mobileMenu.classList.toggle('active');\n \n if (mobileMenu.classList.contains('active')) {\n body.style.overflow = 'hidden';\n } else {\n body.style.overflow = '';\n }\n });\n\n \/\/ Close menu when clicking a link\n mobileMenuLinks.forEach(link => {\n link.addEventListener('click', function() {\n hamburger.classList.remove('active');\n mobileMenu.classList.remove('active');\n body.style.overflow = '';\n });\n });\n\n \/\/ Close menu when clicking outside\n document.addEventListener('click', function(e) {\n if (!mobileMenu.contains(e.target) && !hamburger.contains(e.target)) {\n if (mobileMenu.classList.contains('active')) {\n hamburger.classList.remove('active');\n mobileMenu.classList.remove('active');\n body.style.overflow = '';\n }\n }\n });\n }\n\n \/\/ Header Scroll Effect\n window.addEventListener('scroll', function() {\n const currentScroll = window.pageYOffset;\n \n if (currentScroll > 50) {\n header.classList.add('scrolled');\n } else {\n header.classList.remove('scrolled');\n }\n });\n\n \/\/ WordPress Integration - Handle Login\/Logout and My Account\n function setupAuthButtons() {\n const isLoggedIn = window.wpUserLoggedIn || document.body.classList.contains('logged-in');\n \n \/\/ Get elements\n const desktopLoginLink = document.getElementById('desktopLoginLink');\n const mobileLoginLink = document.getElementById('mobileLoginLink');\n const desktopMyAccountBtn = document.getElementById('desktopMyAccountBtn');\n const mobileMyAccountBtn = document.getElementById('mobileMyAccountBtn');\n \n if (isLoggedIn) {\n \/\/ User is logged in\n header.classList.add('logged-in');\n \n const logoutUrl = window.wpLogoutUrl || '\/wp-login.php?action=logout';\n const myAccountUrl = '\/my-account';\n \n \/\/ Update login links to logout\n if (desktopLoginLink) {\n desktopLoginLink.textContent = 'Log Out';\n desktopLoginLink.href = logoutUrl;\n }\n if (mobileLoginLink) {\n mobileLoginLink.textContent = 'Log Out';\n mobileLoginLink.href = logoutUrl;\n }\n \n \/\/ Update My Account buttons URLs\n if (desktopMyAccountBtn) {\n desktopMyAccountBtn.href = myAccountUrl;\n }\n if (mobileMyAccountBtn) {\n mobileMyAccountBtn.href = myAccountUrl;\n }\n } else {\n \/\/ User is not logged in - My Account buttons remain hidden via CSS\n header.classList.remove('logged-in');\n }\n }\n \n \/\/ Run auth setup on different events to ensure it catches the login state\n setupAuthButtons();\n document.addEventListener('DOMContentLoaded', setupAuthButtons);\n window.addEventListener('load', setupAuthButtons);\n})();\n<\/script>\n\n<\/body>\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<div class=\"elementor-section elementor-top-section elementor-element elementor-element-4975f34 elementor-section-full_width elementor-section-items-top elementor-section-stretched elementor-section-height-min-height elementor-section-height-default\" data-id=\"4975f34\" data-element_type=\"section\" data-settings=\"{"background_background":"classic","stretch_section":"section-stretched"}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-no\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-0ee956f\" data-id=\"0ee956f\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-4821dc1 elementor-widget elementor-widget-html\" data-id=\"4821dc1\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n <meta charset=\"UTF-8\">\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n <title>Vida Sabia - Transform Your Health Naturally<\/title>\n \n <style>\n \/* Global Reset & Base Styles *\/\n * {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n }\n\n body {\n font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n line-height: 1.6;\n color: #1a1a2e;\n background: #ffffff;\n overflow-x: hidden;\n }\n\n \/* Modern Light Color Palette *\/\n :root {\n \/* Primary Colors *\/\n --primary-green: #2d7a3e;\n --primary-light-green: #7cb342;\n --primary-accent: #9ccc65;\n --primary-soft: #c5e1a5;\n \n \/* Background Colors *\/\n --bg-white: #ffffff;\n --bg-light: #f8fdf9;\n --bg-lighter: #f1f8f3;\n --bg-cream: #fdfefe;\n \n \/* Text Colors *\/\n --text-dark: #1a1a2e;\n --text-medium: #4a5568;\n --text-light: #718096;\n --text-lighter: #a0aec0;\n \n \/* Accent Colors *\/\n --accent-gold: #f5a623;\n --accent-blue: #3b82f6;\n \n \/* Shadows & Effects *\/\n --shadow-sm: 0 2px 8px rgba(45, 122, 62, 0.08);\n --shadow-md: 0 4px 16px rgba(45, 122, 62, 0.12);\n --shadow-lg: 0 8px 32px rgba(45, 122, 62, 0.16);\n --shadow-xl: 0 16px 48px rgba(45, 122, 62, 0.2);\n --shadow-glow: 0 0 40px rgba(124, 179, 66, 0.25);\n \n \/* Gradients *\/\n --gradient-primary: linear-gradient(135deg, #7cb342 0%, #2d7a3e 100%);\n --gradient-soft: linear-gradient(135deg, #f1f8f3 0%, #e8f5e9 100%);\n --gradient-overlay: linear-gradient(180deg, rgba(255,255,255,0.9) 0%, rgba(255,255,255,0.7) 100%);\n }\n\n \/* Advanced Animations *\/\n @keyframes fadeInUp {\n from {\n opacity: 0;\n transform: translateY(40px);\n }\n to {\n opacity: 1;\n transform: translateY(0);\n }\n }\n\n @keyframes fadeInScale {\n from {\n opacity: 0;\n transform: scale(0.95);\n }\n to {\n opacity: 1;\n transform: scale(1);\n }\n }\n\n @keyframes float {\n 0%, 100% { transform: translateY(0px); }\n 50% { transform: translateY(-20px); }\n }\n\n @keyframes pulse {\n 0%, 100% { transform: scale(1); opacity: 1; }\n 50% { transform: scale(1.05); opacity: 0.8; }\n }\n\n @keyframes shimmer {\n 0% { background-position: -1000px 0; }\n 100% { background-position: 1000px 0; }\n }\n\n @keyframes rotate {\n from { transform: rotate(0deg); }\n to { transform: rotate(360deg); }\n }\n\n @keyframes slideInLeft {\n from {\n opacity: 0;\n transform: translateX(-40px);\n }\n to {\n opacity: 1;\n transform: translateX(0);\n }\n }\n\n @keyframes slideInRight {\n from {\n opacity: 0;\n transform: translateX(40px);\n }\n to {\n opacity: 1;\n transform: translateX(0);\n }\n }\n\n \/* Hero Section *\/\n .hero-section {\n position: relative;\n min-height: 100vh;\n background: linear-gradient(135deg, #ffffff 0%, #f8fdf9 50%, #f1f8f3 100%);\n overflow: hidden;\n padding: 80px 20px;\n }\n\n \/* Decorative Background Elements *\/\n .bg-pattern {\n position: absolute;\n width: 100%;\n height: 100%;\n top: 0;\n left: 0;\n opacity: 0.4;\n background-image: \n radial-gradient(circle at 20% 30%, rgba(124, 179, 66, 0.1) 0%, transparent 50%),\n radial-gradient(circle at 80% 70%, rgba(45, 122, 62, 0.08) 0%, transparent 50%),\n radial-gradient(circle at 40% 80%, rgba(197, 225, 165, 0.15) 0%, transparent 50%);\n }\n\n \/* Floating Shapes *\/\n .shape {\n position: absolute;\n opacity: 0.15;\n animation: float 8s ease-in-out infinite;\n }\n\n .shape-1 {\n width: 300px;\n height: 300px;\n background: radial-gradient(circle, rgba(124, 179, 66, 0.3) 0%, transparent 70%);\n border-radius: 50%;\n top: 10%;\n right: 5%;\n animation-delay: 0s;\n filter: blur(60px);\n }\n\n .shape-2 {\n width: 250px;\n height: 250px;\n background: radial-gradient(circle, rgba(45, 122, 62, 0.25) 0%, transparent 70%);\n border-radius: 50%;\n bottom: 15%;\n left: 5%;\n animation-delay: 2s;\n filter: blur(60px);\n }\n\n .shape-3 {\n width: 200px;\n height: 200px;\n background: radial-gradient(circle, rgba(197, 225, 165, 0.3) 0%, transparent 70%);\n border-radius: 50%;\n top: 50%;\n left: 50%;\n animation-delay: 4s;\n filter: blur(50px);\n }\n\n \/* Container *\/\n .container {\n max-width: 1400px;\n margin: 0 auto;\n position: relative;\n z-index: 10;\n }\n\n \/* Hero Grid *\/\n .hero-grid {\n display: grid;\n grid-template-columns: 1.1fr 1fr;\n gap: 60px;\n align-items: center;\n min-height: 80vh;\n }\n\n \/* Hero Content *\/\n .hero-content {\n animation: slideInLeft 1s ease;\n }\n\n .hero-badge {\n display: inline-flex;\n align-items: center;\n gap: 10px;\n padding: 12px 24px;\n background: var(--bg-white);\n border: 2px solid var(--primary-accent);\n border-radius: 50px;\n margin-bottom: 30px;\n box-shadow: var(--shadow-sm);\n animation: fadeInScale 0.8s ease;\n }\n\n .badge-dot {\n width: 10px;\n height: 10px;\n background: var(--gradient-primary);\n border-radius: 50%;\n animation: pulse 2s ease-in-out infinite;\n }\n\n .badge-text {\n font-size: 14px;\n font-weight: 700;\n background: var(--gradient-primary);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n text-transform: uppercase;\n letter-spacing: 1px;\n }\n\n .hero-title {\n font-size: 72px;\n font-weight: 900;\n line-height: 1.1;\n margin-bottom: 25px;\n color: var(--text-dark);\n letter-spacing: -2px;\n }\n\n .title-gradient {\n background: var(--gradient-primary);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n display: inline-block;\n }\n\n .hero-subtitle {\n font-size: 20px;\n color: var(--text-medium);\n margin-bottom: 40px;\n line-height: 1.8;\n max-width: 580px;\n }\n\n \/* CTA Buttons *\/\n .cta-group {\n display: flex;\n gap: 15px;\n flex-wrap: wrap;\n margin-bottom: 50px;\n }\n\n .cta-primary {\n display: inline-flex;\n align-items: center;\n gap: 10px;\n padding: 18px 40px;\n background: var(--gradient-primary);\n color: var(--bg-white);\n border: none;\n border-radius: 50px;\n font-size: 17px;\n font-weight: 700;\n cursor: pointer;\n text-decoration: none;\n box-shadow: var(--shadow-md);\n transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n position: relative;\n overflow: hidden;\n }\n\n .cta-primary::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.3), transparent);\n transition: left 0.5s;\n }\n\n .cta-primary:hover::before {\n left: 100%;\n }\n\n .cta-primary:hover {\n transform: translateY(-3px);\n box-shadow: var(--shadow-lg);\n }\n\n .cta-secondary {\n display: inline-flex;\n align-items: center;\n gap: 10px;\n padding: 18px 40px;\n background: var(--bg-white);\n color: var(--primary-green);\n border: 2px solid var(--primary-accent);\n border-radius: 50px;\n font-size: 17px;\n font-weight: 700;\n cursor: pointer;\n text-decoration: none;\n transition: all 0.3s ease;\n }\n\n .cta-secondary:hover {\n background: var(--bg-lighter);\n transform: translateY(-2px);\n box-shadow: var(--shadow-sm);\n }\n\n \/* Hero Stats *\/\n .hero-stats {\n display: grid;\n grid-template-columns: repeat(3, 1fr);\n gap: 30px;\n padding-top: 40px;\n border-top: 2px solid var(--bg-lighter);\n }\n\n .stat-item {\n text-align: center;\n padding: 20px;\n background: var(--bg-white);\n border-radius: 20px;\n box-shadow: var(--shadow-sm);\n transition: all 0.3s ease;\n }\n\n .stat-item:hover {\n transform: translateY(-5px);\n box-shadow: var(--shadow-md);\n }\n\n .stat-number {\n font-size: 42px;\n font-weight: 900;\n background: var(--gradient-primary);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n margin-bottom: 8px;\n display: block;\n }\n\n .stat-label {\n color: var(--text-medium);\n font-size: 15px;\n font-weight: 600;\n }\n\n \/* Hero Products Showcase *\/\n .hero-products {\n position: relative;\n animation: slideInRight 1s ease;\n }\n\n .product-stack {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 20px;\n }\n\n .product-card-hero {\n background: var(--bg-white);\n border: 1px solid rgba(124, 179, 66, 0.15);\n border-radius: 24px;\n padding: 25px;\n transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\n cursor: pointer;\n box-shadow: var(--shadow-sm);\n }\n\n .product-card-hero:hover {\n transform: translateY(-10px);\n box-shadow: var(--shadow-lg);\n border-color: var(--primary-accent);\n }\n\n .product-image-hero {\n width: 100%;\n height: 180px;\n background: var(--gradient-soft);\n border-radius: 18px;\n overflow: hidden;\n margin-bottom: 20px;\n position: relative;\n }\n\n .product-image-hero::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n background: linear-gradient(180deg, transparent 0%, rgba(124, 179, 66, 0.1) 100%);\n }\n\n .product-image-hero img {\n width: 100%;\n height: 100%;\n object-fit: cover;\n transition: transform 0.4s ease;\n }\n\n .product-card-hero:hover .product-image-hero img {\n transform: scale(1.08);\n }\n\n .product-name-hero {\n font-size: 20px;\n font-weight: 800;\n color: var(--text-dark);\n margin-bottom: 8px;\n }\n\n .product-desc-hero {\n font-size: 14px;\n color: var(--text-light);\n line-height: 1.6;\n }\n\n \/* Section Styling *\/\n .section {\n position: relative;\n padding: 100px 20px;\n background: var(--bg-white);\n }\n\n .section-alt {\n background: var(--bg-light);\n }\n\n .section-header {\n text-align: center;\n max-width: 800px;\n margin: 0 auto 70px;\n }\n\n .section-badge {\n display: inline-block;\n padding: 8px 20px;\n background: var(--gradient-soft);\n border: 2px solid var(--primary-accent);\n border-radius: 25px;\n color: var(--primary-green);\n font-size: 13px;\n font-weight: 700;\n text-transform: uppercase;\n letter-spacing: 1px;\n margin-bottom: 20px;\n }\n\n .section-title {\n font-size: 48px;\n font-weight: 900;\n color: var(--text-dark);\n margin-bottom: 18px;\n line-height: 1.2;\n letter-spacing: -1px;\n }\n\n .section-subtitle {\n font-size: 18px;\n color: var(--text-medium);\n line-height: 1.7;\n }\n\n \/* Features Grid *\/\n .features-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));\n gap: 25px;\n max-width: 1400px;\n margin: 0 auto;\n }\n\n .feature-card {\n background: var(--bg-white);\n border: 1px solid rgba(124, 179, 66, 0.15);\n border-radius: 24px;\n padding: 40px 30px;\n transition: all 0.4s ease;\n position: relative;\n overflow: hidden;\n }\n\n .feature-card::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 4px;\n background: var(--gradient-primary);\n transform: scaleX(0);\n transition: transform 0.4s ease;\n }\n\n .feature-card:hover::before {\n transform: scaleX(1);\n }\n\n .feature-card:hover {\n transform: translateY(-8px);\n box-shadow: var(--shadow-lg);\n border-color: var(--primary-accent);\n }\n\n .feature-icon {\n width: 64px;\n height: 64px;\n background: var(--gradient-primary);\n border-radius: 18px;\n display: flex;\n align-items: center;\n justify-content: center;\n margin-bottom: 25px;\n box-shadow: var(--shadow-sm);\n transition: all 0.3s ease;\n }\n\n .feature-card:hover .feature-icon {\n transform: scale(1.1) rotate(5deg);\n box-shadow: var(--shadow-glow);\n }\n\n .feature-icon svg {\n width: 32px;\n height: 32px;\n color: var(--bg-white);\n }\n\n .feature-title {\n font-size: 22px;\n font-weight: 800;\n color: var(--text-dark);\n margin-bottom: 12px;\n }\n\n .feature-description {\n font-size: 15px;\n color: var(--text-medium);\n line-height: 1.7;\n }\n\n \/* Products Grid *\/\n .products-grid {\n display: grid;\n grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));\n gap: 25px;\n max-width: 1400px;\n margin: 0 auto;\n }\n\n .product-card {\n background: var(--bg-white);\n border: 1px solid rgba(124, 179, 66, 0.15);\n border-radius: 24px;\n padding: 25px;\n transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\n text-decoration: none;\n color: inherit;\n display: block;\n box-shadow: var(--shadow-sm);\n position: relative;\n overflow: hidden;\n }\n\n .product-card::after {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n background: var(--gradient-soft);\n opacity: 0;\n transition: opacity 0.4s ease;\n z-index: 0;\n }\n\n .product-card:hover::after {\n opacity: 0.5;\n }\n\n .product-card:hover {\n transform: translateY(-12px);\n box-shadow: var(--shadow-xl);\n border-color: var(--primary-accent);\n }\n\n .product-card > * {\n position: relative;\n z-index: 1;\n }\n\n .product-image {\n width: 100%;\n height: 260px;\n background: var(--gradient-soft);\n border-radius: 20px;\n overflow: hidden;\n margin-bottom: 20px;\n position: relative;\n }\n\n .product-image img {\n width: 100%;\n height: 100%;\n object-fit: cover;\n transition: transform 0.5s ease;\n }\n\n .product-card:hover .product-image img {\n transform: scale(1.1);\n }\n\n .product-category {\n display: inline-block;\n padding: 6px 16px;\n background: var(--gradient-soft);\n border: 1px solid var(--primary-accent);\n border-radius: 20px;\n font-size: 11px;\n font-weight: 700;\n color: var(--primary-green);\n text-transform: uppercase;\n letter-spacing: 0.5px;\n margin-bottom: 12px;\n }\n\n .product-name {\n font-size: 24px;\n font-weight: 900;\n color: var(--text-dark);\n margin-bottom: 12px;\n }\n\n .product-rating {\n display: flex;\n align-items: center;\n gap: 8px;\n margin-bottom: 15px;\n }\n\n .stars {\n color: var(--accent-gold);\n font-size: 16px;\n letter-spacing: 2px;\n }\n\n .rating-text {\n font-size: 13px;\n color: var(--text-light);\n font-weight: 600;\n }\n\n .product-description {\n color: var(--text-medium);\n font-size: 14px;\n line-height: 1.7;\n margin-bottom: 18px;\n }\n\n .product-benefits {\n display: flex;\n flex-wrap: wrap;\n gap: 8px;\n }\n\n .benefit-tag {\n display: inline-flex;\n align-items: center;\n gap: 5px;\n padding: 8px 14px;\n background: var(--bg-lighter);\n border: 1px solid var(--primary-soft);\n border-radius: 18px;\n font-size: 12px;\n font-weight: 600;\n color: var(--primary-green);\n }\n\n .benefit-tag svg {\n width: 14px;\n height: 14px;\n }\n\n \/* Benefits Section *\/\n .benefits-grid {\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 60px;\n max-width: 1400px;\n margin: 0 auto;\n align-items: center;\n }\n\n .benefit-item {\n background: var(--bg-white);\n border: 1px solid rgba(124, 179, 66, 0.15);\n border-radius: 20px;\n padding: 30px;\n margin-bottom: 20px;\n transition: all 0.3s ease;\n box-shadow: var(--shadow-sm);\n }\n\n .benefit-item:hover {\n transform: translateX(10px);\n box-shadow: var(--shadow-md);\n border-color: var(--primary-accent);\n }\n\n .benefit-number {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n width: 48px;\n height: 48px;\n background: var(--gradient-primary);\n border-radius: 14px;\n font-size: 22px;\n font-weight: 900;\n color: var(--bg-white);\n margin-bottom: 15px;\n }\n\n .benefit-title {\n font-size: 22px;\n font-weight: 800;\n color: var(--text-dark);\n margin-bottom: 10px;\n }\n\n .benefit-text {\n font-size: 15px;\n color: var(--text-medium);\n line-height: 1.7;\n }\n\n .benefits-visual {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 20px;\n }\n\n .visual-card {\n background: var(--gradient-soft);\n border: 1px solid var(--primary-accent);\n border-radius: 20px;\n padding: 30px;\n text-align: center;\n transition: all 0.3s ease;\n box-shadow: var(--shadow-sm);\n }\n\n .visual-card:hover {\n transform: scale(1.05);\n box-shadow: var(--shadow-md);\n }\n\n .visual-icon {\n width: 56px;\n height: 56px;\n background: var(--gradient-primary);\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n margin: 0 auto 15px;\n }\n\n .visual-icon svg {\n width: 28px;\n height: 28px;\n color: var(--bg-white);\n }\n\n .visual-title {\n font-size: 18px;\n font-weight: 700;\n color: var(--text-dark);\n margin-bottom: 8px;\n }\n\n .visual-text {\n font-size: 13px;\n color: var(--text-medium);\n }\n\n \/* Testimonials *\/\n .testimonials-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));\n gap: 25px;\n max-width: 1400px;\n margin: 0 auto;\n }\n\n .testimonial-card {\n background: var(--bg-white);\n border: 1px solid rgba(124, 179, 66, 0.15);\n border-radius: 24px;\n padding: 35px;\n box-shadow: var(--shadow-sm);\n transition: all 0.4s ease;\n }\n\n .testimonial-card:hover {\n transform: translateY(-8px);\n box-shadow: var(--shadow-lg);\n border-color: var(--primary-accent);\n }\n\n .testimonial-rating {\n color: var(--accent-gold);\n font-size: 18px;\n letter-spacing: 3px;\n margin-bottom: 18px;\n }\n\n .testimonial-text {\n font-size: 16px;\n color: var(--text-medium);\n line-height: 1.8;\n margin-bottom: 25px;\n font-style: italic;\n }\n\n .testimonial-author {\n display: flex;\n align-items: center;\n gap: 15px;\n }\n\n .author-avatar {\n width: 54px;\n height: 54px;\n background: var(--gradient-primary);\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 20px;\n font-weight: 700;\n color: var(--bg-white);\n }\n\n .author-name {\n font-size: 16px;\n font-weight: 700;\n color: var(--text-dark);\n margin-bottom: 4px;\n }\n\n .author-title {\n font-size: 13px;\n color: var(--text-light);\n }\n\n \/* Science Section *\/\n .science-grid {\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 60px;\n max-width: 1400px;\n margin: 0 auto;\n align-items: center;\n }\n\n .science-content h3 {\n font-size: 42px;\n font-weight: 900;\n color: var(--text-dark);\n margin-bottom: 25px;\n line-height: 1.2;\n }\n\n .science-content p {\n font-size: 16px;\n color: var(--text-medium);\n line-height: 1.8;\n margin-bottom: 25px;\n }\n\n .science-stats {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 20px;\n margin-top: 35px;\n }\n\n .science-stat {\n background: var(--gradient-soft);\n border: 1px solid var(--primary-accent);\n border-radius: 18px;\n padding: 30px;\n text-align: center;\n box-shadow: var(--shadow-sm);\n transition: all 0.3s ease;\n }\n\n .science-stat:hover {\n transform: translateY(-5px);\n box-shadow: var(--shadow-md);\n }\n\n .science-stat-number {\n font-size: 38px;\n font-weight: 900;\n background: var(--gradient-primary);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n margin-bottom: 8px;\n }\n\n .science-stat-label {\n font-size: 14px;\n color: var(--text-medium);\n font-weight: 600;\n }\n\n .science-visual {\n background: var(--gradient-soft);\n border: 1px solid var(--primary-accent);\n border-radius: 24px;\n padding: 50px;\n text-align: center;\n box-shadow: var(--shadow-sm);\n min-height: 500px;\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n }\n\n .science-visual svg {\n margin-bottom: 30px;\n opacity: 0.8;\n }\n\n .science-visual h4 {\n font-size: 24px;\n font-weight: 800;\n color: var(--text-dark);\n margin-bottom: 15px;\n }\n\n .science-visual p {\n font-size: 15px;\n color: var(--text-medium);\n line-height: 1.7;\n max-width: 400px;\n }\n\n \/* CTA Section *\/\n .cta-section {\n position: relative;\n padding: 100px 20px;\n background: var(--gradient-primary);\n overflow: hidden;\n }\n\n .cta-pattern {\n position: absolute;\n width: 100%;\n height: 100%;\n top: 0;\n left: 0;\n opacity: 0.1;\n background-image: \n radial-gradient(circle at 30% 50%, rgba(255, 255, 255, 0.2) 0%, transparent 50%),\n radial-gradient(circle at 70% 50%, rgba(255, 255, 255, 0.15) 0%, transparent 50%);\n }\n\n .cta-container {\n max-width: 900px;\n margin: 0 auto;\n text-align: center;\n position: relative;\n z-index: 10;\n }\n\n .cta-section h2 {\n font-size: 52px;\n font-weight: 900;\n color: var(--bg-white);\n margin-bottom: 20px;\n line-height: 1.2;\n }\n\n .cta-section p {\n font-size: 20px;\n color: rgba(255, 255, 255, 0.95);\n margin-bottom: 35px;\n line-height: 1.7;\n }\n\n .cta-button-large {\n display: inline-flex;\n align-items: center;\n gap: 12px;\n padding: 22px 55px;\n background: var(--bg-white);\n color: var(--primary-green);\n border: none;\n border-radius: 50px;\n font-size: 19px;\n font-weight: 800;\n cursor: pointer;\n text-decoration: none;\n box-shadow: 0 12px 40px rgba(0, 0, 0, 0.2);\n transition: all 0.4s ease;\n }\n\n .cta-button-large:hover {\n transform: translateY(-6px);\n box-shadow: 0 20px 50px rgba(0, 0, 0, 0.3);\n }\n\n \/* Quality Badges *\/\n .quality-section {\n display: flex;\n justify-content: center;\n gap: 30px;\n flex-wrap: wrap;\n margin-top: 50px;\n padding-top: 50px;\n border-top: 1px solid rgba(124, 179, 66, 0.2);\n }\n\n .quality-badge {\n display: flex;\n flex-direction: column;\n align-items: center;\n gap: 12px;\n padding: 25px 35px;\n background: var(--bg-white);\n border: 1px solid rgba(124, 179, 66, 0.15);\n border-radius: 18px;\n transition: all 0.3s ease;\n box-shadow: var(--shadow-sm);\n }\n\n .quality-badge:hover {\n transform: translateY(-5px);\n box-shadow: var(--shadow-md);\n border-color: var(--primary-accent);\n }\n\n .quality-icon-large {\n width: 54px;\n height: 54px;\n background: var(--gradient-primary);\n border-radius: 14px;\n display: flex;\n align-items: center;\n justify-content: center;\n }\n\n .quality-icon-large svg {\n width: 30px;\n height: 30px;\n color: var(--bg-white);\n }\n\n .quality-label {\n font-size: 16px;\n font-weight: 700;\n color: var(--text-dark);\n text-align: center;\n line-height: 1.4;\n }\n\n \/* Scroll Animations *\/\n .scroll-animate {\n opacity: 0;\n transform: translateY(40px);\n transition: all 0.8s ease;\n }\n\n .scroll-animate.active {\n opacity: 1;\n transform: translateY(0);\n }\n\n \/* Responsive Design *\/\n @media (max-width: 1200px) {\n .hero-grid,\n .benefits-grid,\n .science-grid {\n grid-template-columns: 1fr;\n gap: 50px;\n }\n\n .hero-title {\n font-size: 58px;\n }\n\n .section-title {\n font-size: 40px;\n }\n }\n\n @media (max-width: 968px) {\n .hero-title {\n font-size: 48px;\n }\n\n .section-title {\n font-size: 36px;\n }\n\n .hero-stats {\n grid-template-columns: 1fr;\n }\n\n .product-stack {\n grid-template-columns: repeat(2, 1fr);\n gap: 15px;\n }\n }\n\n @media (max-width: 768px) {\n .hero-title {\n font-size: 42px;\n }\n\n .section-title {\n font-size: 32px;\n }\n\n .cta-section h2 {\n font-size: 38px;\n }\n\n .benefits-visual {\n grid-template-columns: 1fr;\n }\n\n .science-stats {\n grid-template-columns: 1fr;\n }\n }\n\n @media (max-width: 640px) {\n .hero-section {\n padding: 60px 15px;\n }\n\n .hero-title {\n font-size: 36px;\n }\n\n .hero-subtitle {\n font-size: 17px;\n }\n\n .section {\n padding: 70px 15px;\n }\n\n .section-title {\n font-size: 28px;\n }\n\n .cta-group {\n flex-direction: column;\n }\n\n .cta-primary,\n .cta-secondary {\n width: 100%;\n justify-content: center;\n }\n\n .hero-stats {\n grid-template-columns: repeat(2, 1fr);\n gap: 15px;\n }\n\n .hero-stats .stat-item:last-child {\n grid-column: 1 \/ -1;\n }\n\n .product-stack {\n grid-template-columns: repeat(2, 1fr);\n gap: 12px;\n }\n\n .product-card-hero {\n padding: 18px;\n }\n\n .product-image-hero {\n height: 140px;\n margin-bottom: 12px;\n }\n\n .product-name-hero {\n font-size: 16px;\n margin-bottom: 6px;\n }\n\n .product-desc-hero {\n font-size: 12px;\n }\n\n .products-grid {\n grid-template-columns: repeat(2, 1fr);\n gap: 15px;\n }\n\n .product-card {\n padding: 18px;\n }\n\n .product-image {\n height: 160px;\n margin-bottom: 15px;\n }\n\n .product-category {\n font-size: 10px;\n padding: 5px 12px;\n margin-bottom: 10px;\n }\n\n .product-name {\n font-size: 18px;\n margin-bottom: 10px;\n }\n\n .product-rating {\n margin-bottom: 12px;\n }\n\n .stars {\n font-size: 13px;\n }\n\n .rating-text {\n font-size: 11px;\n }\n\n .product-description {\n font-size: 12px;\n line-height: 1.6;\n margin-bottom: 12px;\n }\n\n .product-benefits {\n gap: 6px;\n }\n\n .benefit-tag {\n font-size: 10px;\n padding: 6px 10px;\n }\n\n .benefit-tag svg {\n width: 11px;\n height: 11px;\n }\n\n .features-grid {\n grid-template-columns: 1fr;\n }\n\n .testimonials-grid {\n grid-template-columns: 1fr;\n }\n\n .quality-section {\n flex-direction: column;\n align-items: stretch;\n }\n\n .cta-section h2 {\n font-size: 32px;\n }\n\n .cta-section p {\n font-size: 16px;\n }\n }\n\n \/* Extra Small Devices (320px) *\/\n @media (max-width: 400px) {\n .hero-title {\n font-size: 32px;\n }\n\n .section-title {\n font-size: 26px;\n }\n\n .product-stack,\n .products-grid {\n gap: 10px;\n }\n\n .product-card-hero,\n .product-card {\n padding: 15px;\n }\n\n .cta-primary,\n .cta-secondary,\n .cta-button-large {\n padding: 16px 30px;\n font-size: 15px;\n }\n }\n <\/style>\n<\/head>\n<body>\n <!-- Hero Section -->\n <section class=\"hero-section\" id=\"home\">\n <div class=\"bg-pattern\"><\/div>\n <div class=\"shape shape-1\"><\/div>\n <div class=\"shape shape-2\"><\/div>\n <div class=\"shape shape-3\"><\/div>\n\n <div class=\"container\">\n <div class=\"hero-grid\">\n <div class=\"hero-content\">\n <div class=\"hero-badge\">\n <span class=\"badge-dot\"><\/span>\n <span class=\"badge-text\">Bienestar Natural Premium<\/span>\n <\/div>\n\n <h1 class=\"hero-title\">\n Transforme su vida con\n <span class=\"title-gradient\">El poder de la naturaleza<\/span>\n <\/h1>\n\n <p class=\"hero-subtitle\">\n Experimente la revolucionaria combinaci\u00f3n de sabidur\u00eda ancestral y ciencia moderna.\n Nuestros suplementos de primera calidad se elaboran con los mejores ingredientes naturales\n para apoyar la curaci\u00f3n natural de su cuerpo y ayudarle a alcanzar un bienestar \u00f3ptimo.\n <\/p>\n\n <div class=\"cta-group\">\n <a href=\"https:\/\/vida-sabia.com\/es\/producto\/auto-draft\/\" class=\"cta-primary\">\n Comprar ahora\n <svg width=\"18\" height=\"18\" viewbox=\"0 0 20 20\" fill=\"none\">\n <path d=\"M7.5 15L12.5 10L7.5 5\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n <\/svg>\n <\/a>\n <a href=\"#products\" class=\"cta-secondary\">\n M\u00e1s informaci\u00f3n\n <svg width=\"18\" height=\"18\" viewbox=\"0 0 20 20\" fill=\"none\">\n <path d=\"M10 5v10M5 10h10\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"\/>\n <\/svg>\n <\/a>\n <\/div>\n\n <div class=\"hero-stats\">\n <div class=\"stat-item\">\n <span class=\"stat-number\">75K+<\/span>\n <span class=\"stat-label\">Clientes satisfechos<\/span>\n <\/div>\n <div class=\"stat-item\">\n <span class=\"stat-number\">100%<\/span>\n <span class=\"stat-label\">Ingredientes naturales<\/span>\n <\/div>\n <div class=\"stat-item\">\n <span class=\"stat-number\">15+<\/span>\n <span class=\"stat-label\">Productos Premium<\/span>\n <\/div>\n <\/div>\n <\/div>\n\n <div class=\"hero-products\">\n <div class=\"product-stack\">\n <div class=\"product-card-hero\">\n <div class=\"product-image-hero\">\n <img decoding=\"async\" src=\"https:\/\/vida-sabia.com\/wp-content\/uploads\/2025\/10\/Hepa-Guard.webp\" alt=\"HepaGuard\">\n <\/div>\n <h3 class=\"product-name-hero\">HepaGuard<\/h3>\n <p class=\"product-desc-hero\">F\u00f3rmula avanzada de apoyo hep\u00e1tico<\/p>\n <\/div>\n <div class=\"product-card-hero\">\n <div class=\"product-image-hero\">\n <img decoding=\"async\" src=\"https:\/\/vida-sabia.com\/wp-content\/uploads\/2025\/10\/Hepa-Flow.webp\" alt=\"HepaFlow\">\n <\/div>\n <h3 class=\"product-name-hero\">HepaFlow<\/h3>\n <p class=\"product-desc-hero\">Apoyo a la salud digestiva<\/p>\n <\/div>\n <div class=\"product-card-hero\">\n <div class=\"product-image-hero\">\n <img decoding=\"async\" src=\"https:\/\/vida-sabia.com\/wp-content\/uploads\/2025\/10\/RenovaTe.webp\" alt=\"RenovaT\u00e9\">\n <\/div>\n <h3 class=\"product-name-hero\">RenovaT\u00e9<\/h3>\n <p class=\"product-desc-hero\">Mezcla de t\u00e9 de limpieza natural<\/p>\n <\/div>\n <div class=\"product-card-hero\">\n <div class=\"product-image-hero\">\n <img decoding=\"async\" src=\"https:\/\/vida-sabia.com\/wp-content\/uploads\/2025\/10\/Neuro-Boost-Cafe.webp\" alt=\"NeuroBoost\">\n <\/div>\n <h3 class=\"product-name-hero\">NeuroBoost<\/h3>\n <p class=\"product-desc-hero\">Apoyo cerebral y cognitivo<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n <!-- Features Section -->\n <section class=\"section section-alt\">\n <div class=\"container\">\n <div class=\"section-header scroll-animate\">\n <span class=\"section-badge\">Por qu\u00e9 elegirnos<\/span>\n <h2 class=\"section-title\">Calidad y pureza sin concesiones<\/h2>\n <p class=\"section-subtitle\">\n Cada producto se elabora cuidadosamente con los m\u00e1s altos est\u00e1ndares de calidad,\n respaldados por la ciencia y en los que conf\u00edan miles de personas.\n <\/p>\n <\/div>\n\n <div class=\"features-grid\">\n <div class=\"feature-card scroll-animate\">\n <div class=\"feature-icon\">\n <svg viewbox=\"0 0 24 24\" fill=\"currentColor\">\n <path d=\"M19 3H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm-5 14H7v-2h7v2zm3-4H7v-2h10v2zm0-4H7V7h10v2z\"\/>\n <\/svg>\n <\/div>\n <h3 class=\"feature-title\">100% Ingredientes naturales<\/h3>\n <p class=\"feature-description\">\n Ingredientes puros y ecol\u00f3gicos procedentes de los mejores lugares del mundo.\n Sin aditivos artificiales, conservantes ni productos qu\u00edmicos nocivos.\n <\/p>\n <\/div>\n\n <div class=\"feature-card scroll-animate\">\n <div class=\"feature-icon\">\n <svg viewbox=\"0 0 24 24\" fill=\"currentColor\">\n <path d=\"M12 1L3 5v6c0 5.55 3.84 10.74 9 12 5.16-1.26 9-6.45 9-12V5l-9-4zm-2 16l-4-4 1.41-1.41L10 14.17l6.59-6.59L18 9l-8 8z\"\/>\n <\/svg>\n <\/div>\n <h3 class=\"feature-title\">F\u00f3rmulas con base cient\u00edfica<\/h3>\n <p class=\"feature-description\">\n Cada f\u00f3rmula se desarrolla con rigurosas investigaciones cient\u00edficas y estudios cl\u00ednicos\n para garantizar la m\u00e1xima eficacia y seguridad.\n <\/p>\n <\/div>\n\n <div class=\"feature-card scroll-animate\">\n <div class=\"feature-icon\">\n <svg viewbox=\"0 0 24 24\" fill=\"currentColor\">\n <path d=\"M9 11H7v2h2v-2zm4 0h-2v2h2v-2zm4 0h-2v2h2v-2zm2-7h-1V2h-2v2H8V2H6v2H5c-1.11 0-1.99.9-1.99 2L3 20c0 1.1.89 2 2 2h14c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2zm0 16H5V9h14v11z\"\/>\n <\/svg>\n <\/div>\n <h3 class=\"feature-title\">Instalaci\u00f3n registrada por la FDA<\/h3>\n <p class=\"feature-description\">\n Fabricados en instalaciones registradas por la FDA y con certificaci\u00f3n GMP, con estrictas medidas de control de calidad en cada paso de la producci\u00f3n.\n de calidad en todas las fases de producci\u00f3n.\n <\/p>\n <\/div>\n\n <div class=\"feature-card scroll-animate\">\n <div class=\"feature-icon\">\n <svg viewbox=\"0 0 24 24\" fill=\"currentColor\">\n <path d=\"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-2 15l-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z\"\/>\n <\/svg>\n <\/div>\n <h3 class=\"feature-title\">Probado por terceros<\/h3>\n <p class=\"feature-description\">\n Las pruebas de laboratorios independientes garantizan la pureza, la potencia y la calidad.\n Total transparencia con certificados de an\u00e1lisis disponibles.\n <\/p>\n <\/div>\n\n <div class=\"feature-card scroll-animate\">\n <div class=\"feature-icon\">\n <svg viewbox=\"0 0 24 24\" fill=\"currentColor\">\n <path d=\"M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z\"\/>\n <\/svg>\n <\/div>\n <h3 class=\"feature-title\">Formulaci\u00f3n experta<\/h3>\n <p class=\"feature-description\">\n Desarrollado por expertos en nutrici\u00f3n, herbolarios y profesionales sanitarios\n con d\u00e9cadas de experiencia combinada en bienestar natural.\n <\/p>\n <\/div>\n\n <div class=\"feature-card scroll-animate\">\n <div class=\"feature-icon\">\n <svg viewbox=\"0 0 24 24\" fill=\"currentColor\">\n <path d=\"M12 2l-5.5 9h11z M5.5 13l5.5 9 5.5-9z\"\/>\n <\/svg>\n <\/div>\n <h3 class=\"feature-title\">Abastecimiento sostenible<\/h3>\n <p class=\"feature-description\">\n Comprometidos con la responsabilidad medioambiental, con pr\u00e1cticas de abastecimiento sostenibles y \u00e9ticas\n que protegen nuestro planeta para las generaciones futuras.\n <\/p>\n <\/div>\n <\/div>\n\n <div class=\"quality-section\">\n <div class=\"quality-badge\">\n <div class=\"quality-icon-large\">\n <svg viewbox=\"0 0 24 24\" fill=\"currentColor\">\n <path d=\"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-2 15l-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z\"\/>\n <\/svg>\n <\/div>\n <div class=\"quality-label\">FDA<br>Registrado<\/div>\n <\/div>\n <div class=\"quality-badge\">\n <div class=\"quality-icon-large\">\n <svg viewbox=\"0 0 24 24\" fill=\"currentColor\">\n <path d=\"M12 2L3.5 7v6c0 5.55 3.84 10.74 8.5 12 4.66-1.26 8.5-6.45 8.5-12V7L12 2zm-2 15l-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z\"\/>\n <\/svg>\n <\/div>\n <div class=\"quality-label\">GMP<br>Certificado<\/div>\n <\/div>\n <div class=\"quality-badge\">\n <div class=\"quality-icon-large\">\n <svg viewbox=\"0 0 24 24\" fill=\"currentColor\">\n <path d=\"M20.5 3l-.16.03L15 5.1 9 3 3.36 4.9c-.21.07-.36.25-.36.48V20.5c0 .28.22.5.5.5l.16-.03L9 18.9l6 2.1 5.64-1.9c.21-.07.36-.25.36-.48V3.5c0-.28-.22-.5-.5-.5zM15 19l-6-2.11V5l6 2.11V19z\"\/>\n <\/svg>\n <\/div>\n <div class=\"quality-label\">Laboratorio<br>Probado<\/div>\n <\/div>\n <div class=\"quality-badge\">\n <div class=\"quality-icon-large\">\n <svg viewbox=\"0 0 24 24\" fill=\"currentColor\">\n <path d=\"M12 2C8.13 2 5 5.13 5 9c0 5.25 7 13 7 13s7-7.75 7-13c0-3.87-3.13-7-7-7zm0 9.5c-1.38 0-2.5-1.12-2.5-2.5s1.12-2.5 2.5-2.5 2.5 1.12 2.5 2.5-1.12 2.5-2.5 2.5z\"\/>\n <\/svg>\n <\/div>\n <div class=\"quality-label\">De forma sostenible<br>Fuente<\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n <!-- Products Section -->\n <section class=\"section\" id=\"products\">\n <div class=\"container\">\n <div class=\"section-header scroll-animate\">\n <span class=\"section-badge\">Nuestra colecci\u00f3n<\/span>\n <h2 class=\"section-title\">Productos premium para el bienestar<\/h2>\n <p class=\"section-subtitle\">\n Descubra nuestra completa gama de suplementos cient\u00edficamente formulados\n dise\u00f1ados para ayudarle en su viaje hacia la salud.\n <\/p>\n <\/div>\n\n <div class=\"products-grid\">\n <!-- Product 1: HepaGuard -->\n <a href=\"https:\/\/vida-sabia.com\/es\/producto\/auto-draft\/\" class=\"product-card scroll-animate\">\n <div class=\"product-image\">\n <img decoding=\"async\" src=\"https:\/\/vida-sabia.com\/wp-content\/uploads\/2025\/10\/Hepa-Guard.webp\" alt=\"HepaGuard\">\n <\/div>\n <span class=\"product-category\">Apoyo hep\u00e1tico<\/span>\n <h3 class=\"product-name\">HepaGuard<\/h3>\n <div class=\"product-rating\">\n <span class=\"stars\">\u2605\u2605\u2605\u2605\u2605<\/span>\n <span class=\"rating-text\">4,9 (1.240 opiniones)<\/span>\n <\/div>\n <p class=\"product-description\">\n F\u00f3rmula avanzada de apoyo hep\u00e1tico con cardo mariano y extracto de alcachofa.\n Favorece la desintoxicaci\u00f3n natural y el funcionamiento \u00f3ptimo del h\u00edgado.\n <\/p>\n <div class=\"product-benefits\">\n <span class=\"benefit-tag\">\n <svg viewbox=\"0 0 24 24\" fill=\"currentColor\">\n <path d=\"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-2 15l-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z\"\/>\n <\/svg>\n Apoyo a la desintoxicaci\u00f3n\n <\/span>\n <span class=\"benefit-tag\">\n <svg viewbox=\"0 0 24 24\" fill=\"currentColor\">\n <path d=\"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-2 15l-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z\"\/>\n <\/svg>\n Salud hep\u00e1tica\n <\/span>\n <\/div>\n <\/a>\n\n <!-- Product 2: HepaFlow -->\n <a href=\"https:\/\/vida-sabia.com\/es\/producto\/auto-draft\/\" class=\"product-card scroll-animate\">\n <div class=\"product-image\">\n <img decoding=\"async\" src=\"https:\/\/vida-sabia.com\/wp-content\/uploads\/2025\/10\/Hepa-Flow.webp\" alt=\"HepaFlow\">\n <\/div>\n <span class=\"product-category\">Salud digestiva<\/span>\n <h3 class=\"product-name\">HepaFlow<\/h3>\n <div class=\"product-rating\">\n <span class=\"stars\">\u2605\u2605\u2605\u2605\u2605<\/span>\n <span class=\"rating-text\">4,8 (980 opiniones)<\/span>\n <\/div>\n <p class=\"product-description\">\n Optimiza el flujo digestivo y la producci\u00f3n de bilis para mejorar la absorci\u00f3n de nutrientes\n y una digesti\u00f3n c\u00f3moda.\n <\/p>\n <div class=\"product-benefits\">\n <span class=\"benefit-tag\">\n <svg viewbox=\"0 0 24 24\" fill=\"currentColor\">\n <path d=\"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-2 15l-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z\"\/>\n <\/svg>\n Apoyo biliar\n <\/span>\n <span class=\"benefit-tag\">\n <svg viewbox=\"0 0 24 24\" fill=\"currentColor\">\n <path d=\"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-2 15l-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z\"\/>\n <\/svg>\n Digesti\u00f3n\n <\/span>\n <\/div>\n <\/a>\n\n <!-- Product 3: HepaPure -->\n <a href=\"https:\/\/vida-sabia.com\/es\/producto\/auto-draft\/\" class=\"product-card scroll-animate\">\n <div class=\"product-image\">\n <img decoding=\"async\" src=\"https:\/\/vida-sabia.com\/wp-content\/uploads\/2025\/10\/Hepa-Pure.webp\" alt=\"HepaPure\">\n <\/div>\n <span class=\"product-category\">Salud celular<\/span>\n <h3 class=\"product-name\">HepaPure<\/h3>\n <div class=\"product-rating\">\n <span class=\"stars\">\u2605\u2605\u2605\u2605\u2605<\/span>\n <span class=\"rating-text\">4,9 (1.150 opiniones)<\/span>\n <\/div>\n <p class=\"product-description\">\n Protecci\u00f3n antioxidante pura para la salud celular. Apoya los sistemas de defensa\n defensas naturales del organismo a nivel celular.\n <\/p>\n <div class=\"product-benefits\">\n <span class=\"benefit-tag\">\n <svg viewbox=\"0 0 24 24\" fill=\"currentColor\">\n <path d=\"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-2 15l-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z\"\/>\n <\/svg>\n Antioxidantes\n <\/span>\n <span class=\"benefit-tag\">\n <svg viewbox=\"0 0 24 24\" fill=\"currentColor\">\n <path d=\"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-2 15l-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z\"\/>\n <\/svg>\n Protecci\u00f3n celular\n <\/span>\n <\/div>\n <\/a>\n\n <!-- Product 4: RenovaT\u00e9 -->\n <a href=\"https:\/\/vida-sabia.com\/es\/producto\/auto-draft\/\" class=\"product-card scroll-animate\">\n <div class=\"product-image\">\n <img decoding=\"async\" src=\"https:\/\/vida-sabia.com\/wp-content\/uploads\/2025\/10\/RenovaTe.webp\" alt=\"RenovaT\u00e9\">\n <\/div>\n <span class=\"product-category\">Limpieza digestiva<\/span>\n <h3 class=\"product-name\">RenovaT\u00e9<\/h3>\n <div class=\"product-rating\">\n <span class=\"stars\">\u2605\u2605\u2605\u2605\u2605<\/span>\n <span class=\"rating-text\">4,8 (890 opiniones)<\/span>\n <\/div>\n <p class=\"product-description\">\n Suave mezcla de t\u00e9 de limpieza natural con hojas de caqui, malva, cardo bendito,\n y semillas de calabaza.\n <\/p>\n <div class=\"product-benefits\">\n <span class=\"benefit-tag\">\n <svg viewbox=\"0 0 24 24\" fill=\"currentColor\">\n <path d=\"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-2 15l-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z\"\/>\n <\/svg>\n Limpieza de colon\n <\/span>\n <span class=\"benefit-tag\">\n <svg viewbox=\"0 0 24 24\" fill=\"currentColor\">\n <path d=\"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-2 15l-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z\"\/>\n <\/svg>\n Mezcla de hierbas\n <\/span>\n <\/div>\n <\/a>\n\n <!-- Product 5: DailyPro -->\n <a href=\"https:\/\/vida-sabia.com\/es\/producto\/auto-draft\/\" class=\"product-card scroll-animate\">\n <div class=\"product-image\">\n <img decoding=\"async\" src=\"https:\/\/vida-sabia.com\/wp-content\/uploads\/2025\/10\/Daily-Pro.webp\" alt=\"DailyPro\">\n <\/div>\n <span class=\"product-category\">Apoyo probi\u00f3tico<\/span>\n <h3 class=\"product-name\">DailyPro<\/h3>\n <div class=\"product-rating\">\n <span class=\"stars\">\u2605\u2605\u2605\u2605\u2605<\/span>\n <span class=\"rating-text\">4,9 (1.540 opiniones)<\/span>\n <\/div>\n <p class=\"product-description\">\n F\u00f3rmula probi\u00f3tica avanzada con 50.000 millones de UFC para apoyar la salud digestiva\n y la funci\u00f3n inmunitaria todos los d\u00edas.\n <\/p>\n <div class=\"product-benefits\">\n <span class=\"benefit-tag\">\n <svg viewbox=\"0 0 24 24\" fill=\"currentColor\">\n <path d=\"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-2 15l-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z\"\/>\n <\/svg>\n Salud intestinal\n <\/span>\n <span class=\"benefit-tag\">\n <svg viewbox=\"0 0 24 24\" fill=\"currentColor\">\n <path d=\"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-2 15l-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z\"\/>\n <\/svg>\n Apoyo inmunitario\n <\/span>\n <\/div>\n <\/a>\n\n <!-- Product 6: StemVida -->\n <a href=\"https:\/\/vida-sabia.com\/es\/producto\/auto-draft\/\" class=\"product-card scroll-animate\">\n <div class=\"product-image\">\n <img decoding=\"async\" src=\"https:\/\/vida-sabia.com\/wp-content\/uploads\/2025\/10\/SteamVida.webp\" alt=\"StemVida\">\n <\/div>\n <span class=\"product-category\">Regeneraci\u00f3n celular<\/span>\n <h3 class=\"product-name\">StemVida<\/h3>\n <div class=\"product-rating\">\n <span class=\"stars\">\u2605\u2605\u2605\u2605\u2605<\/span>\n <span class=\"rating-text\">4,8 (760 opiniones)<\/span>\n <\/div>\n <p class=\"product-description\">\n Revolucionaria f\u00f3rmula de apoyo a las c\u00e9lulas madre para promover la regeneraci\u00f3n celular\n y los procesos naturales de renovaci\u00f3n.\n <\/p>\n <div class=\"product-benefits\">\n <span class=\"benefit-tag\">\n <svg viewbox=\"0 0 24 24\" fill=\"currentColor\">\n <path d=\"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-2 15l-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z\"\/>\n <\/svg>\n Renovaci\u00f3n celular\n <\/span>\n <span class=\"benefit-tag\">\n <svg viewbox=\"0 0 24 24\" fill=\"currentColor\">\n <path d=\"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-2 15l-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z\"\/>\n <\/svg>\n Antienvejecimiento\n <\/span>\n <\/div>\n <\/a>\n\n <!-- Product 7: MultiBalance -->\n <a href=\"https:\/\/vida-sabia.com\/es\/producto\/auto-draft\/\" class=\"product-card scroll-animate\">\n <div class=\"product-image\">\n <img decoding=\"async\" src=\"https:\/\/vida-sabia.com\/wp-content\/uploads\/2025\/10\/Multi-Balance.webp\" alt=\"MultiBalance\">\n <\/div>\n <span class=\"product-category\">Nutrici\u00f3n completa<\/span>\n <h3 class=\"product-name\">MultiBalance<\/h3>\n <div class=\"product-rating\">\n <span class=\"stars\">\u2605\u2605\u2605\u2605\u2605<\/span>\n <span class=\"rating-text\">4,9 (1.320 opiniones)<\/span>\n <\/div>\n <p class=\"product-description\">\n Multivitam\u00ednico completo con m\u00e1s de 25 vitaminas y minerales esenciales\n para apoyar la salud total del cuerpo.\n <\/p>\n <div class=\"product-benefits\">\n <span class=\"benefit-tag\">\n <svg viewbox=\"0 0 24 24\" fill=\"currentColor\">\n <path d=\"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-2 15l-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z\"\/>\n <\/svg>\n 25+ Nutrientes\n <\/span>\n <span class=\"benefit-tag\">\n <svg viewbox=\"0 0 24 24\" fill=\"currentColor\">\n <path d=\"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-2 15l-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z\"\/>\n <\/svg>\n Bienestar diario\n <\/span>\n <\/div>\n <\/a>\n\n <!-- Product 8: BIOGRACE -->\n <a href=\"https:\/\/vida-sabia.com\/es\/producto\/auto-draft\/\" class=\"product-card scroll-animate\">\n <div class=\"product-image\">\n <img decoding=\"async\" src=\"https:\/\/vida-sabia.com\/wp-content\/uploads\/2025\/10\/Bio-Grace.webp\" alt=\"BIOGRACE\">\n <\/div>\n <span class=\"product-category\">Piel y belleza<\/span>\n <h3 class=\"product-name\">BIOGRAF\u00cdA<\/h3>\n <div class=\"product-rating\">\n <span class=\"stars\">\u2605\u2605\u2605\u2605\u2605<\/span>\n <span class=\"rating-text\">4,9 (1.680 opiniones)<\/span>\n <\/div>\n <p class=\"product-description\">\n P\u00e9ptidos de col\u00e1geno y nutrientes de belleza de primera calidad para una piel radiante,\n cabello sano y u\u00f1as fuertes.\n <\/p>\n <div class=\"product-benefits\">\n <span class=\"benefit-tag\">\n <svg viewbox=\"0 0 24 24\" fill=\"currentColor\">\n <path d=\"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-2 15l-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z\"\/>\n <\/svg>\n Aumento del col\u00e1geno\n <\/span>\n <span class=\"benefit-tag\">\n <svg viewbox=\"0 0 24 24\" fill=\"currentColor\">\n <path d=\"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-2 15l-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z\"\/>\n <\/svg>\n Resplandor de la piel\n <\/span>\n <\/div>\n <\/a>\n\n <!-- Product 9: NeuroBoost -->\n <a href=\"https:\/\/vida-sabia.com\/es\/producto\/auto-draft\/\" class=\"product-card scroll-animate\">\n <div class=\"product-image\">\n <img decoding=\"async\" src=\"https:\/\/vida-sabia.com\/wp-content\/uploads\/2025\/10\/Neuro-Boost-Cafe.webp\" alt=\"NeuroBoost\">\n <\/div>\n <span class=\"product-category\">Salud cerebral<\/span>\n <h3 class=\"product-name\">NeuroBoost<\/h3>\n <div class=\"product-rating\">\n <span class=\"stars\">\u2605\u2605\u2605\u2605\u2605<\/span>\n <span class=\"rating-text\">4,8 (1.090 opiniones)<\/span>\n <\/div>\n <p class=\"product-description\">\n Mezcla nootr\u00f3pica avanzada para mejorar la funci\u00f3n cognitiva, la memoria, la concentraci\u00f3n\n y la claridad mental.\n <\/p>\n <div class=\"product-benefits\">\n <span class=\"benefit-tag\">\n <svg viewbox=\"0 0 24 24\" fill=\"currentColor\">\n <path d=\"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-2 15l-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z\"\/>\n <\/svg>\n Soporte de memoria\n <\/span>\n <span class=\"benefit-tag\">\n <svg viewbox=\"0 0 24 24\" fill=\"currentColor\">\n <path d=\"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-2 15l-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z\"\/>\n <\/svg>\n Mejora de la concentraci\u00f3n\n <\/span>\n <\/div>\n <\/a>\n\n <!-- Product 10: VIGORMAX -->\n <a href=\"https:\/\/vida-sabia.com\/es\/producto\/auto-draft\/\" class=\"product-card scroll-animate\">\n <div class=\"product-image\">\n <img decoding=\"async\" src=\"https:\/\/vida-sabia.com\/wp-content\/uploads\/2025\/10\/Vigor-Max.webp\" alt=\"VIGORMAX\">\n <\/div>\n <span class=\"product-category\">Energ\u00eda y vitalidad<\/span>\n <h3 class=\"product-name\">VIGORMAX<\/h3>\n <div class=\"product-rating\">\n <span class=\"stars\">\u2605\u2605\u2605\u2605\u2605<\/span>\n <span class=\"rating-text\">4,9 (1.420 opiniones)<\/span>\n <\/div>\n <p class=\"product-description\">\n Apoyo natural a la energ\u00eda y la vitalidad. Aumente la resistencia, la fuerza\n y la vitalidad general con poderosas hierbas.\n <\/p>\n <div class=\"product-benefits\">\n <span class=\"benefit-tag\">\n <svg viewbox=\"0 0 24 24\" fill=\"currentColor\">\n <path d=\"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-2 15l-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z\"\/>\n <\/svg>\n Aumento de energ\u00eda\n <\/span>\n <span class=\"benefit-tag\">\n <svg viewbox=\"0 0 24 24\" fill=\"currentColor\">\n <path d=\"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-2 15l-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z\"\/>\n <\/svg>\n Vitalidad\n <\/span>\n <\/div>\n <\/a>\n <\/div>\n <\/div>\n <\/section>\n\n <!-- Benefits Section -->\n <section class=\"section section-alt\" id=\"benefits\">\n <div class=\"container\">\n <div class=\"section-header scroll-animate\">\n <span class=\"section-badge\">Transforme su salud<\/span>\n <h2 class=\"section-title\">La diferencia de Vida Sabia<\/h2>\n <p class=\"section-subtitle\">\n Experimente un apoyo integral al bienestar que aborda su salud\n desde todos los \u00e1ngulos con nuestras f\u00f3rmulas respaldadas cient\u00edficamente.\n <\/p>\n <\/div>\n\n <div class=\"benefits-grid\">\n <div class=\"scroll-animate\">\n <div class=\"benefit-item\">\n <div class=\"benefit-number\">1<\/div>\n <h3 class=\"benefit-title\">Desintoxicaci\u00f3n integral<\/h3>\n <p class=\"benefit-text\">\n Apoye los procesos naturales de limpieza de su cuerpo con potentes extractos bot\u00e1nicos\n que favorecen la salud del h\u00edgado y la eliminaci\u00f3n eficaz de toxinas.\n <\/p>\n <\/div>\n\n <div class=\"benefit-item\">\n <div class=\"benefit-number\">2<\/div>\n <h3 class=\"benefit-title\">Mayor energ\u00eda y vitalidad<\/h3>\n <p class=\"benefit-text\">\n Experimente una energ\u00eda sostenida durante todo el d\u00eda con f\u00f3rmulas ricas en nutrientes\n que favorecen la producci\u00f3n de energ\u00eda celular y combaten la fatiga.\n <\/p>\n <\/div>\n\n <div class=\"benefit-item\">\n <div class=\"benefit-number\">3<\/div>\n <h3 class=\"benefit-title\">Funci\u00f3n digestiva \u00f3ptima<\/h3>\n <p class=\"benefit-text\">\n Mejore la absorci\u00f3n de nutrientes y el confort digestivo con probi\u00f3ticos\n y enzimas digestivas que restauran el equilibrio intestinal.\n <\/p>\n <\/div>\n\n <div class=\"benefit-item\">\n <div class=\"benefit-number\">4<\/div>\n <h3 class=\"benefit-title\">Fortalecimiento del sistema inmunitario<\/h3>\n <p class=\"benefit-text\">\n Refuerce las defensas naturales de su cuerpo con nutrientes que refuerzan el sistema inmunitario\n y antioxidantes que protegen contra los factores estresantes.\n <\/p>\n <\/div>\n <\/div>\n\n <div class=\"benefits-visual scroll-animate\">\n <div class=\"visual-card\">\n <div class=\"visual-icon\">\n <svg viewbox=\"0 0 24 24\" fill=\"currentColor\">\n <path d=\"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-2 15l-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z\"\/>\n <\/svg>\n <\/div>\n <h4 class=\"visual-title\">Ingredientes naturales<\/h4>\n <p class=\"visual-text\">100% bot\u00e1nicos puros<\/p>\n <\/div>\n\n <div class=\"visual-card\">\n <div class=\"visual-icon\">\n <svg viewbox=\"0 0 24 24\" fill=\"currentColor\">\n <path d=\"M12 1L3 5v6c0 5.55 3.84 10.74 9 12 5.16-1.26 9-6.45 9-12V5l-9-4zm-2 16l-4-4 1.41-1.41L10 14.17l6.59-6.59L18 9l-8 8z\"\/>\n <\/svg>\n <\/div>\n <h4 class=\"visual-title\">Cl\u00ednicamente probado<\/h4>\n <p class=\"visual-text\">Resultados avalados por la ciencia<\/p>\n <\/div>\n\n <div class=\"visual-card\">\n <div class=\"visual-icon\">\n <svg viewbox=\"0 0 24 24\" fill=\"currentColor\">\n <path d=\"M19 3H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm-5 14H7v-2h7v2zm3-4H7v-2h10v2zm0-4H7V7h10v2z\"\/>\n <\/svg>\n <\/div>\n <h4 class=\"visual-title\">Calidad superior<\/h4>\n <p class=\"visual-text\">M\u00e1xima pureza<\/p>\n <\/div>\n\n <div class=\"visual-card\">\n <div class=\"visual-icon\">\n <svg viewbox=\"0 0 24 24\" fill=\"currentColor\">\n <path d=\"M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z\"\/>\n <\/svg>\n <\/div>\n <h4 class=\"visual-title\">Formulado por expertos<\/h4>\n <p class=\"visual-text\">Desarrollado por especialistas<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n <!-- Testimonials Section -->\n <section class=\"section\" id=\"testimonials\">\n <div class=\"container\">\n <div class=\"section-header scroll-animate\">\n <span class=\"section-badge\">Casos de \u00e9xito<\/span>\n <h2 class=\"section-title\">Lo que dicen nuestros clientes<\/h2>\n <p class=\"section-subtitle\">\n \u00danase a miles de clientes satisfechos que han transformado su salud\n con los suplementos premium de Vida Sabia.\n <\/p>\n <\/div>\n\n <div class=\"testimonials-grid\">\n <div class=\"testimonial-card scroll-animate\">\n <div class=\"testimonial-rating\">\u2605\u2605\u2605\u2605\u2605<\/div>\n <p class=\"testimonial-text\">\n \"HepaGuard ha cambiado mi salud hep\u00e1tica. Despu\u00e9s de s\u00f3lo 30 d\u00edas,\n Me siento con m\u00e1s energ\u00eda y mi digesti\u00f3n ha mejorado dram\u00e1ticamente. Muy recomendable!\"\n <\/p>\n <div class=\"testimonial-author\">\n <div class=\"author-avatar\">MR<\/div>\n <div>\n <div class=\"author-name\">Mar\u00eda Rodr\u00edguez<\/div>\n <div class=\"author-title\">Cliente verificado<\/div>\n <\/div>\n <\/div>\n <\/div>\n\n <div class=\"testimonial-card scroll-animate\">\n <div class=\"testimonial-rating\">\u2605\u2605\u2605\u2605\u2605<\/div>\n <p class=\"testimonial-text\">\n \"He probado muchos suplementos probi\u00f3ticos, pero DailyPro es con diferencia el mejor.\n Mi salud intestinal nunca ha estado mejor, y me encanta que est\u00e9 hecho con ingredientes naturales.\"\n <\/p>\n <div class=\"testimonial-author\">\n <div class=\"author-avatar\">JL<\/div>\n <div>\n <div class=\"author-name\">James Lee<\/div>\n <div class=\"author-title\">Cliente verificado<\/div>\n <\/div>\n <\/div>\n <\/div>\n\n <div class=\"testimonial-card scroll-animate\">\n <div class=\"testimonial-rating\">\u2605\u2605\u2605\u2605\u2605<\/div>\n <p class=\"testimonial-text\">\n \"NeuroBoost ha transformado mi productividad. Mi concentraci\u00f3n y claridad mental\n han mejorado mucho. Se ha convertido en una parte esencial de mi rutina diaria\".\n <\/p>\n <div class=\"testimonial-author\">\n <div class=\"author-avatar\">SK<\/div>\n <div>\n <div class=\"author-name\">Sarah Kim<\/div>\n <div class=\"author-title\">Cliente verificado<\/div>\n <\/div>\n <\/div>\n <\/div>\n\n <div class=\"testimonial-card scroll-animate\">\n <div class=\"testimonial-rating\">\u2605\u2605\u2605\u2605\u2605<\/div>\n <p class=\"testimonial-text\">\n \"BIOGRACE me ha proporcionado la piel m\u00e1s bonita y radiante. La gente me pregunta\n qu\u00e9 estoy usando. La f\u00f3rmula de col\u00e1geno realmente funciona de adentro hacia afuera\".\n <\/p>\n <div class=\"testimonial-author\">\n <div class=\"author-avatar\">CE<\/div>\n <div>\n <div class=\"author-name\">Emma Chen<\/div>\n <div class=\"author-title\">Cliente verificado<\/div>\n <\/div>\n <\/div>\n <\/div>\n\n <div class=\"testimonial-card scroll-animate\">\n <div class=\"testimonial-rating\">\u2605\u2605\u2605\u2605\u2605<\/div>\n <p class=\"testimonial-text\">\n \"VIGORMAX me ha devuelto la energ\u00eda y la vitalidad. Me siento como si tuviera 20 a\u00f1os otra vez.\n Los ingredientes naturales hacen toda la diferencia. Gracias Vida Sabia!\"\n <\/p>\n <div class=\"testimonial-author\">\n <div class=\"author-avatar\">DP<\/div>\n <div>\n <div class=\"author-name\">David Patterson<\/div>\n <div class=\"author-title\">Cliente verificado<\/div>\n <\/div>\n <\/div>\n <\/div>\n\n <div class=\"testimonial-card scroll-animate\">\n <div class=\"testimonial-rating\">\u2605\u2605\u2605\u2605\u2605<\/div>\n <p class=\"testimonial-text\">\n \"RenovaT\u00e9 es la limpieza suave perfecta. Sin efectos agresivos, s\u00f3lo una\n refrescante. Me encanta empezar la ma\u00f1ana con esta mezcla de infusiones\".\n <\/p>\n <div class=\"testimonial-author\">\n <div class=\"author-avatar\">LS<\/div>\n <div>\n <div class=\"author-name\">Lisa Santos<\/div>\n <div class=\"author-title\">Cliente verificado<\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n <!-- Science Section -->\n <section class=\"section section-alt\" id=\"science\">\n <div class=\"container\">\n <div class=\"science-grid\">\n <div class=\"science-content scroll-animate\">\n <span class=\"section-badge\">Investigaci\u00f3n y desarrollo<\/span>\n <h3>Formulaciones con base cient\u00edfica<\/h3>\n <p>\n Cada producto Vida Sabia se desarrolla a trav\u00e9s de rigurosas investigaciones y estudios cl\u00ednicos.\n cl\u00ednicos. Nos asociamos con los principales cient\u00edficos, herbolarios y nutricionistas\n para crear f\u00f3rmulas que ofrezcan resultados reales y medibles.\n <\/p>\n <p>\n Nuestro compromiso con la calidad significa que cada ingrediente se selecciona cuidadosamente por su\n eficacia, pureza y seguridad. S\u00f3lo utilizamos ingredientes bot\u00e1nicos y nutrientes de primera calidad,\n procedentes de proveedores de confianza de todo el mundo.\n <\/p>\n\n <div class=\"science-stats\">\n <div class=\"science-stat\">\n <div class=\"science-stat-number\">25+<\/div>\n <div class=\"science-stat-label\">A\u00f1os de investigaci\u00f3n<\/div>\n <\/div>\n <div class=\"science-stat\">\n <div class=\"science-stat-number\">100+<\/div>\n <div class=\"science-stat-label\">Estudios cl\u00ednicos<\/div>\n <\/div>\n <\/div>\n <\/div>\n\n <div class=\"science-visual scroll-animate\">\n <svg width=\"180\" height=\"180\" viewbox=\"0 0 200 200\">\n <circle cx=\"100\" cy=\"100\" r=\"70\" fill=\"none\" stroke=\"rgba(124, 179, 66, 0.3)\" stroke-width=\"2\"\/>\n <circle cx=\"100\" cy=\"100\" r=\"50\" fill=\"none\" stroke=\"rgba(124, 179, 66, 0.5)\" stroke-width=\"2\"\/>\n <circle cx=\"100\" cy=\"100\" r=\"30\" fill=\"rgba(124, 179, 66, 0.15)\" stroke=\"rgba(124, 179, 66, 0.7)\" stroke-width=\"2\"\/>\n <path d=\"M100 30 L100 170 M30 100 L170 100\" stroke=\"rgba(124, 179, 66, 0.4)\" stroke-width=\"1\"\/>\n <\/svg>\n <h4>Innovaci\u00f3n impulsada por la investigaci\u00f3n<\/h4>\n <p>\n Nuestras f\u00f3rmulas est\u00e1n respaldadas por extensas investigaciones y pruebas cl\u00ednicas para garantizar la m\u00e1xima eficacia y seguridad en su viaje hacia el bienestar.\n la m\u00e1xima eficacia y seguridad para su viaje de bienestar.\n <\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n <!-- CTA Section -->\n <section class=\"cta-section\">\n <div class=\"cta-pattern\"><\/div>\n \n <div class=\"cta-container scroll-animate\">\n <h2>\u00bfListo para transformar su salud?<\/h2>\n <p>\n \u00danase a miles de clientes satisfechos y experimente el poder de los mejores\n de la naturaleza. Comience hoy mismo su viaje hacia el bienestar con Vida Sabia.\n <\/p>\n <a href=\"https:\/\/vida-sabia.com\/es\/producto\/auto-draft\/\" class=\"cta-button-large\">\n Todos los productos\n <svg width=\"22\" height=\"22\" viewbox=\"0 0 24 24\" fill=\"none\">\n <path d=\"M9 6l6 6-6 6\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n <\/svg>\n <\/a>\n <\/div>\n <\/section>\n\n <script>\n \/\/ Scroll animations\n const observerOptions = {\n threshold: 0.1,\n rootMargin: '0px 0px -50px 0px'\n };\n\n const observer = new IntersectionObserver((entries) => {\n entries.forEach(entry => {\n if (entry.isIntersecting) {\n entry.target.classList.add('active');\n }\n });\n }, observerOptions);\n\n document.querySelectorAll('.scroll-animate').forEach(el => {\n observer.observe(el);\n });\n\n \/\/ Smooth scrolling\n document.querySelectorAll('a[href^=\"#\"]').forEach(anchor => {\n anchor.addEventListener('click', function (e) {\n e.preventDefault();\n const target = document.querySelector(this.getAttribute('href'));\n if (target) {\n target.scrollIntoView({\n behavior: 'smooth',\n block: 'start'\n });\n }\n });\n });\n\n \/\/ Counter animation\n function animateCounter(element, target, suffix = '', duration = 2000) {\n let current = 0;\n const increment = target \/ (duration \/ 16);\n const updateCounter = () => {\n current += increment;\n if (current < target) {\n element.textContent = Math.floor(current).toLocaleString() + suffix;\n requestAnimationFrame(updateCounter);\n } else {\n element.textContent = target.toLocaleString() + suffix;\n }\n };\n updateCounter();\n }\n\n \/\/ Trigger counter animations\n const statsObserver = new IntersectionObserver((entries) => {\n entries.forEach(entry => {\n if (entry.isIntersecting) {\n const statNumbers = entry.target.querySelectorAll('.stat-number, .science-stat-number');\n statNumbers.forEach(num => {\n const text = num.textContent;\n if (text.includes('K')) {\n const value = parseInt(text.replace(\/[^0-9]\/g, ''));\n animateCounter(num, value, 'K+');\n } else if (text.includes('%')) {\n const value = parseInt(text.replace(\/[^0-9]\/g, ''));\n animateCounter(num, value, '%');\n } else if (text.includes('+')) {\n const value = parseInt(text.replace(\/[^0-9]\/g, ''));\n animateCounter(num, value, '+');\n }\n });\n statsObserver.unobserve(entry.target);\n }\n });\n }, observerOptions);\n\n document.querySelectorAll('.hero-stats, .science-stats').forEach(el => {\n statsObserver.observe(el);\n });\n <\/script>\n<\/body>\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<\/div>","protected":false},"excerpt":{"rendered":"<p>Vida Sabia Header - Elegante y Moderna Home Comprar Ahora Entrar en Mi Cuenta Home Comprar Ahora Entrar en Mi Cuenta Vida Sabia - Transforme su Salud Naturalmente Bienestar Natural Premium Transforme su Vida con el Poder de la Naturaleza Experimente la revolucionaria mezcla de sabidur\u00eda antigua y ciencia moderna. Nuestros suplementos premium se elaboran a partir de los [...]<\/p>","protected":false},"author":6,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-10023","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/vida-sabia.com\/es\/wp-json\/wp\/v2\/pages\/10023","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=10023"}],"version-history":[{"count":727,"href":"https:\/\/vida-sabia.com\/es\/wp-json\/wp\/v2\/pages\/10023\/revisions"}],"predecessor-version":[{"id":68931,"href":"https:\/\/vida-sabia.com\/es\/wp-json\/wp\/v2\/pages\/10023\/revisions\/68931"}],"wp:attachment":[{"href":"https:\/\/vida-sabia.com\/es\/wp-json\/wp\/v2\/media?parent=10023"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}