{"id":85,"date":"2025-02-19T19:17:45","date_gmt":"2025-02-19T19:17:45","guid":{"rendered":"https:\/\/template-one.lavoignetlab.com\/?page_id=85"},"modified":"2026-03-01T18:25:03","modified_gmt":"2026-03-02T02:25:03","slug":"home","status":"publish","type":"page","link":"https:\/\/demo.lavolabssolutions.com\/es\/","title":{"rendered":"Inicio"},"content":{"rendered":"\t\t
\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 iEvolution Hero Slider<\/title>\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Plus+Jakarta+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800&display=swap\" rel=\"stylesheet\">\n <style>\n *, *::before, *::after {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n }\n\n :root {\n --navy: #1B2A4A;\n --teal: #2AAFD3;\n --teal-dark: #1E8FAD;\n --white: #FFFFFF;\n --grey-text: #6B7B8D;\n --grey-bg: #F8FAFB;\n --coffee: #8B6914;\n --coffee-dark: #5C3D0E;\n --coffee-light: #C4956A;\n --warm-bg: #FDF8F3;\n --kit-amber: #E09830;\n --kit-amber-dark: #B87A1E;\n --kit-bg: #FFFDF9;\n --nad-steel: #5A7B9A;\n --nad-steel-light: #7A9AB8;\n --gold-365: #D4920A;\n --gold-365-dark: #A06E00;\n --gold-365-light: #F5B731;\n --gold-365-bg: #FFFCF5;\n }\n\n body {\n font-family: 'Plus Jakarta Sans', sans-serif;\n background: var(--white);\n -webkit-font-smoothing: antialiased;\n }\n\n \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n SLIDER WRAPPER\n \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n .hero-slider {\n position: relative;\n width: 100%;\n overflow: hidden;\n }\n\n \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n SLIDES\n \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n .slide {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n min-height: 720px;\n display: flex;\n align-items: center;\n justify-content: center;\n opacity: 0;\n visibility: hidden;\n transition: opacity 0.8s ease, visibility 0.8s ease;\n overflow: hidden;\n }\n\n .slide.active {\n position: relative;\n opacity: 1;\n visibility: visible;\n }\n\n \/* Slide content enters on activation *\/\n .slide.active .hero-text {\n opacity: 1;\n transform: translateY(0);\n }\n\n .slide.active .hero-image {\n opacity: 1;\n transform: translateY(0);\n }\n\n .hero-text {\n opacity: 0;\n transform: translateY(30px);\n transition: opacity 0.7s ease 0.2s, transform 0.7s ease 0.2s;\n }\n\n .hero-image {\n opacity: 0;\n transform: translateY(30px);\n transition: opacity 0.7s ease 0.4s, transform 0.7s ease 0.4s;\n }\n\n \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n BOXED INNER CONTAINER\n \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n .hero-inner {\n width: 100%;\n max-width: 1280px;\n margin: 0 auto;\n padding: 0 40px;\n position: relative;\n z-index: 2;\n }\n\n .hero-content {\n display: flex;\n align-items: center;\n justify-content: space-between;\n width: 100%;\n gap: 40px;\n }\n\n \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n SLIDE 1: PROENZI+ (WHITE \/ TEAL)\n \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n .slide-proenzi {\n background: var(--grey-bg);\n }\n\n .slide-proenzi::before {\n content: '';\n position: absolute;\n top: 0;\n right: 0;\n width: 60%;\n height: 100%;\n background:\n radial-gradient(circle at 70% 20%, rgba(42, 175, 211, 0.06) 0%, transparent 50%),\n radial-gradient(circle at 85% 70%, rgba(42, 175, 211, 0.04) 0%, transparent 40%);\n pointer-events: none;\n }\n\n .slide-proenzi .hero-eyebrow { color: var(--teal); }\n .slide-proenzi .hero-eyebrow::before { background: var(--teal); }\n .slide-proenzi .hero-heading { color: var(--navy); }\n .slide-proenzi .hero-heading span { color: var(--teal); }\n .slide-proenzi .hero-features { color: var(--navy); }\n .slide-proenzi .hero-features .separator { background: var(--navy); }\n .slide-proenzi .benefit-pill {\n background: rgba(27, 42, 74, 0.06);\n border-color: rgba(27, 42, 74, 0.12);\n color: var(--navy);\n }\n .slide-proenzi .benefit-pill svg { color: var(--teal); }\n .slide-proenzi .hero-cta { background: var(--navy); }\n .slide-proenzi .hero-cta:hover {\n background: var(--teal);\n box-shadow: 0 12px 32px rgba(42, 175, 211, 0.3);\n }\n .slide-proenzi .hero-image::before {\n background: radial-gradient(circle, rgba(42, 175, 211, 0.1) 0%, transparent 70%);\n }\n\n \/* Floating dots for Proenzi *\/\n .slide-proenzi .deco-dot {\n position: absolute;\n border-radius: 50%;\n background: var(--teal);\n opacity: 0.2;\n pointer-events: none;\n }\n\n .slide-proenzi .deco-dot:nth-child(1) { width: 6px; height: 6px; top: 15%; right: 12%; }\n .slide-proenzi .deco-dot:nth-child(2) { width: 4px; height: 4px; top: 25%; right: 8%; }\n .slide-proenzi .deco-dot:nth-child(3) { width: 8px; height: 8px; top: 35%; right: 18%; }\n .slide-proenzi .deco-dot:nth-child(4) { width: 5px; height: 5px; top: 60%; right: 10%; }\n .slide-proenzi .deco-dot:nth-child(5) { width: 7px; height: 7px; top: 20%; right: 30%; }\n\n \/* Molecule SVG decorations *\/\n .slide-proenzi .deco-molecule {\n position: absolute;\n width: 40px;\n height: 40px;\n opacity: 0.2;\n pointer-events: none;\n }\n .slide-proenzi .deco-molecule:nth-of-type(1) { top: 8%; right: 15%; }\n .slide-proenzi .deco-molecule:nth-of-type(2) { top: 55%; right: 5%; transform: scale(0.7); }\n\n \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n SLIDE 2: ROYAL COFFEE (WARM \/ BROWN)\n \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n .slide-coffee {\n background: var(--warm-bg);\n }\n\n .slide-coffee::before {\n content: '';\n position: absolute;\n top: 0;\n right: 0;\n width: 60%;\n height: 100%;\n background:\n radial-gradient(circle at 65% 30%, rgba(139, 105, 20, 0.06) 0%, transparent 50%),\n radial-gradient(circle at 80% 75%, rgba(196, 149, 106, 0.05) 0%, transparent 40%);\n pointer-events: none;\n }\n\n .slide-coffee .hero-eyebrow { color: var(--coffee); }\n .slide-coffee .hero-eyebrow::before { background: var(--coffee); }\n .slide-coffee .hero-heading { color: var(--coffee-dark); }\n .slide-coffee .hero-heading span { color: var(--coffee); }\n .slide-coffee .hero-features { color: var(--coffee); }\n .slide-coffee .hero-features .separator { background: var(--coffee); }\n .slide-coffee .hero-tagline { color: #8A7560; }\n .slide-coffee .benefit-pill {\n background: rgba(139, 105, 20, 0.08);\n border-color: rgba(139, 105, 20, 0.15);\n color: var(--coffee-dark);\n }\n .slide-coffee .benefit-pill svg { color: var(--coffee); }\n .slide-coffee .hero-cta { background: var(--coffee-dark); }\n .slide-coffee .hero-cta:hover {\n background: var(--coffee);\n box-shadow: 0 12px 32px rgba(139, 105, 20, 0.3);\n }\n .slide-coffee .hero-image::before {\n background: radial-gradient(circle, rgba(139, 105, 20, 0.08) 0%, transparent 70%);\n }\n\n \/* Coffee bean decorations *\/\n .slide-coffee .deco-bean {\n position: absolute;\n width: 14px;\n height: 20px;\n background: var(--coffee-light);\n border-radius: 50% 50% 50% 50% \/ 60% 60% 40% 40%;\n opacity: 0.15;\n pointer-events: none;\n }\n .slide-coffee .deco-bean:nth-child(1) { top: 12%; right: 10%; transform: rotate(30deg); }\n .slide-coffee .deco-bean:nth-child(2) { top: 30%; right: 20%; transform: rotate(-20deg); width: 10px; height: 14px; }\n .slide-coffee .deco-bean:nth-child(3) { top: 65%; right: 8%; transform: rotate(55deg); }\n .slide-coffee .deco-bean:nth-child(4) { top: 78%; right: 25%; transform: rotate(-40deg); width: 10px; height: 14px; }\n .slide-coffee .deco-bean:nth-child(5) { top: 18%; right: 32%; transform: rotate(15deg); width: 10px; height: 14px; }\n\n \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n SLIDE 3: 21-DAY CHALLENGE (WHITE \/ AMBER)\n \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n .slide-challenge {\n background: var(--grey-bg);\n }\n\n .slide-challenge::before {\n content: '';\n position: absolute;\n top: 0;\n right: 0;\n width: 60%;\n height: 100%;\n background:\n radial-gradient(circle at 70% 25%, rgba(224, 152, 48, 0.05) 0%, transparent 50%),\n radial-gradient(circle at 85% 70%, rgba(224, 152, 48, 0.03) 0%, transparent 40%);\n pointer-events: none;\n }\n\n .slide-challenge .hero-eyebrow { color: var(--kit-amber); }\n .slide-challenge .hero-eyebrow::before { background: var(--kit-amber); }\n .slide-challenge .hero-heading { color: var(--navy); }\n .slide-challenge .hero-heading span { color: var(--kit-amber); }\n .slide-challenge .hero-subheading { color: var(--navy); opacity: 0.5; }\n .slide-challenge .hero-features { color: var(--kit-amber); }\n .slide-challenge .hero-features .separator { background: var(--kit-amber); }\n .slide-challenge .hero-tagline { color: var(--grey-text); }\n .slide-challenge .benefit-pill {\n background: rgba(224, 152, 48, 0.07);\n border-color: rgba(224, 152, 48, 0.14);\n color: var(--navy);\n }\n .slide-challenge .benefit-pill svg { color: var(--kit-amber); }\n .slide-challenge .hero-cta { background: var(--navy); }\n .slide-challenge .hero-cta:hover {\n background: var(--kit-amber);\n box-shadow: 0 12px 32px rgba(224, 152, 48, 0.3);\n }\n .slide-challenge .hero-image::before {\n background: radial-gradient(circle, rgba(224, 152, 48, 0.06) 0%, transparent 70%);\n }\n\n \/* Floating crosshair\/plus decorations for Challenge *\/\n .slide-challenge .deco-cross {\n position: absolute;\n width: 16px;\n height: 16px;\n opacity: 0.1;\n pointer-events: none;\n }\n .slide-challenge .deco-cross::before,\n .slide-challenge .deco-cross::after {\n content: '';\n position: absolute;\n background: var(--kit-amber);\n border-radius: 1px;\n }\n .slide-challenge .deco-cross::before {\n width: 100%;\n height: 2px;\n top: 50%;\n left: 0;\n transform: translateY(-50%);\n }\n .slide-challenge .deco-cross::after {\n width: 2px;\n height: 100%;\n left: 50%;\n top: 0;\n transform: translateX(-50%);\n }\n .slide-challenge .deco-cross:nth-child(1) { top: 14%; right: 11%; width: 14px; height: 14px; }\n .slide-challenge .deco-cross:nth-child(2) { top: 28%; right: 22%; width: 10px; height: 10px; }\n .slide-challenge .deco-cross:nth-child(3) { top: 55%; right: 7%; width: 18px; height: 18px; }\n .slide-challenge .deco-cross:nth-child(4) { top: 72%; right: 28%; width: 12px; height: 12px; }\n .slide-challenge .deco-cross:nth-child(5) { top: 20%; right: 35%; width: 10px; height: 10px; }\n\n \/* Kit contents label *\/\n .kit-contents {\n display: flex;\n align-items: center;\n gap: 16px;\n margin-bottom: 20px;\n flex-wrap: wrap;\n }\n .kit-item {\n display: inline-flex;\n align-items: center;\n gap: 5px;\n font-size: 12px;\n font-weight: 600;\n letter-spacing: 0.5px;\n color: var(--grey-text);\n text-transform: uppercase;\n }\n .kit-item .kit-qty {\n color: var(--kit-amber);\n font-weight: 700;\n }\n\n \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n SLIDE 4: NAD+ (WHITE \/ NAVY-STEEL)\n \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n .slide-nad {\n background: var(--white);\n }\n\n .slide-nad::before {\n content: '';\n position: absolute;\n top: 0;\n right: 0;\n width: 60%;\n height: 100%;\n background:\n radial-gradient(circle at 70% 20%, rgba(27, 42, 74, 0.05) 0%, transparent 50%),\n radial-gradient(circle at 85% 70%, rgba(90, 123, 154, 0.04) 0%, transparent 40%);\n pointer-events: none;\n }\n\n .slide-nad .hero-eyebrow { color: var(--nad-steel); }\n .slide-nad .hero-eyebrow::before { background: var(--nad-steel); }\n .slide-nad .hero-heading { color: var(--navy); }\n .slide-nad .hero-heading span { color: var(--nad-steel); }\n .slide-nad .hero-features { color: var(--nad-steel); }\n .slide-nad .hero-features .separator { background: var(--nad-steel); }\n .slide-nad .hero-tagline { color: var(--grey-text); }\n .slide-nad .benefit-pill {\n background: rgba(27, 42, 74, 0.05);\n border-color: rgba(27, 42, 74, 0.12);\n color: var(--navy);\n }\n .slide-nad .benefit-pill svg { color: var(--nad-steel); }\n .slide-nad .hero-cta { background: var(--navy); }\n .slide-nad .hero-cta:hover {\n background: var(--nad-steel);\n box-shadow: 0 12px 32px rgba(90, 123, 154, 0.3);\n }\n .slide-nad .hero-image::before {\n background: radial-gradient(circle, rgba(27, 42, 74, 0.06) 0%, transparent 70%);\n }\n\n \/* Floating atom\/molecule decorations for NAD+ *\/\n .slide-nad .deco-atom {\n position: absolute;\n border-radius: 50%;\n border: 1.5px solid var(--nad-steel);\n opacity: 0.1;\n pointer-events: none;\n }\n .slide-nad .deco-atom:nth-child(1) { width: 24px; height: 24px; top: 12%; right: 10%; }\n .slide-nad .deco-atom:nth-child(2) { width: 14px; height: 14px; top: 28%; right: 24%; }\n .slide-nad .deco-atom:nth-child(3) { width: 30px; height: 30px; top: 58%; right: 6%; opacity: 0.07; }\n .slide-nad .deco-atom:nth-child(4) { width: 10px; height: 10px; top: 74%; right: 22%; }\n .slide-nad .deco-atom:nth-child(5) { width: 18px; height: 18px; top: 18%; right: 34%; opacity: 0.08; }\n\n \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n SLIDE 5: 365 POWER & PERFORMANCE (GOLD)\n \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n .slide-365 {\n background: var(--gold-365-bg);\n }\n\n .slide-365::before {\n content: '';\n position: absolute;\n top: 0;\n right: 0;\n width: 60%;\n height: 100%;\n background:\n radial-gradient(circle at 65% 25%, rgba(212, 146, 10, 0.06) 0%, transparent 50%),\n radial-gradient(circle at 80% 70%, rgba(245, 183, 49, 0.04) 0%, transparent 40%);\n pointer-events: none;\n }\n\n .slide-365 .hero-eyebrow { color: var(--gold-365); }\n .slide-365 .hero-eyebrow::before { background: var(--gold-365); }\n .slide-365 .hero-heading { color: var(--navy); }\n .slide-365 .hero-heading span { color: var(--gold-365); }\n .slide-365 .hero-subheading { color: var(--navy); opacity: 0.5; }\n .slide-365 .hero-features { color: var(--gold-365-dark); }\n .slide-365 .hero-features .separator { background: var(--gold-365-dark); }\n .slide-365 .hero-tagline { color: #8A7A60; }\n .slide-365 .benefit-pill {\n background: rgba(212, 146, 10, 0.07);\n border-color: rgba(212, 146, 10, 0.15);\n color: var(--navy);\n }\n .slide-365 .benefit-pill svg { color: var(--gold-365); }\n .slide-365 .hero-cta { background: var(--navy); }\n .slide-365 .hero-cta:hover {\n background: var(--gold-365);\n box-shadow: 0 12px 32px rgba(212, 146, 10, 0.3);\n }\n .slide-365 .hero-image::before {\n background: radial-gradient(circle, rgba(212, 146, 10, 0.07) 0%, transparent 70%);\n }\n\n \/* Floating ray\/burst decorations for 365 *\/\n .slide-365 .deco-ray {\n position: absolute;\n width: 20px;\n height: 3px;\n background: var(--gold-365-light);\n border-radius: 2px;\n opacity: 0.15;\n pointer-events: none;\n }\n .slide-365 .deco-ray:nth-child(1) { top: 14%; right: 11%; transform: rotate(25deg); width: 18px; }\n .slide-365 .deco-ray:nth-child(2) { top: 26%; right: 22%; transform: rotate(-15deg); width: 12px; }\n .slide-365 .deco-ray:nth-child(3) { top: 52%; right: 7%; transform: rotate(50deg); width: 22px; }\n .slide-365 .deco-ray:nth-child(4) { top: 70%; right: 26%; transform: rotate(-35deg); width: 14px; }\n .slide-365 .deco-ray:nth-child(5) { top: 20%; right: 34%; transform: rotate(10deg); width: 10px; }\n\n \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n SHARED TEXT STYLES\n \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n .hero-text {\n max-width: 520px;\n }\n\n .hero-eyebrow {\n display: inline-flex;\n align-items: center;\n gap: 8px;\n font-size: 12px;\n font-weight: 600;\n letter-spacing: 2.5px;\n text-transform: uppercase;\n margin-bottom: 20px;\n }\n\n .hero-eyebrow::before {\n content: '';\n display: inline-block;\n width: 28px;\n height: 2px;\n }\n\n .hero-heading {\n font-size: 72px;\n font-weight: 800;\n line-height: 1;\n letter-spacing: -2px;\n margin-bottom: 8px;\n }\n\n .hero-subheading {\n font-size: 32px;\n font-weight: 300;\n letter-spacing: -0.5px;\n margin-bottom: 4px;\n opacity: 0.7;\n }\n\n .hero-features {\n display: flex;\n align-items: center;\n gap: 8px;\n font-size: 16px;\n font-weight: 600;\n margin-bottom: 24px;\n flex-wrap: wrap;\n }\n\n .hero-features .separator {\n width: 4px;\n height: 4px;\n border-radius: 50%;\n opacity: 0.5;\n }\n\n .hero-tagline {\n font-size: 18px;\n font-weight: 400;\n color: var(--grey-text);\n line-height: 1.6;\n margin-bottom: 36px;\n font-style: italic;\n }\n\n .hero-cta {\n display: inline-flex;\n align-items: center;\n gap: 12px;\n padding: 16px 36px;\n color: var(--white);\n font-family: 'Plus Jakarta Sans', sans-serif;\n font-size: 14px;\n font-weight: 700;\n letter-spacing: 1.5px;\n text-transform: uppercase;\n text-decoration: none;\n border: none;\n border-radius: 50px;\n cursor: pointer;\n transition: all 0.35s cubic-bezier(0.4, 0, 0.2, 1);\n position: relative;\n overflow: hidden;\n }\n\n .hero-cta:hover {\n transform: translateY(-2px);\n }\n\n .hero-cta svg {\n transition: transform 0.3s ease;\n }\n\n .hero-cta:hover svg {\n transform: translateX(4px);\n }\n\n \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n BENEFITS PILLS\n \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n .hero-benefits {\n display: flex;\n gap: 10px;\n margin-bottom: 32px;\n flex-wrap: wrap;\n }\n\n .benefit-pill {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 8px 16px;\n border: 1px solid;\n border-radius: 100px;\n font-size: 13px;\n font-weight: 500;\n }\n\n .benefit-pill svg {\n width: 14px;\n height: 14px;\n flex-shrink: 0;\n }\n\n \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n PRODUCT IMAGE\n \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n .hero-image {\n position: relative;\n flex-shrink: 0;\n display: flex;\n align-items: center;\n justify-content: center;\n }\n\n .hero-image img {\n height: 580px;\n width: auto;\n max-width: 100%;\n display: block;\n object-fit: contain;\n filter: drop-shadow(0 20px 60px rgba(27, 42, 74, 0.15));\n animation: float 4s ease-in-out infinite;\n }\n\n .hero-image::before {\n content: '';\n position: absolute;\n width: 320px;\n height: 320px;\n border-radius: 50%;\n z-index: -1;\n }\n\n \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n SLIDER NAVIGATION\n \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n .slider-nav {\n position: absolute;\n bottom: 32px;\n left: 50%;\n transform: translateX(-50%);\n display: flex;\n gap: 12px;\n z-index: 10;\n }\n\n .slider-dot {\n width: 10px;\n height: 10px;\n border-radius: 50%;\n border: 2px solid var(--navy);\n background: transparent;\n cursor: pointer;\n transition: all 0.3s ease;\n padding: 0;\n }\n\n .slider-dot.active {\n background: var(--navy);\n transform: scale(1.2);\n }\n\n \/* Arrows *\/\n .slider-arrow {\n position: absolute;\n top: 50%;\n transform: translateY(-50%);\n width: 48px;\n height: 48px;\n border-radius: 50%;\n border: 1.5px solid rgba(27, 42, 74, 0.15);\n background: rgba(255, 255, 255, 0.9);\n backdrop-filter: blur(8px);\n display: flex;\n align-items: center;\n justify-content: center;\n cursor: pointer;\n z-index: 10;\n transition: all 0.3s ease;\n }\n\n .slider-arrow:hover {\n background: var(--navy);\n border-color: var(--navy);\n }\n\n .slider-arrow:hover svg {\n stroke: white;\n }\n\n .slider-arrow svg {\n width: 20px;\n height: 20px;\n stroke: var(--navy);\n stroke-width: 2;\n fill: none;\n stroke-linecap: round;\n stroke-linejoin: round;\n transition: stroke 0.3s ease;\n }\n\n .slider-arrow-prev { left: 20px; }\n .slider-arrow-next { right: 20px; }\n\n \/* Progress bar *\/\n .slider-progress {\n position: absolute;\n bottom: 0;\n left: 0;\n height: 3px;\n background: var(--navy);\n z-index: 10;\n transition: width 0.1s linear;\n }\n\n \/* Dark slide navigation overrides (reserved for future dark bg slides) *\/\n\n \/* Pause \/ Play toggle *\/\n .slider-pause {\n position: absolute;\n bottom: 32px;\n right: 20px;\n width: 36px;\n height: 36px;\n border-radius: 50%;\n border: 1.5px solid rgba(27, 42, 74, 0.15);\n background: rgba(255, 255, 255, 0.9);\n backdrop-filter: blur(8px);\n display: flex;\n align-items: center;\n justify-content: center;\n cursor: pointer;\n z-index: 10;\n transition: all 0.3s ease;\n padding: 0;\n }\n .slider-pause:hover {\n background: var(--navy);\n border-color: var(--navy);\n }\n .slider-pause:hover svg { fill: white; stroke: white; }\n .slider-pause svg {\n width: 14px;\n height: 14px;\n fill: var(--navy);\n stroke: var(--navy);\n transition: fill 0.3s ease, stroke 0.3s ease;\n }\n .slider-pause .icon-play { display: none; }\n .slider-pause.paused .icon-pause { display: none; }\n .slider-pause.paused .icon-play { display: block; }\n\n @media (max-width: 480px) {\n .slider-pause {\n bottom: 16px;\n right: 16px;\n width: 32px;\n height: 32px;\n }\n .slider-pause svg { width: 12px; height: 12px; }\n }\n\n \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n ANIMATIONS\n \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n @keyframes float {\n 0%, 100% { transform: translateY(0px); }\n 50% { transform: translateY(-10px); }\n }\n\n \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n RESPONSIVE\n \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n @media (max-width: 1200px) {\n .slide { min-height: 600px; }\n .hero-heading { font-size: 56px; }\n .hero-image img { height: 480px; }\n }\n\n @media (max-width: 960px) {\n .slide {\n min-height: auto;\n padding: 48px 0 60px;\n }\n .hero-inner { padding: 0 24px; }\n .hero-content {\n flex-direction: column;\n text-align: center;\n }\n .hero-text { max-width: 100%; order: 1; }\n .hero-image { order: 2; }\n .hero-heading { font-size: 48px; letter-spacing: -1px; }\n .hero-subheading { font-size: 24px; }\n .hero-features { justify-content: center; }\n .hero-benefits { justify-content: center; }\n .kit-contents { justify-content: center; }\n .hero-image img { height: 380px; }\n .hero-eyebrow { justify-content: center; }\n .slider-arrow { display: none; }\n }\n\n @media (max-width: 480px) {\n .slide {\n padding: 32px 0 48px;\n }\n .hero-inner { padding: 0 20px; }\n .hero-eyebrow {\n font-size: 11px;\n letter-spacing: 2px;\n margin-bottom: 12px;\n }\n .hero-subheading {\n font-size: 20px;\n margin-bottom: 2px;\n }\n .hero-heading {\n font-size: 38px;\n margin-bottom: 6px;\n }\n .hero-features {\n font-size: 14px;\n margin-bottom: 16px;\n gap: 6px;\n }\n .kit-contents {\n gap: 12px;\n margin-bottom: 12px;\n }\n .kit-item { font-size: 11px; }\n .hero-tagline {\n font-size: 15px;\n margin-bottom: 20px;\n line-height: 1.5;\n }\n .hero-benefits {\n gap: 8px;\n margin-bottom: 20px;\n }\n .benefit-pill {\n padding: 6px 12px;\n font-size: 12px;\n }\n .hero-cta {\n padding: 13px 28px;\n font-size: 13px;\n }\n .hero-image img {\n height: 240px;\n }\n .hero-image::before {\n width: 200px;\n height: 200px;\n }\n .slider-nav { bottom: 20px; }\n }\n\n \/* iPhone 12 Pro and similar (390x844) *\/\n @media (max-width: 480px) and (max-height: 900px) {\n .hero-image img {\n animation: float 4s ease-in-out infinite;\n }\n @keyframes float {\n 0%, 100% { transform: translateY(0px); }\n 50% { transform: translateY(-5px); }\n }\n }\n <\/style>\n<\/head>\n<body>\n\n <div class=\"hero-slider\">\n\n <!-- \u2550\u2550\u2550\u2550\u2550\u2550 SLIDE 1: 21-DAY CHALLENGE \u2550\u2550\u2550\u2550\u2550\u2550 -->\n <div class=\"slide slide-challenge active\" data-slide=\"0\">\n <div class=\"deco-cross\"><\/div>\n <div class=\"deco-cross\"><\/div>\n <div class=\"deco-cross\"><\/div>\n <div class=\"deco-cross\"><\/div>\n <div class=\"deco-cross\"><\/div>\n\n <div class=\"hero-inner\">\n <div class=\"hero-content\">\n <div class=\"hero-text\">\n <div class=\"hero-eyebrow\">Complete Detox Program<\/div>\n <div class=\"hero-subheading\">21-Day<\/div>\n <h1 class=\"hero-heading\"><span>CHALLENGE<\/span><\/h1>\n <div class=\"hero-features\">\n <span>Liver-D<\/span>\n <span class=\"separator\"><\/span>\n <span>Colon-D<\/span>\n <span class=\"separator\"><\/span>\n <span>Proenzi+<\/span>\n <\/div>\n <div class=\"kit-contents\">\n <span class=\"kit-item\"><span class=\"kit-qty\">4\u00d7<\/span> Colon-D<\/span>\n <span class=\"kit-item\"><span class=\"kit-qty\">1\u00d7<\/span> Liver-D<\/span>\n <span class=\"kit-item\"><span class=\"kit-qty\">1\u00d7<\/span> Proenzi+<\/span>\n <\/div>\n <p class=\"hero-tagline\">Full liver, gallbladder & colon detox.<br>Reset your digestive system in 21 days.<\/p>\n <div class=\"hero-benefits\">\n <div class=\"benefit-pill\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg>Deep Cleanse<\/div>\n <div class=\"benefit-pill\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg>Gut Balance<\/div>\n <div class=\"benefit-pill\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg>Less Bloating<\/div>\n <\/div>\n <a href=\"https:\/\/demo.lavolabssolutions.com\/product\/reto21d\/\" class=\"hero-cta\">Learn More <svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"\/><polyline points=\"12 5 19 12 12 19\"\/><\/svg><\/a>\n <\/div>\n <div class=\"hero-image\">\n <img decoding=\"async\" src=\"https:\/\/demo.lavolabssolutions.com\/wp-content\/uploads\/2025\/08\/Result-44.webp\" alt=\"21-Day Challenge \u2014 Complete Detox Kit\">\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n <!-- \u2550\u2550\u2550\u2550\u2550\u2550 SLIDE 2: NAD+ \u2550\u2550\u2550\u2550\u2550\u2550 -->\n <div class=\"slide slide-nad\" data-slide=\"1\">\n <div class=\"deco-atom\"><\/div>\n <div class=\"deco-atom\"><\/div>\n <div class=\"deco-atom\"><\/div>\n <div class=\"deco-atom\"><\/div>\n <div class=\"deco-atom\"><\/div>\n\n <div class=\"hero-inner\">\n <div class=\"hero-content\">\n <div class=\"hero-text\">\n <div class=\"hero-eyebrow\">Cellular Health & Longevity<\/div>\n <h1 class=\"hero-heading\">NAD<span>+<\/span><\/h1>\n <div class=\"hero-features\">\n <span>CoQ10<\/span>\n <span class=\"separator\"><\/span>\n <span>Resveratrol<\/span>\n <span class=\"separator\"><\/span>\n <span>Glutathione<\/span>\n <\/div>\n <p class=\"hero-tagline\">Enhance cellular energy & repair.<br>Combat aging from the inside out.<\/p>\n <div class=\"hero-benefits\">\n <div class=\"benefit-pill\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg>Anti-Aging<\/div>\n <div class=\"benefit-pill\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg>Brain Health<\/div>\n <div class=\"benefit-pill\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg>Heart Support<\/div>\n <\/div>\n <a href=\"https:\/\/demo.lavolabssolutions.com\/product\/nad\/\" class=\"hero-cta\">Learn More <svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"\/><polyline points=\"12 5 19 12 12 19\"\/><\/svg><\/a>\n <\/div>\n <div class=\"hero-image\">\n <img decoding=\"async\" src=\"https:\/\/demo.lavolabssolutions.com\/wp-content\/uploads\/2025\/08\/Result-49.webp\" alt=\"NAD+ \u2014 Cellular Health Supplement\">\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n <!-- \u2550\u2550\u2550\u2550\u2550\u2550 SLIDE 3: PROENZI+ \u2550\u2550\u2550\u2550\u2550\u2550 -->\n <div class=\"slide slide-proenzi\" data-slide=\"2\">\n <div class=\"deco-dot\"><\/div>\n <div class=\"deco-dot\"><\/div>\n <div class=\"deco-dot\"><\/div>\n <div class=\"deco-dot\"><\/div>\n <div class=\"deco-dot\"><\/div>\n <div class=\"deco-molecule\">\n <svg viewBox=\"0 0 40 40\" fill=\"none\"><circle cx=\"20\" cy=\"12\" r=\"4\" stroke=\"#2AAFD3\" stroke-width=\"1.5\" opacity=\"0.3\"\/><circle cx=\"12\" cy=\"28\" r=\"4\" stroke=\"#2AAFD3\" stroke-width=\"1.5\" opacity=\"0.3\"\/><circle cx=\"28\" cy=\"28\" r=\"4\" stroke=\"#2AAFD3\" stroke-width=\"1.5\" opacity=\"0.3\"\/><line x1=\"18\" y1=\"16\" x2=\"14\" y2=\"24\" stroke=\"#2AAFD3\" stroke-width=\"1.2\" opacity=\"0.2\"\/><line x1=\"22\" y1=\"16\" x2=\"26\" y2=\"24\" stroke=\"#2AAFD3\" stroke-width=\"1.2\" opacity=\"0.2\"\/><line x1=\"16\" y1=\"28\" x2=\"24\" y2=\"28\" stroke=\"#2AAFD3\" stroke-width=\"1.2\" opacity=\"0.2\"\/><\/svg>\n <\/div>\n <div class=\"deco-molecule\">\n <svg viewBox=\"0 0 40 40\" fill=\"none\"><circle cx=\"10\" cy=\"20\" r=\"3.5\" stroke=\"#2AAFD3\" stroke-width=\"1.5\" opacity=\"0.25\"\/><circle cx=\"30\" cy=\"20\" r=\"3.5\" stroke=\"#2AAFD3\" stroke-width=\"1.5\" opacity=\"0.25\"\/><circle cx=\"20\" cy=\"8\" r=\"3.5\" stroke=\"#2AAFD3\" stroke-width=\"1.5\" opacity=\"0.25\"\/><line x1=\"13\" y1=\"18\" x2=\"18\" y2=\"11\" stroke=\"#2AAFD3\" stroke-width=\"1.2\" opacity=\"0.15\"\/><line x1=\"27\" y1=\"18\" x2=\"22\" y2=\"11\" stroke=\"#2AAFD3\" stroke-width=\"1.2\" opacity=\"0.15\"\/><line x1=\"14\" y1=\"20\" x2=\"26\" y2=\"20\" stroke=\"#2AAFD3\" stroke-width=\"1.2\" opacity=\"0.15\"\/><\/svg>\n <\/div>\n\n <div class=\"hero-inner\">\n <div class=\"hero-content\">\n <div class=\"hero-text\">\n <div class=\"hero-eyebrow\">Digestive Wellness<\/div>\n <h1 class=\"hero-heading\">PROENZI<span>+<\/span><\/h1>\n <div class=\"hero-features\">\n <span>Prebiotics<\/span>\n <span class=\"separator\"><\/span>\n <span>Probiotics<\/span>\n <span class=\"separator\"><\/span>\n <span>Digestive Enzymes<\/span>\n <\/div>\n <p class=\"hero-tagline\">Improve your digestion.<br>Strengthen your immune system.<\/p>\n <div class=\"hero-benefits\">\n <div class=\"benefit-pill\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg>Gut Health<\/div>\n <div class=\"benefit-pill\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg>Immune Support<\/div>\n <div class=\"benefit-pill\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg>Fast Results<\/div>\n <\/div>\n <a href=\"https:\/\/demo.lavolabssolutions.com\/product\/proenzi\/\" class=\"hero-cta\">Learn More <svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"\/><polyline points=\"12 5 19 12 12 19\"\/><\/svg><\/a>\n <\/div>\n <div class=\"hero-image\">\n <img decoding=\"async\" src=\"https:\/\/demo.lavolabssolutions.com\/wp-content\/uploads\/2025\/07\/Result-54-1024x1024.webp\" alt=\"Proenzi+ Supplement Bottle\">\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n <!-- \u2550\u2550\u2550\u2550\u2550\u2550 SLIDE 4: ROYAL COFFEE LATTE \u2550\u2550\u2550\u2550\u2550\u2550 -->\n <div class=\"slide slide-coffee\" data-slide=\"3\">\n <div class=\"deco-bean\"><\/div>\n <div class=\"deco-bean\"><\/div>\n <div class=\"deco-bean\"><\/div>\n <div class=\"deco-bean\"><\/div>\n <div class=\"deco-bean\"><\/div>\n\n <div class=\"hero-inner\">\n <div class=\"hero-content\">\n <div class=\"hero-text\">\n <div class=\"hero-eyebrow\">Adaptogenic Blend<\/div>\n <div class=\"hero-subheading\">Royal Coffee<\/div>\n <h1 class=\"hero-heading\">LATTE<\/h1>\n <div class=\"hero-features\">\n <span>Mushrooms<\/span>\n <span class=\"separator\"><\/span>\n <span>Ashwagandha<\/span>\n <span class=\"separator\"><\/span>\n <span>Biotin<\/span>\n <\/div>\n <p class=\"hero-tagline\">Boost focus & energy naturally.<br>Powered by adaptogenic mushrooms.<\/p>\n <div class=\"hero-benefits\">\n <div class=\"benefit-pill\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg>Mental Clarity<\/div>\n <div class=\"benefit-pill\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg>Stress Relief<\/div>\n <div class=\"benefit-pill\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg>Low Glycemic<\/div>\n <\/div>\n <a href=\"https:\/\/demo.lavolabssolutions.com\/product\/royal-coffee-latte-familiar\/\" class=\"hero-cta\">Learn More <svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"\/><polyline points=\"12 5 19 12 12 19\"\/><\/svg><\/a>\n <\/div>\n <div class=\"hero-image\">\n <img decoding=\"async\" src=\"https:\/\/demo.lavolabssolutions.com\/wp-content\/uploads\/2025\/07\/X2-14.png\" alt=\"Royal Coffee Latte \u2014 Adaptogenic Mushroom Blend\">\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n <!-- \u2550\u2550\u2550\u2550\u2550\u2550 SLIDE 5: 365 POWER & PERFORMANCE \u2550\u2550\u2550\u2550\u2550\u2550 -->\n <div class=\"slide slide-365\" data-slide=\"4\">\n <div class=\"deco-ray\"><\/div>\n <div class=\"deco-ray\"><\/div>\n <div class=\"deco-ray\"><\/div>\n <div class=\"deco-ray\"><\/div>\n <div class=\"deco-ray\"><\/div>\n\n <div class=\"hero-inner\">\n <div class=\"hero-content\">\n <div class=\"hero-text\">\n <div class=\"hero-eyebrow\">Daily Multi-Vitamin<\/div>\n <div class=\"hero-subheading\">Power & Performance<\/div>\n <h1 class=\"hero-heading\"><span>365<\/span><\/h1>\n <div class=\"hero-features\">\n <span>Vitamins<\/span>\n <span class=\"separator\"><\/span>\n <span>Minerals<\/span>\n <span class=\"separator\"><\/span>\n <span>Probiotics<\/span>\n <span class=\"separator\"><\/span>\n <span>Amino Acids<\/span>\n <\/div>\n <p class=\"hero-tagline\">100+ nutrients in every sachet.<br>Meet the challenges of the day, on the go.<\/p>\n <div class=\"hero-benefits\">\n <div class=\"benefit-pill\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg>110+ Nutrients<\/div>\n <div class=\"benefit-pill\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg>Antioxidant<\/div>\n <div class=\"benefit-pill\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg>Energy Boost<\/div>\n <\/div>\n <a href=\"https:\/\/demo.lavolabssolutions.com\/product\/365-power-performance-on-the-go\/\" class=\"hero-cta\">Learn More <svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"\/><polyline points=\"12 5 19 12 12 19\"\/><\/svg><\/a>\n <\/div>\n <div class=\"hero-image\">\n <img decoding=\"async\" src=\"https:\/\/demo.lavolabssolutions.com\/wp-content\/uploads\/2025\/11\/Result-31.webp\" alt=\"365 Power & Performance \u2014 Daily Multi-Vitamin\">\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n <!-- \u2550\u2550\u2550\u2550\u2550\u2550 NAVIGATION \u2550\u2550\u2550\u2550\u2550\u2550 -->\n <button class=\"slider-arrow slider-arrow-prev\" aria-label=\"Previous slide\">\n <svg viewBox=\"0 0 24 24\"><polyline points=\"15 18 9 12 15 6\"\/><\/svg>\n <\/button>\n <button class=\"slider-arrow slider-arrow-next\" aria-label=\"Next slide\">\n <svg viewBox=\"0 0 24 24\"><polyline points=\"9 6 15 12 9 18\"\/><\/svg>\n <\/button>\n\n <div class=\"slider-nav\">\n <button class=\"slider-dot active\" data-goto=\"0\" aria-label=\"Go to slide 1\"><\/button>\n <button class=\"slider-dot\" data-goto=\"1\" aria-label=\"Go to slide 2\"><\/button>\n <button class=\"slider-dot\" data-goto=\"2\" aria-label=\"Go to slide 3\"><\/button>\n <button class=\"slider-dot\" data-goto=\"3\" aria-label=\"Go to slide 4\"><\/button>\n <button class=\"slider-dot\" data-goto=\"4\" aria-label=\"Go to slide 5\"><\/button>\n <\/div>\n\n <div class=\"slider-progress\"><\/div>\n\n <button class=\"slider-pause\" aria-label=\"Pause slider\">\n <svg class=\"icon-pause\" viewBox=\"0 0 24 24\" fill=\"currentColor\" stroke=\"none\"><rect x=\"6\" y=\"4\" width=\"4\" height=\"16\" rx=\"1\"\/><rect x=\"14\" y=\"4\" width=\"4\" height=\"16\" rx=\"1\"\/><\/svg>\n <svg class=\"icon-play\" viewBox=\"0 0 24 24\" fill=\"currentColor\" stroke=\"none\"><polygon points=\"6,4 20,12 6,20\"\/><\/svg>\n <\/button>\n <\/div>\n\n <script>\n (function() {\n const slides = document.querySelectorAll('.slide');\n const dots = document.querySelectorAll('.slider-dot');\n const progress = document.querySelector('.slider-progress');\n const prevBtn = document.querySelector('.slider-arrow-prev');\n const nextBtn = document.querySelector('.slider-arrow-next');\n const pauseBtn = document.querySelector('.slider-pause');\n let current = 0;\n const total = slides.length;\n const duration = 7000;\n let progressStart;\n let animFrame;\n let paused = false;\n let pausedAt = 0; \/\/ how much time elapsed when paused\n\n function goTo(index) {\n slides[current].classList.remove('active');\n dots[current].classList.remove('active');\n current = (index + total) % total;\n slides[current].classList.add('active');\n dots[current].classList.add('active');\n pausedAt = 0;\n if (!paused) startProgress();\n }\n\n function next() { goTo(current + 1); }\n function prev() { goTo(current - 1); }\n\n function startProgress() {\n cancelAnimationFrame(animFrame);\n progressStart = performance.now() - pausedAt;\n function tick(now) {\n if (paused) return;\n const elapsed = now - progressStart;\n const pct = Math.min(elapsed \/ duration, 1);\n progress.style.width = (pct * 100) + '%';\n if (pct < 1) {\n animFrame = requestAnimationFrame(tick);\n } else {\n next();\n }\n }\n animFrame = requestAnimationFrame(tick);\n }\n\n function togglePause() {\n paused = !paused;\n pauseBtn.classList.toggle('paused', paused);\n if (paused) {\n cancelAnimationFrame(animFrame);\n \/\/ Save how far we got\n pausedAt = performance.now() - progressStart;\n } else {\n startProgress();\n }\n }\n\n \/\/ Controls\n nextBtn.addEventListener('click', () => { next(); });\n prevBtn.addEventListener('click', () => { prev(); });\n dots.forEach(dot => {\n dot.addEventListener('click', () => goTo(Number(dot.dataset.goto)));\n });\n pauseBtn.addEventListener('click', togglePause);\n\n \/\/ \u2500\u2500\u2500 Touch \/ Swipe with axis locking \u2500\u2500\u2500\n const slider = document.querySelector('.hero-slider');\n let touchStartX = 0;\n let touchStartY = 0;\n let touchAxis = null; \/\/ null | 'horizontal' | 'vertical'\n const THRESHOLD = 30; \/\/ px to trigger slide change\n const LOCK_ANGLE = 10; \/\/ px movement before we decide axis\n\n slider.addEventListener('touchstart', function(e) {\n touchStartX = e.touches[0].clientX;\n touchStartY = e.touches[0].clientY;\n touchAxis = null;\n }, { passive: true });\n\n slider.addEventListener('touchmove', function(e) {\n if (!touchAxis) {\n const dx = Math.abs(e.touches[0].clientX - touchStartX);\n const dy = Math.abs(e.touches[0].clientY - touchStartY);\n if (dx > LOCK_ANGLE || dy > LOCK_ANGLE) {\n touchAxis = dx > dy ? 'horizontal' : 'vertical';\n }\n }\n \/\/ Only prevent default scroll if horizontal swipe\n if (touchAxis === 'horizontal') {\n e.preventDefault();\n }\n }, { passive: false });\n\n slider.addEventListener('touchend', function(e) {\n if (touchAxis !== 'horizontal') return;\n const diff = touchStartX - e.changedTouches[0].clientX;\n if (Math.abs(diff) > THRESHOLD) {\n diff > 0 ? next() : prev();\n }\n }, { passive: true });\n\n \/\/ Start\n startProgress();\n })();\n <\/script>\n\n<\/body>\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-35c875b elementor-widget elementor-widget-html\" data-id=\"35c875b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div id=\"iev-products-section\">\n<style>\n #iev-products-section {\n --navy: #1B2A4A;\n --navy-light: #2D3E5F;\n --teal: #2AAFD3;\n --teal-light: rgba(42, 175, 211, 0.08);\n --teal-border: rgba(42, 175, 211, 0.15);\n --white: #ffffff;\n --grey-bg: #F8FAFB;\n --grey-text: #6B7B8D;\n --grey-muted: #94a3b8;\n --border: #e8edf2;\n font-family: 'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;\n line-height: 1.6;\n color: var(--navy);\n -webkit-font-smoothing: antialiased;\n box-sizing: border-box;\n }\n #iev-products-section *, #iev-products-section *::before, #iev-products-section *::after {\n box-sizing: border-box;\n margin: 0;\n padding: 0;\n }\n\n \/* ===== Reveal Animations ===== *\/\n #iev-products-section .iev-reveal {\n opacity: 0;\n transform: translateY(30px);\n transition: opacity 0.7s cubic-bezier(0.16, 1, 0.3, 1), transform 0.7s cubic-bezier(0.16, 1, 0.3, 1);\n }\n #iev-products-section .iev-reveal.iev-visible {\n opacity: 1;\n transform: translateY(0);\n }\n #iev-products-section .iev-reveal.iev-delay-1 { transition-delay: 0.1s; }\n #iev-products-section .iev-reveal.iev-delay-2 { transition-delay: 0.2s; }\n #iev-products-section .iev-reveal.iev-delay-3 { transition-delay: 0.3s; }\n #iev-products-section .iev-reveal.iev-delay-4 { transition-delay: 0.4s; }\n #iev-products-section .iev-reveal.iev-delay-5 { transition-delay: 0.5s; }\n #iev-products-section .iev-reveal.iev-delay-6 { transition-delay: 0.6s; }\n\n \/* ===== Section Container ===== *\/\n #iev-products-section .iev-products {\n padding: 6rem 0;\n background: var(--white);\n position: relative;\n width: 100%;\n }\n\n \/* ===== Section Header ===== *\/\n #iev-products-section .iev-section-header {\n text-align: center;\n max-width: 1280px;\n margin: 0 auto 4rem;\n padding: 0 40px;\n }\n #iev-products-section .iev-section-eyebrow {\n display: inline-flex;\n align-items: center;\n gap: 8px;\n font-size: 12px;\n font-weight: 600;\n letter-spacing: 2.5px;\n text-transform: uppercase;\n color: var(--teal);\n margin-bottom: 16px;\n }\n #iev-products-section .iev-section-eyebrow::before,\n #iev-products-section .iev-section-eyebrow::after {\n content: '';\n display: inline-block;\n width: 28px;\n height: 2px;\n background: var(--teal);\n }\n #iev-products-section .iev-section-header h2 {\n font-size: clamp(2rem, 4vw, 2.75rem);\n font-weight: 800;\n color: var(--navy);\n letter-spacing: -1.5px;\n line-height: 1.15;\n margin-bottom: 1rem;\n }\n #iev-products-section .iev-section-header h2 span {\n color: var(--teal);\n }\n #iev-products-section .iev-section-header p {\n font-size: 18px;\n color: var(--grey-text);\n line-height: 1.7;\n font-weight: 400;\n font-style: italic;\n max-width: 560px;\n margin: 0 auto;\n }\n\n \/* ===== Slider ===== *\/\n #iev-products-section .iev-slider-wrapper {\n max-width: 1280px;\n margin: 0 auto;\n padding: 0 40px;\n position: relative;\n }\n #iev-products-section .iev-slider-container {\n position: relative;\n overflow: hidden;\n margin: 0 56px;\n \/* Prevent browser default touch behaviors on the slider *\/\n touch-action: pan-y;\n }\n #iev-products-section .iev-slider-viewport {\n overflow: hidden;\n width: 100%;\n }\n #iev-products-section .iev-slider-track {\n display: flex;\n transition: transform 0.5s cubic-bezier(0.4, 0, 0.2, 1);\n will-change: transform;\n }\n #iev-products-section .iev-slide-item {\n flex: 0 0 100%;\n padding: 0 12px;\n }\n @media (min-width: 1024px) { #iev-products-section .iev-slide-item { flex: 0 0 33.333%; } }\n @media (min-width: 768px) and (max-width: 1023px) { #iev-products-section .iev-slide-item { flex: 0 0 50%; } }\n\n \/* ===== Product Card ===== *\/\n #iev-products-section .iev-product-card {\n background: var(--white);\n border-radius: 16px;\n overflow: hidden;\n border: 1px solid var(--border);\n transition: all 0.35s cubic-bezier(0.4, 0, 0.2, 1);\n position: relative;\n cursor: pointer;\n height: 100%;\n }\n #iev-products-section .iev-product-card:hover {\n transform: translateY(-8px);\n box-shadow: 0 20px 50px -12px rgba(27, 42, 74, 0.12);\n border-color: var(--teal-border);\n }\n\n \/* ===== Product Image ===== *\/\n #iev-products-section .iev-product-image {\n display: flex;\n height: 280px;\n background: var(--grey-bg);\n position: relative;\n overflow: hidden;\n align-items: center;\n justify-content: center;\n padding: 2rem;\n text-decoration: none;\n cursor: pointer;\n }\n #iev-products-section .iev-product-image::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 0;\n right: 0;\n height: 3px;\n background: linear-gradient(90deg, var(--teal), var(--navy));\n transform: scaleX(0);\n transition: transform 0.35s ease;\n }\n #iev-products-section .iev-product-card:hover .iev-product-image::after {\n transform: scaleX(1);\n }\n #iev-products-section .iev-product-img {\n width: 180px;\n height: 180px;\n object-fit: contain;\n filter: drop-shadow(0 8px 20px rgba(27, 42, 74, 0.1));\n transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);\n }\n #iev-products-section .iev-product-card:hover .iev-product-img {\n transform: scale(1.06);\n }\n\n \/* ===== Product Badge ===== *\/\n #iev-products-section .iev-product-badge {\n position: absolute;\n top: 16px;\n right: 16px;\n padding: 5px 14px;\n border-radius: 100px;\n font-weight: 600;\n font-size: 11px;\n text-transform: uppercase;\n letter-spacing: 1px;\n z-index: 3;\n pointer-events: none;\n line-height: 1.4;\n }\n #iev-products-section .iev-product-badge.iev-bestseller {\n background: var(--teal-light);\n color: var(--teal);\n border: 1px solid var(--teal-border);\n }\n #iev-products-section .iev-product-badge.iev-premium {\n background: rgba(27, 42, 74, 0.06);\n color: var(--navy);\n border: 1px solid rgba(27, 42, 74, 0.12);\n }\n #iev-products-section .iev-product-badge.iev-energy {\n background: rgba(139, 105, 20, 0.08);\n color: #8B6914;\n border: 1px solid rgba(139, 105, 20, 0.15);\n }\n #iev-products-section .iev-product-badge.iev-detox {\n background: rgba(16, 185, 129, 0.08);\n color: #059669;\n border: 1px solid rgba(16, 185, 129, 0.15);\n }\n #iev-products-section .iev-product-badge.iev-heart-health {\n background: rgba(239, 68, 68, 0.08);\n color: #dc2626;\n border: 1px solid rgba(239, 68, 68, 0.15);\n }\n\n \/* ===== Product Info ===== *\/\n #iev-products-section .iev-product-info {\n padding: 24px;\n }\n #iev-products-section .iev-product-info h3 {\n font-size: 18px;\n margin-bottom: 8px;\n color: var(--navy);\n font-weight: 700;\n letter-spacing: -0.3px;\n }\n #iev-products-section .iev-product-info p {\n color: var(--grey-text);\n margin-bottom: 20px;\n line-height: 1.65;\n font-size: 14px;\n font-weight: 400;\n }\n\n \/* ===== Benefits List ===== *\/\n #iev-products-section .iev-product-benefits {\n list-style: none;\n margin-bottom: 24px;\n padding: 0;\n }\n #iev-products-section .iev-product-benefits li {\n padding: 6px 0;\n color: var(--navy);\n font-weight: 500;\n display: flex;\n align-items: center;\n gap: 10px;\n transition: transform 0.2s ease;\n font-size: 13px;\n list-style: none;\n }\n #iev-products-section .iev-product-benefits li:hover {\n transform: translateX(4px);\n }\n #iev-products-section .iev-benefit-icon {\n width: 24px;\n height: 24px;\n min-width: 24px;\n background: var(--teal-light);\n border: 1px solid var(--teal-border);\n border-radius: 8px;\n display: flex;\n align-items: center;\n justify-content: center;\n color: var(--teal);\n font-size: 11px;\n flex-shrink: 0;\n transition: all 0.3s ease;\n }\n #iev-products-section .iev-product-benefits li:hover .iev-benefit-icon {\n background: var(--teal);\n color: white;\n border-color: var(--teal);\n }\n\n \/* ===== CTA Button ===== *\/\n #iev-products-section .iev-product-cta {\n display: inline-flex;\n align-items: center;\n gap: 10px;\n background: var(--navy);\n color: white !important;\n padding: 12px 28px;\n border-radius: 50px;\n text-decoration: none !important;\n font-weight: 700;\n font-size: 13px;\n letter-spacing: 0.5px;\n transition: all 0.35s cubic-bezier(0.4, 0, 0.2, 1);\n border: none;\n cursor: pointer;\n }\n #iev-products-section .iev-product-cta:hover {\n background: var(--teal);\n transform: translateY(-2px);\n box-shadow: 0 10px 28px -6px rgba(42, 175, 211, 0.35);\n color: white !important;\n text-decoration: none !important;\n }\n #iev-products-section .iev-product-cta span {\n transition: transform 0.3s ease;\n display: inline-block;\n }\n #iev-products-section .iev-product-cta:hover span {\n transform: translateX(3px);\n }\n\n \/* ===== Navigation Buttons ===== *\/\n #iev-products-section .iev-nav-button {\n position: absolute;\n top: 50%;\n transform: translateY(-50%);\n width: 48px;\n height: 48px;\n border-radius: 50%;\n border: 1.5px solid rgba(27, 42, 74, 0.15);\n background: rgba(255, 255, 255, 0.9);\n backdrop-filter: blur(8px);\n font-size: 1.3rem;\n color: var(--navy);\n cursor: pointer;\n transition: all 0.3s ease;\n box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);\n z-index: 10;\n display: flex;\n align-items: center;\n justify-content: center;\n padding: 0;\n line-height: 1;\n }\n #iev-products-section .iev-nav-button:hover:not(:disabled) {\n background: var(--navy);\n color: white;\n border-color: var(--navy);\n transform: translateY(-50%) scale(1.08);\n box-shadow: 0 8px 24px -4px rgba(27, 42, 74, 0.2);\n }\n #iev-products-section .iev-nav-button:disabled {\n opacity: 0.3;\n cursor: not-allowed;\n }\n #iev-products-section .iev-nav-button.iev-prev { left: 0; }\n #iev-products-section .iev-nav-button.iev-next { right: 0; }\n\n \/* ===== Pagination Dots ===== *\/\n #iev-products-section .iev-pagination {\n display: flex;\n justify-content: center;\n gap: 10px;\n margin-top: 3rem;\n padding: 0;\n }\n #iev-products-section .iev-pagination-dot {\n width: 10px;\n height: 10px;\n border-radius: 50%;\n background: rgba(27, 42, 74, 0.15);\n cursor: pointer;\n transition: all 0.3s ease;\n border: none;\n padding: 0;\n }\n #iev-products-section .iev-pagination-dot.iev-active {\n background: var(--navy);\n transform: scale(1.2);\n }\n #iev-products-section .iev-pagination-dot:hover:not(.iev-active) {\n background: var(--teal);\n transform: scale(1.15);\n }\n\n \/* ===== Responsive ===== *\/\n @media (max-width: 1023px) {\n #iev-products-section .iev-slider-container { margin: 0 50px; }\n }\n @media (max-width: 767px) {\n #iev-products-section .iev-products { padding: 3rem 0; }\n #iev-products-section .iev-slider-wrapper { padding: 0 16px; }\n #iev-products-section .iev-slider-container { margin: 0 30px; }\n #iev-products-section .iev-section-header { padding: 0 24px; margin-bottom: 3rem; }\n #iev-products-section .iev-nav-button { width: 36px; height: 36px; font-size: 1.1rem; }\n #iev-products-section .iev-product-image { height: 240px; }\n #iev-products-section .iev-product-img { width: 150px; height: 150px; }\n #iev-products-section .iev-product-info { padding: 20px; }\n #iev-products-section .iev-slide-item { padding: 0 4px; }\n }\n @media (max-width: 480px) {\n #iev-products-section .iev-slider-wrapper { padding: 0 8px; }\n #iev-products-section .iev-slider-container { margin: 0 25px; }\n #iev-products-section .iev-nav-button.iev-prev { left: -4px; }\n #iev-products-section .iev-nav-button.iev-next { right: -4px; }\n #iev-products-section .iev-nav-button { width: 32px; height: 32px; font-size: 1rem; }\n #iev-products-section .iev-slide-item { padding: 0; }\n #iev-products-section .iev-product-info { padding: 16px; }\n #iev-products-section .iev-product-info h3 { font-size: 16px; }\n #iev-products-section .iev-product-info p { font-size: 13px; }\n #iev-products-section .iev-product-benefits li { font-size: 12px; }\n #iev-products-section .iev-benefit-icon { width: 22px; height: 22px; min-width: 22px; font-size: 10px; }\n #iev-products-section .iev-product-cta { padding: 10px 22px; font-size: 12px; }\n }\n @media (prefers-reduced-motion: reduce) {\n #iev-products-section .iev-reveal { opacity: 1 !important; transform: none !important; transition: none !important; }\n }\n<\/style>\n\n<section class=\"iev-products\" id=\"products\">\n <div class=\"iev-section-header iev-reveal\">\n <div class=\"iev-section-eyebrow\">Our Products<\/div>\n <h2>Products that <span>Transform<\/span> Lives<\/h2>\n <p>Advanced formulas with the highest quality natural ingredients to optimize your wellbeing.<\/p>\n <\/div>\n\n <div class=\"iev-slider-wrapper\">\n <button class=\"iev-nav-button iev-prev\" aria-label=\"Previous slide\">‹<\/button>\n\n <div class=\"iev-slider-container\">\n <div class=\"iev-slider-viewport\">\n <div class=\"iev-slider-track\">\n <!-- Card 1 -->\n <div class=\"iev-slide-item\">\n <div class=\"iev-product-card iev-reveal iev-delay-1\">\n <a href=\"https:\/\/demo.lavolabssolutions.com\/product\/reto21d\/\" class=\"iev-product-image\">\n <span class=\"iev-product-badge iev-bestseller\">Bestseller<\/span>\n <img decoding=\"async\" src=\"https:\/\/demo.lavolabssolutions.com\/wp-content\/uploads\/2025\/08\/Result-44.webp\" alt=\"21 Day Challenge\" class=\"iev-product-img\" loading=\"lazy\">\n <\/a>\n <div class=\"iev-product-info\">\n <h3>21 Day Challenge<\/h3>\n <p>Detoxify your liver and revitalize your digestive system with our patented herbal extract formula.<\/p>\n <ul class=\"iev-product-benefits\">\n <li><div class=\"iev-benefit-icon\">✓<\/div><span>Deep liver detoxification<\/span><\/li>\n <li><div class=\"iev-benefit-icon\">✓<\/div><span>Improves digestion and metabolism<\/span><\/li>\n <li><div class=\"iev-benefit-icon\">✓<\/div><span>Increases natural energy levels<\/span><\/li>\n <\/ul>\n <a href=\"https:\/\/demo.lavolabssolutions.com\/product\/reto21d\/\" class=\"iev-product-cta\">Learn More <span>→<\/span><\/a>\n <\/div>\n <\/div>\n <\/div>\n <!-- Card 2 -->\n <div class=\"iev-slide-item\">\n <div class=\"iev-product-card iev-reveal iev-delay-2\">\n <a href=\"https:\/\/demo.lavolabssolutions.com\/product\/proenzi\/\" class=\"iev-product-image\">\n <span class=\"iev-product-badge iev-premium\">Premium<\/span>\n <img decoding=\"async\" src=\"https:\/\/demo.lavolabssolutions.com\/wp-content\/uploads\/2025\/08\/Result-47.webp\" alt=\"ProEnzi+\" class=\"iev-product-img\" loading=\"lazy\">\n <\/a>\n <div class=\"iev-product-info\">\n <h3>ProEnzi+<\/h3>\n <p>Advanced digestive enzyme and probiotic system with 48 billion CFU for optimal intestinal health.<\/p>\n <ul class=\"iev-product-benefits\">\n <li><div class=\"iev-benefit-icon\">✓<\/div><span>48 billion CFU per gram<\/span><\/li>\n <li><div class=\"iev-benefit-icon\">✓<\/div><span>Restores intestinal flora<\/span><\/li>\n <li><div class=\"iev-benefit-icon\">✓<\/div><span>Strengthens immune system<\/span><\/li>\n <\/ul>\n <a href=\"https:\/\/demo.lavolabssolutions.com\/product\/proenzi\/\" class=\"iev-product-cta\">Learn More <span>→<\/span><\/a>\n <\/div>\n <\/div>\n <\/div>\n <!-- Card 3 -->\n <div class=\"iev-slide-item\">\n <div class=\"iev-product-card iev-reveal iev-delay-3\">\n <a href=\"https:\/\/demo.lavolabssolutions.com\/product\/royal-coffee-latte-familiar\/\" class=\"iev-product-image\">\n <span class=\"iev-product-badge iev-energy\">Energy<\/span>\n <img decoding=\"async\" src=\"https:\/\/demo.lavolabssolutions.com\/wp-content\/uploads\/2025\/08\/Result-48.webp\" alt=\"Royal Coffee Latte\" class=\"iev-product-img\" loading=\"lazy\">\n <\/a>\n <div class=\"iev-product-info\">\n <h3>Royal Coffee Latte<\/h3>\n <p>Organic gourmet coffee enriched with Ganoderma and Ginseng for sustained energy without side effects.<\/p>\n <ul class=\"iev-product-benefits\">\n <li><div class=\"iev-benefit-icon\">✓<\/div><span>Increases concentration and focus<\/span><\/li>\n <li><div class=\"iev-benefit-icon\">✓<\/div><span>Powerful antioxidants<\/span><\/li>\n <li><div class=\"iev-benefit-icon\">✓<\/div><span>No jitters or crashes<\/span><\/li>\n <\/ul>\n <a href=\"https:\/\/demo.lavolabssolutions.com\/product\/royal-coffee-latte-familiar\/\" class=\"iev-product-cta\">Learn More <span>→<\/span><\/a>\n <\/div>\n <\/div>\n <\/div>\n <!-- Card 4 -->\n <div class=\"iev-slide-item\">\n <div class=\"iev-product-card iev-reveal iev-delay-4\">\n <a href=\"https:\/\/demo.lavolabssolutions.com\/product\/nad\/\" class=\"iev-product-image\">\n <span class=\"iev-product-badge iev-premium\">Anti-Aging<\/span>\n <img decoding=\"async\" src=\"https:\/\/demo.lavolabssolutions.com\/wp-content\/uploads\/2025\/08\/Result-49.webp\" alt=\"NAD+\" class=\"iev-product-img\" loading=\"lazy\">\n <\/a>\n <div class=\"iev-product-info\">\n <h3>NAD+<\/h3>\n <p>Revolutionary anti-aging formula that boosts cellular energy and supports healthy aging at the molecular level.<\/p>\n <ul class=\"iev-product-benefits\">\n <li><div class=\"iev-benefit-icon\">✓<\/div><span>Cellular regeneration support<\/span><\/li>\n <li><div class=\"iev-benefit-icon\">✓<\/div><span>Increases energy production<\/span><\/li>\n <li><div class=\"iev-benefit-icon\">✓<\/div><span>Cognitive function enhancement<\/span><\/li>\n <\/ul>\n <a href=\"https:\/\/demo.lavolabssolutions.com\/product\/nad\/\" class=\"iev-product-cta\">Learn More <span>→<\/span><\/a>\n <\/div>\n <\/div>\n <\/div>\n <!-- Card 5 -->\n <div class=\"iev-slide-item\">\n <div class=\"iev-product-card iev-reveal iev-delay-5\">\n <a href=\"https:\/\/demo.lavolabssolutions.com\/product\/colon-d\/\" class=\"iev-product-image\">\n <span class=\"iev-product-badge iev-detox\">Detox<\/span>\n <img decoding=\"async\" src=\"https:\/\/demo.lavolabssolutions.com\/wp-content\/uploads\/2025\/08\/Result-45.webp\" alt=\"Colon-D\" class=\"iev-product-img\" loading=\"lazy\">\n <\/a>\n <div class=\"iev-product-info\">\n <h3>Colon-D<\/h3>\n <p>Complete colon cleansing system that eliminates toxins and promotes healthy digestive function naturally.<\/p>\n <ul class=\"iev-product-benefits\">\n <li><div class=\"iev-benefit-icon\">✓<\/div><span>Gentle colon cleansing<\/span><\/li>\n <li><div class=\"iev-benefit-icon\">✓<\/div><span>Removes accumulated toxins<\/span><\/li>\n <li><div class=\"iev-benefit-icon\">✓<\/div><span>Supports weight management<\/span><\/li>\n <\/ul>\n <a href=\"https:\/\/demo.lavolabssolutions.com\/product\/colon-d\/\" class=\"iev-product-cta\">Learn More <span>→<\/span><\/a>\n <\/div>\n <\/div>\n <\/div>\n <!-- Card 6 -->\n <div class=\"iev-slide-item\">\n <div class=\"iev-product-card iev-reveal iev-delay-6\">\n <a href=\"https:\/\/demo.lavolabssolutions.com\/product\/bps-blood-pressure-support\/\" class=\"iev-product-image\">\n <span class=\"iev-product-badge iev-heart-health\">Heart Health<\/span>\n <img decoding=\"async\" src=\"https:\/\/demo.lavolabssolutions.com\/wp-content\/uploads\/2025\/08\/Result-46.webp\" alt=\"BPS\" class=\"iev-product-img\" loading=\"lazy\">\n <\/a>\n <div class=\"iev-product-info\">\n <h3>BPS<\/h3>\n <p>Natural blood pressure support formula with grape seed extract and proven heart-healthy ingredients.<\/p>\n <ul class=\"iev-product-benefits\">\n <li><div class=\"iev-benefit-icon\">✓<\/div><span>Maintains healthy blood pressure<\/span><\/li>\n <li><div class=\"iev-benefit-icon\">✓<\/div><span>Supports cardiovascular health<\/span><\/li>\n <li><div class=\"iev-benefit-icon\">✓<\/div><span>Natural antioxidant protection<\/span><\/li>\n <\/ul>\n <a href=\"https:\/\/demo.lavolabssolutions.com\/product\/bps-blood-pressure-support\/\" class=\"iev-product-cta\">Learn More <span>→<\/span><\/a>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n <button class=\"iev-nav-button iev-next\" aria-label=\"Next slide\">›<\/button>\n <\/div>\n\n <div class=\"iev-pagination\" role=\"tablist\" aria-label=\"Slide navigation\"><\/div>\n<\/section>\n\n<script>\n(function() {\n 'use strict';\n var root = document.getElementById('iev-products-section');\n if (!root) return;\n\n \/* Scroll Reveal *\/\n if ('IntersectionObserver' in window && !window.matchMedia('(prefers-reduced-motion: reduce)').matches) {\n var obs = new IntersectionObserver(function(entries) {\n entries.forEach(function(e) {\n if (e.isIntersecting) { e.target.classList.add('iev-visible'); obs.unobserve(e.target); }\n });\n }, { threshold: 0.15, rootMargin: '0px 0px -60px 0px' });\n root.querySelectorAll('.iev-reveal').forEach(function(el) { obs.observe(el); });\n } else {\n root.querySelectorAll('.iev-reveal').forEach(function(el) { el.classList.add('iev-visible'); });\n }\n\n \/* Slider *\/\n var CONFIG = { autoPlayDelay: 5000, transitionDuration: 500, swipeThreshold: 50 };\n var currentSlide = 0, itemsPerView = 1, totalSlides = 0, maxSlideIndex = 0, autoPlayTimer = null, isTransitioning = false;\n \/* FIX: track whether user has manually interacted \u2014 if so, autoplay stays off *\/\n var userHasInteracted = false;\n var track = root.querySelector('.iev-slider-track'), slides = root.querySelectorAll('.iev-slide-item');\n var prevBtn = root.querySelector('.iev-nav-button.iev-prev'), nextBtn = root.querySelector('.iev-nav-button.iev-next');\n var pagination = root.querySelector('.iev-pagination'), container = root.querySelector('.iev-slider-container');\n\n function calcView() {\n var w = window.innerWidth; itemsPerView = w >= 1024 ? 3 : w >= 768 ? 2 : 1;\n totalSlides = Math.ceil(slides.length \/ itemsPerView); maxSlideIndex = totalSlides - 1;\n if (currentSlide > maxSlideIndex) currentSlide = maxSlideIndex;\n }\n function makeDots() {\n pagination.innerHTML = '';\n for (var i = 0; i < totalSlides; i++) {\n var d = document.createElement('button');\n d.className = 'iev-pagination-dot' + (i === currentSlide ? ' iev-active' : '');\n d.setAttribute('aria-label', 'Go to slide ' + (i + 1));\n (function(idx) { d.addEventListener('click', function() { userHasInteracted = true; stopAuto(); goTo(idx); }); })(i);\n pagination.appendChild(d);\n }\n }\n function updateDots() { var dots = pagination.querySelectorAll('.iev-pagination-dot'); for (var i = 0; i < dots.length; i++) dots[i].classList.toggle('iev-active', i === currentSlide); }\n function goTo(idx, instant) {\n if (isTransitioning && !instant) return;\n currentSlide = Math.max(0, Math.min(idx, maxSlideIndex)); isTransitioning = true;\n track.style.transition = instant ? 'none' : 'transform ' + CONFIG.transitionDuration + 'ms cubic-bezier(0.4, 0, 0.2, 1)';\n track.style.transform = 'translateX(-' + (currentSlide * 100) + '%)';\n updateDots(); updateBtns();\n if (!instant) { setTimeout(function() { isTransitioning = false; }, CONFIG.transitionDuration); } else { track.offsetHeight; isTransitioning = false; }\n \/* FIX: only reset autoplay if user hasn't manually interacted *\/\n if (!userHasInteracted) resetAuto();\n }\n function updateBtns() { prevBtn.disabled = currentSlide === 0; nextBtn.disabled = currentSlide === maxSlideIndex; }\n function next() { goTo(currentSlide < maxSlideIndex ? currentSlide + 1 : 0); }\n function prev() { goTo(currentSlide > 0 ? currentSlide - 1 : maxSlideIndex); }\n function startAuto() { if (!userHasInteracted && !window.matchMedia('(prefers-reduced-motion: reduce)').matches) { stopAuto(); autoPlayTimer = setInterval(next, CONFIG.autoPlayDelay); } }\n function stopAuto() { if (autoPlayTimer) { clearInterval(autoPlayTimer); autoPlayTimer = null; } }\n function resetAuto() { stopAuto(); startAuto(); }\n\n function init() {\n if (!track || !slides.length) return;\n calcView(); makeDots(); updateBtns();\n\n \/* FIX: arrow buttons also mark user interaction and stop autoplay *\/\n prevBtn.addEventListener('click', function() { userHasInteracted = true; stopAuto(); prev(); });\n nextBtn.addEventListener('click', function() { userHasInteracted = true; stopAuto(); next(); });\n\n container.addEventListener('mouseenter', stopAuto);\n container.addEventListener('mouseleave', function() { if (!userHasInteracted) startAuto(); });\n\n \/* FIX: improved touch handling that distinguishes horizontal vs vertical swipes *\/\n var sx = 0, sy = 0, isHorizontalSwipe = null;\n container.addEventListener('touchstart', function(e) {\n sx = e.changedTouches[0].screenX;\n sy = e.changedTouches[0].screenY;\n isHorizontalSwipe = null; \/* reset direction detection *\/\n }, { passive: true });\n\n container.addEventListener('touchmove', function(e) {\n if (isHorizontalSwipe === null) {\n var dx = Math.abs(e.changedTouches[0].screenX - sx);\n var dy = Math.abs(e.changedTouches[0].screenY - sy);\n \/* Wait for enough movement to determine direction (8px deadzone) *\/\n if (dx > 8 || dy > 8) {\n isHorizontalSwipe = dx > dy;\n }\n }\n \/* If swiping horizontally, prevent the page from scrolling vertically *\/\n if (isHorizontalSwipe) {\n e.preventDefault();\n }\n }, { passive: false }); \/* passive:false is required to call preventDefault *\/\n\n container.addEventListener('touchend', function(e) {\n var d = sx - e.changedTouches[0].screenX;\n if (isHorizontalSwipe && Math.abs(d) > CONFIG.swipeThreshold) {\n \/* FIX: user swiped manually \u2014 kill autoplay permanently *\/\n userHasInteracted = true;\n stopAuto();\n d > 0 ? next() : prev();\n }\n }, { passive: true });\n\n var rt; window.addEventListener('resize', function() { clearTimeout(rt); rt = setTimeout(function() { var o = itemsPerView; calcView(); if (o !== itemsPerView) { makeDots(); goTo(Math.floor((currentSlide * o) \/ itemsPerView), true); } }, 250); });\n startAuto();\n }\n document.readyState === 'loading' ? document.addEventListener('DOMContentLoaded', init) : init();\n})();\n<\/script>\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-99367a8 elementor-widget elementor-widget-html\" data-id=\"99367a8\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"iev-experts-wrapper\">\n<style>\n .iev-experts-wrapper {\n --navy: #1B2A4A;\n --teal: #2AAFD3;\n --teal-light: rgba(42, 175, 211, 0.08);\n --teal-border: rgba(42, 175, 211, 0.15);\n --white: #ffffff;\n --grey-bg: #F8FAFB;\n --grey-text: #6B7B8D;\n --grey-muted: #94a3b8;\n --border: #e8edf2;\n font-family: 'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;\n line-height: 1.6;\n color: var(--navy);\n -webkit-font-smoothing: antialiased;\n margin: 0; padding: 0; width: 100%; overflow-x: hidden;\n }\n .iev-experts-wrapper *, .iev-experts-wrapper *::before, .iev-experts-wrapper *::after {\n box-sizing: border-box; margin: 0; padding: 0;\n }\n .iev-experts-wrapper img { max-width: 100%; height: auto; display: block; }\n\n \/* ===== Reveal ===== *\/\n .iev-experts-wrapper .iev-reveal {\n opacity: 0; transform: translateY(30px);\n transition: opacity 0.7s cubic-bezier(0.16, 1, 0.3, 1), transform 0.7s cubic-bezier(0.16, 1, 0.3, 1);\n }\n .iev-experts-wrapper .iev-reveal.iev-visible { opacity: 1; transform: translateY(0) scale(1); }\n .iev-experts-wrapper .iev-reveal.iev-delay-1 { transition-delay: 0.1s; }\n .iev-experts-wrapper .iev-reveal.iev-delay-2 { transition-delay: 0.2s; }\n .iev-experts-wrapper .iev-reveal.iev-delay-3 { transition-delay: 0.3s; }\n .iev-experts-wrapper .iev-reveal.iev-delay-4 { transition-delay: 0.4s; }\n .iev-experts-wrapper .iev-reveal.iev-delay-5 { transition-delay: 0.5s; }\n\n \/* ===== Section ===== *\/\n .iev-experts-wrapper .iev-experts {\n padding: 6rem 0;\n background: var(--white);\n position: relative;\n width: 100%;\n }\n\n \/* ===== Container ===== *\/\n .iev-experts-wrapper .iev-container {\n max-width: 1280px;\n margin: 0 auto;\n padding: 0 40px;\n position: relative;\n z-index: 1;\n }\n\n \/* ===== Header ===== *\/\n .iev-experts-wrapper .iev-section-header {\n text-align: center;\n max-width: 800px;\n margin: 0 auto 4rem;\n }\n .iev-experts-wrapper .iev-section-eyebrow {\n display: inline-flex;\n align-items: center;\n gap: 8px;\n font-size: 12px;\n font-weight: 600;\n letter-spacing: 2.5px;\n text-transform: uppercase;\n color: var(--teal);\n margin-bottom: 16px;\n }\n .iev-experts-wrapper .iev-section-eyebrow::before,\n .iev-experts-wrapper .iev-section-eyebrow::after {\n content: '';\n display: inline-block;\n width: 28px;\n height: 2px;\n background: var(--teal);\n }\n .iev-experts-wrapper .iev-section-header h2 {\n font-size: clamp(2rem, 4vw, 2.75rem);\n font-weight: 800;\n color: var(--navy);\n letter-spacing: -1.5px;\n line-height: 1.15;\n margin-bottom: 1rem;\n }\n .iev-experts-wrapper .iev-section-header h2 span { color: var(--teal); }\n .iev-experts-wrapper .iev-section-header p {\n font-size: 18px;\n color: var(--grey-text);\n line-height: 1.7;\n font-weight: 400;\n font-style: italic;\n max-width: 560px;\n margin: 0 auto;\n }\n\n \/* ===== Grid ===== *\/\n .iev-experts-wrapper .iev-experts-grid {\n display: grid;\n grid-template-columns: repeat(3, 1fr);\n gap: 24px;\n }\n\n \/* ===== Card ===== *\/\n .iev-experts-wrapper .iev-expert-card {\n background: var(--white);\n border-radius: 16px;\n overflow: hidden;\n border: 1px solid var(--border);\n position: relative;\n -webkit-tap-highlight-color: transparent;\n }\n .iev-experts-wrapper .iev-expert-card::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 0; right: 0;\n height: 3px;\n background: linear-gradient(90deg, var(--teal), var(--navy));\n transform: scaleX(0);\n transition: transform 0.35s ease;\n }\n\n \/* ===== Image ===== *\/\n .iev-experts-wrapper .iev-expert-img-wrap {\n position: relative;\n width: 100%;\n padding-top: 100%;\n background: var(--grey-bg);\n overflow: hidden;\n }\n .iev-experts-wrapper .iev-expert-img {\n position: absolute;\n top: 0; left: 0;\n width: 100%; height: 100%;\n object-fit: cover;\n transition: transform 0.5s cubic-bezier(0.4, 0, 0.2, 1);\n }\n\n \/* ===== Info ===== *\/\n .iev-experts-wrapper .iev-expert-info { padding: 24px; }\n .iev-experts-wrapper .iev-expert-name {\n font-size: 18px;\n font-weight: 700;\n color: var(--navy);\n margin-bottom: 6px;\n letter-spacing: -0.3px;\n line-height: 1.25;\n }\n .iev-experts-wrapper .iev-expert-title {\n font-size: 13px;\n color: var(--teal);\n font-weight: 600;\n margin-bottom: 4px;\n display: flex;\n align-items: center;\n gap: 8px;\n line-height: 1.3;\n }\n .iev-experts-wrapper .iev-expert-title::before {\n content: '';\n width: 3px; height: 14px;\n background: var(--teal);\n border-radius: 2px;\n flex-shrink: 0;\n }\n .iev-experts-wrapper .iev-expert-specialty {\n font-size: 12px;\n color: var(--grey-muted);\n margin-bottom: 12px;\n font-weight: 500;\n text-transform: uppercase;\n letter-spacing: 0.5px;\n }\n .iev-experts-wrapper .iev-expert-bio {\n font-size: 14px;\n color: var(--grey-text);\n line-height: 1.65;\n margin-bottom: 16px;\n }\n\n \/* ===== Read More ===== *\/\n .iev-experts-wrapper .iev-read-more {\n display: none;\n background: none;\n border: none;\n color: var(--teal);\n font-size: 12px;\n font-weight: 700;\n cursor: pointer;\n padding: 0;\n margin-top: -8px;\n margin-bottom: 12px;\n text-transform: uppercase;\n letter-spacing: 0.5px;\n transition: color 0.2s ease;\n font-family: inherit;\n }\n .iev-experts-wrapper .iev-read-more:hover { color: var(--navy); }\n .iev-experts-wrapper .iev-read-more::after { content: ' \u2192'; }\n\n \/* ===== Stats ===== *\/\n .iev-experts-wrapper .iev-expert-stats {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 8px;\n margin-bottom: 16px;\n padding: 12px;\n background: var(--grey-bg);\n border-radius: 12px;\n border: 1px solid var(--border);\n }\n .iev-experts-wrapper .iev-stat-item { text-align: center; }\n .iev-experts-wrapper .iev-stat-value {\n font-size: 20px;\n font-weight: 800;\n color: var(--navy);\n line-height: 1.2;\n margin-bottom: 2px;\n }\n .iev-experts-wrapper .iev-stat-label {\n font-size: 10px;\n color: var(--grey-muted);\n text-transform: uppercase;\n letter-spacing: 0.5px;\n line-height: 1.2;\n }\n\n \/* ===== Badges ===== *\/\n .iev-experts-wrapper .iev-expert-badges { display: flex; flex-wrap: wrap; gap: 6px; }\n .iev-experts-wrapper .iev-expert-badge {\n display: inline-flex;\n align-items: center;\n padding: 5px 12px;\n background: var(--teal-light);\n border: 1px solid var(--teal-border);\n border-radius: 100px;\n font-size: 11px;\n font-weight: 600;\n color: var(--navy);\n letter-spacing: 0.3px;\n transition: all 0.3s ease;\n }\n\n \/* ===== Desktop Hover ===== *\/\n @media (hover: hover) and (pointer: fine) {\n .iev-experts-wrapper .iev-expert-card {\n cursor: pointer;\n transition: all 0.35s cubic-bezier(0.4, 0, 0.2, 1);\n }\n .iev-experts-wrapper .iev-expert-card:hover {\n transform: translateY(-8px);\n box-shadow: 0 20px 50px -12px rgba(27, 42, 74, 0.12);\n border-color: var(--teal-border);\n }\n .iev-experts-wrapper .iev-expert-card:hover::after { transform: scaleX(1); }\n .iev-experts-wrapper .iev-expert-card:hover .iev-expert-img { transform: scale(1.05); }\n .iev-experts-wrapper .iev-expert-card:hover .iev-expert-badge {\n background: var(--navy);\n color: var(--white);\n border-color: var(--navy);\n }\n }\n\n \/* ===== Modal ===== *\/\n @keyframes ievModalFadeIn { from { opacity: 0; } to { opacity: 1; } }\n @keyframes ievModalSlideUp { from { opacity: 0; transform: translateY(100%); } to { opacity: 1; transform: translateY(0); } }\n @keyframes ievModalSlideDown { from { opacity: 1; transform: translateY(0); } to { opacity: 0; transform: translateY(100%); } }\n\n .iev-experts-wrapper .iev-modal-overlay {\n display: none;\n position: fixed;\n top: 0; left: 0; right: 0; bottom: 0;\n background: rgba(27, 42, 74, 0.6);\n backdrop-filter: blur(12px);\n -webkit-backdrop-filter: blur(12px);\n z-index: 999999;\n animation: ievModalFadeIn 0.3s ease forwards;\n }\n .iev-experts-wrapper .iev-modal-overlay.iev-active {\n display: flex;\n align-items: flex-end;\n justify-content: center;\n }\n .iev-experts-wrapper .iev-modal-overlay.iev-closing {\n animation: ievModalFadeIn 0.3s ease reverse forwards;\n }\n .iev-experts-wrapper .iev-modal {\n background: var(--white);\n width: 100%;\n max-width: 500px;\n max-height: 90vh;\n border-radius: 20px 20px 0 0;\n overflow: hidden;\n animation: ievModalSlideUp 0.35s cubic-bezier(0.16, 1, 0.3, 1) forwards;\n display: flex;\n flex-direction: column;\n border: 1px solid var(--border);\n border-bottom: none;\n }\n .iev-experts-wrapper .iev-modal-overlay.iev-closing .iev-modal {\n animation: ievModalSlideDown 0.3s ease forwards;\n }\n\n \/* Modal Header *\/\n .iev-experts-wrapper .iev-modal-header { position: relative; flex-shrink: 0; }\n .iev-experts-wrapper .iev-modal-img-wrap {\n position: relative; width: 100%; height: 220px; overflow: hidden;\n }\n .iev-experts-wrapper .iev-modal-img { width: 100%; height: 100%; object-fit: cover; }\n .iev-experts-wrapper .iev-modal-img-gradient {\n position: absolute;\n bottom: 0; left: 0; right: 0;\n height: 100px;\n background: linear-gradient(to top, var(--white) 0%, transparent 100%);\n pointer-events: none;\n }\n .iev-experts-wrapper .iev-modal-close {\n position: absolute;\n top: 12px; right: 12px;\n width: 40px; height: 40px;\n border-radius: 50%;\n background: rgba(255, 255, 255, 0.9);\n backdrop-filter: blur(8px);\n border: 1.5px solid rgba(27, 42, 74, 0.15);\n cursor: pointer;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 1rem;\n color: var(--navy);\n transition: all 0.3s ease;\n z-index: 10;\n }\n .iev-experts-wrapper .iev-modal-close:hover {\n background: var(--navy);\n color: white;\n border-color: var(--navy);\n }\n .iev-experts-wrapper .iev-modal-drag {\n position: absolute;\n top: 8px; left: 50%;\n transform: translateX(-50%);\n width: 40px; height: 4px;\n background: rgba(27, 42, 74, 0.15);\n border-radius: 9999px;\n z-index: 10;\n }\n\n \/* Modal Body *\/\n .iev-experts-wrapper .iev-modal-body {\n padding: 24px;\n overflow-y: auto;\n flex: 1;\n -webkit-overflow-scrolling: touch;\n }\n .iev-experts-wrapper .iev-modal-name {\n font-size: 24px;\n font-weight: 800;\n color: var(--navy);\n margin-bottom: 6px;\n letter-spacing: -0.5px;\n line-height: 1.2;\n }\n .iev-experts-wrapper .iev-modal-title {\n font-size: 14px;\n color: var(--teal);\n font-weight: 600;\n margin-bottom: 4px;\n display: flex;\n align-items: center;\n gap: 8px;\n }\n .iev-experts-wrapper .iev-modal-title::before {\n content: '';\n width: 3px; height: 16px;\n background: var(--teal);\n border-radius: 2px;\n flex-shrink: 0;\n }\n .iev-experts-wrapper .iev-modal-specialty {\n font-size: 12px;\n color: var(--grey-muted);\n margin-bottom: 16px;\n font-weight: 500;\n text-transform: uppercase;\n letter-spacing: 0.5px;\n }\n .iev-experts-wrapper .iev-modal-bio {\n font-size: 15px;\n color: var(--grey-text);\n line-height: 1.75;\n margin-bottom: 20px;\n }\n .iev-experts-wrapper .iev-modal-stats {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 10px;\n margin-bottom: 16px;\n padding: 16px;\n background: var(--grey-bg);\n border-radius: 12px;\n border: 1px solid var(--border);\n }\n .iev-experts-wrapper .iev-modal-stat-item { text-align: center; }\n .iev-experts-wrapper .iev-modal-stat-value {\n font-size: 24px;\n font-weight: 800;\n color: var(--navy);\n line-height: 1.2;\n }\n .iev-experts-wrapper .iev-modal-stat-label {\n font-size: 11px;\n color: var(--grey-muted);\n text-transform: uppercase;\n letter-spacing: 0.5px;\n }\n .iev-experts-wrapper .iev-modal-badges { display: flex; flex-wrap: wrap; gap: 8px; }\n .iev-experts-wrapper .iev-modal-badge {\n display: inline-flex;\n padding: 6px 16px;\n background: var(--navy);\n border-radius: 100px;\n font-size: 12px;\n font-weight: 700;\n color: var(--white);\n letter-spacing: 0.3px;\n }\n\n \/* ===== Responsive ===== *\/\n @media (max-width: 1200px) {\n .iev-experts-wrapper .iev-experts-grid { grid-template-columns: repeat(2, 1fr); gap: 20px; }\n }\n @media (max-width: 968px) {\n .iev-experts-wrapper .iev-experts { padding: 4rem 0; }\n .iev-experts-wrapper .iev-section-header { margin-bottom: 3rem; }\n .iev-experts-wrapper .iev-experts-grid { grid-template-columns: repeat(2, 1fr); gap: 16px; }\n .iev-experts-wrapper .iev-expert-info { padding: 18px; }\n .iev-experts-wrapper .iev-read-more { display: inline-block; }\n }\n @media (max-width: 768px) {\n .iev-experts-wrapper .iev-experts { padding: 3rem 0; }\n .iev-experts-wrapper .iev-container { padding: 0 24px; }\n .iev-experts-wrapper .iev-section-header { margin-bottom: 2rem; }\n .iev-experts-wrapper .iev-experts-grid { gap: 12px; }\n .iev-experts-wrapper .iev-expert-card { border-radius: 14px; }\n .iev-experts-wrapper .iev-expert-info { padding: 14px; }\n .iev-experts-wrapper .iev-expert-name { font-size: 14px; margin-bottom: 4px; }\n .iev-experts-wrapper .iev-expert-title { font-size: 11px; }\n .iev-experts-wrapper .iev-expert-specialty { font-size: 10px; margin-bottom: 8px; }\n .iev-experts-wrapper .iev-expert-bio { font-size: 12px; line-height: 1.5; margin-bottom: 10px; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; }\n .iev-experts-wrapper .iev-read-more { font-size: 10px; margin-bottom: 10px; }\n .iev-experts-wrapper .iev-expert-stats { padding: 8px; gap: 4px; margin-bottom: 10px; }\n .iev-experts-wrapper .iev-stat-value { font-size: 16px; }\n .iev-experts-wrapper .iev-stat-label { font-size: 8px; }\n .iev-experts-wrapper .iev-expert-badges { gap: 4px; }\n .iev-experts-wrapper .iev-expert-badge { padding: 3px 8px; font-size: 9px; }\n .iev-experts-wrapper .iev-modal { max-height: 85vh; }\n .iev-experts-wrapper .iev-modal-img-wrap { height: 180px; }\n .iev-experts-wrapper .iev-modal-body { padding: 20px; }\n }\n @media (max-width: 480px) {\n .iev-experts-wrapper .iev-experts { padding: 2.5rem 0; }\n .iev-experts-wrapper .iev-container { padding: 0 16px; }\n .iev-experts-wrapper .iev-experts-grid { gap: 8px; }\n .iev-experts-wrapper .iev-expert-info { padding: 10px; }\n .iev-experts-wrapper .iev-expert-name { font-size: 13px; }\n .iev-experts-wrapper .iev-expert-title { font-size: 10px; }\n .iev-experts-wrapper .iev-expert-bio { font-size: 11px; -webkit-line-clamp: 2; }\n .iev-experts-wrapper .iev-stat-value { font-size: 14px; }\n .iev-experts-wrapper .iev-expert-badge { padding: 2px 6px; font-size: 8px; }\n .iev-experts-wrapper .iev-modal { max-height: 88vh; }\n .iev-experts-wrapper .iev-modal-img-wrap { height: 160px; }\n .iev-experts-wrapper .iev-modal-body { padding: 16px; }\n .iev-experts-wrapper .iev-modal-name { font-size: 20px; }\n }\n\n @media (prefers-reduced-motion: reduce) {\n .iev-experts-wrapper .iev-reveal { opacity: 1 !important; transform: none !important; transition: none !important; }\n }\n\n \/* Elementor overrides *\/\n .elementor-widget-container .iev-experts-wrapper,\n .elementor-element .iev-experts-wrapper,\n .e-con .iev-experts-wrapper,\n .e-con-inner .iev-experts-wrapper {\n width: 100% !important; max-width: 100% !important; overflow-x: hidden !important;\n }\n .iev-experts-wrapper .iev-modal-overlay { z-index: 999999 !important; }\n body.iev-modal-open { overflow: hidden !important; position: fixed !important; width: 100% !important; }\n<\/style>\n\n<section class=\"iev-experts\" id=\"iev-experts\">\n <div class=\"iev-container\">\n <div class=\"iev-section-header iev-reveal\">\n <div class=\"iev-section-eyebrow\">Meet Our Team<\/div>\n <h2>World-Class Health & <span>Wellness Experts<\/span><\/h2>\n <p>Dedicated professionals combining science, innovation, and passion to create revolutionary health solutions.<\/p>\n <\/div>\n\n <div class=\"iev-experts-grid\">\n <!-- Expert 1 -->\n <div class=\"iev-expert-card iev-reveal iev-delay-1\"\n data-name=\"Armando Gonz\u00e1lez Mora\"\n data-title=\"Pharmaceutical Chemist Biologist\"\n data-specialty=\"Formulation Specialist\"\n data-bio=\"Graduate of BUAP (2017) with 8+ years specializing in nutraceutical R&D. Creator of 150+ innovative formulas for leading companies, expert in liposomal technology and nanotechnology for enhanced bioavailability. Led COFEPRIS Good Manufacturing Practices certification (2019). Focused on cellular longevity and metabolic optimization through advanced supplement formulation.\"\n data-stat1-value=\"150+\" data-stat1-label=\"Formulas Created\"\n data-stat2-value=\"8+\" data-stat2-label=\"Years Experience\"\n data-badges=\"PCB,Research,Innovation\"\n data-img=\"https:\/\/demo.lavolabssolutions.com\/wp-content\/uploads\/2026\/02\/01.webp\">\n <div class=\"iev-expert-img-wrap\">\n <img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/demo.lavolabssolutions.com\/wp-content\/uploads\/2026\/02\/01.webp\" alt=\"Armando Gonz\u00e1lez Mora\" class=\"iev-expert-img\" loading=\"lazy\" width=\"600\" height=\"600\">\n <\/div>\n <div class=\"iev-expert-info\">\n <h3 class=\"iev-expert-name\">Armando Gonz\u00e1lez Mora<\/h3>\n <div class=\"iev-expert-title\">Pharmaceutical Chemist Biologist<\/div>\n <div class=\"iev-expert-specialty\">Formulation Specialist<\/div>\n <p class=\"iev-expert-bio\">Graduate of BUAP (2017) with 8+ years specializing in nutraceutical R&D. Creator of 150+ innovative formulas, expert in liposomal technology.<\/p>\n <button class=\"iev-read-more\" type=\"button\">Read More<\/button>\n <div class=\"iev-expert-stats\">\n <div class=\"iev-stat-item\"><div class=\"iev-stat-value\">150+<\/div><div class=\"iev-stat-label\">Formulas Created<\/div><\/div>\n <div class=\"iev-stat-item\"><div class=\"iev-stat-value\">8+<\/div><div class=\"iev-stat-label\">Years Experience<\/div><\/div>\n <\/div>\n <div class=\"iev-expert-badges\">\n <span class=\"iev-expert-badge\">PCB<\/span>\n <span class=\"iev-expert-badge\">Research<\/span>\n <span class=\"iev-expert-badge\">Innovation<\/span>\n <\/div>\n <\/div>\n <\/div>\n\n <!-- Expert 2 -->\n <div class=\"iev-expert-card iev-reveal iev-delay-2\"\n data-name=\"Luis Alonso Rodr\u00edguez Su\u00e1rez\"\n data-title=\"Pharmaceutical Chemist Biologist\"\n data-specialty=\"Quality Control Expert\"\n data-bio=\"BUAP graduate with 12+ years in pharmaceutical and nutraceutical industries. Expert in GMP implementation and NOM-059 certification processes for pharmaceutical manufacturing. Specializes in process validation, quality systems, and critical utilities management. Brings pharmaceutical-grade rigor to supplement manufacturing, ensuring products meet the highest national and international standards.\"\n data-stat1-value=\"12+\" data-stat1-label=\"Years Experience\"\n data-stat2-value=\"GMP\" data-stat2-label=\"Certified\"\n data-badges=\"PCB,Quality,GMP\"\n data-img=\"https:\/\/demo.lavolabssolutions.com\/wp-content\/uploads\/2026\/02\/02.webp\">\n <div class=\"iev-expert-img-wrap\">\n <img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/demo.lavolabssolutions.com\/wp-content\/uploads\/2026\/02\/02.webp\" alt=\"Luis Alonso Rodr\u00edguez Su\u00e1rez\" class=\"iev-expert-img\" loading=\"lazy\" width=\"600\" height=\"600\">\n <\/div>\n <div class=\"iev-expert-info\">\n <h3 class=\"iev-expert-name\">Luis Alonso Rodr\u00edguez Su\u00e1rez<\/h3>\n <div class=\"iev-expert-title\">Pharmaceutical Chemist Biologist<\/div>\n <div class=\"iev-expert-specialty\">Quality Control Expert<\/div>\n <p class=\"iev-expert-bio\">BUAP graduate with 12+ years in pharmaceutical and nutraceutical industries. Expert in GMP implementation and NOM-059 certification.<\/p>\n <button class=\"iev-read-more\" type=\"button\">Read More<\/button>\n <div class=\"iev-expert-stats\">\n <div class=\"iev-stat-item\"><div class=\"iev-stat-value\">12+<\/div><div class=\"iev-stat-label\">Years Experience<\/div><\/div>\n <div class=\"iev-stat-item\"><div class=\"iev-stat-value\">GMP<\/div><div class=\"iev-stat-label\">Certified<\/div><\/div>\n <\/div>\n <div class=\"iev-expert-badges\">\n <span class=\"iev-expert-badge\">PCB<\/span>\n <span class=\"iev-expert-badge\">Quality<\/span>\n <span class=\"iev-expert-badge\">GMP<\/span>\n <\/div>\n <\/div>\n <\/div>\n\n <!-- Expert 3 -->\n <div class=\"iev-expert-card iev-reveal iev-delay-3\"\n data-name=\"Sharon Guti\u00e9rrez Falc\u00f3n\"\n data-title=\"Pharmaceutical Chemist Biologist\"\n data-specialty=\"Health Regulation Specialist\"\n data-bio=\"BUAP graduate recognized for research excellence, with presentations at international conferences in analytical chemistry and molecular biology. Selected by CONACYT (2019) for genetic research projects. Experience at the prestigious Instituto Nacional de Ciencias M\u00e9dicas y Nutrici\u00f3n Salvador Zubir\u00e1n. Specializes in regulatory compliance and quality documentation, ensuring product safety through scientific expertise.\"\n data-stat1-value=\"5+\" data-stat1-label=\"Years Experience\"\n data-stat2-value=\"Health\" data-stat2-label=\"Regulator\"\n data-badges=\"PCB,Regulation,Research\"\n data-img=\"https:\/\/demo.lavolabssolutions.com\/wp-content\/uploads\/2026\/02\/03.webp\">\n <div class=\"iev-expert-img-wrap\">\n <img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/demo.lavolabssolutions.com\/wp-content\/uploads\/2026\/02\/03.webp\" alt=\"Sharon Guti\u00e9rrez Falc\u00f3n\" class=\"iev-expert-img\" loading=\"lazy\" width=\"600\" height=\"600\">\n <\/div>\n <div class=\"iev-expert-info\">\n <h3 class=\"iev-expert-name\">Sharon Guti\u00e9rrez Falc\u00f3n<\/h3>\n <div class=\"iev-expert-title\">Pharmaceutical Chemist Biologist<\/div>\n <div class=\"iev-expert-specialty\">Health Regulation Specialist<\/div>\n <p class=\"iev-expert-bio\">BUAP graduate recognized for research excellence at international conferences. Selected by CONACYT (2019) for genetic research.<\/p>\n <button class=\"iev-read-more\" type=\"button\">Read More<\/button>\n <div class=\"iev-expert-stats\">\n <div class=\"iev-stat-item\"><div class=\"iev-stat-value\">5+<\/div><div class=\"iev-stat-label\">Years Experience<\/div><\/div>\n <div class=\"iev-stat-item\"><div class=\"iev-stat-value\">Health<\/div><div class=\"iev-stat-label\">Regulator<\/div><\/div>\n <\/div>\n <div class=\"iev-expert-badges\">\n <span class=\"iev-expert-badge\">PCB<\/span>\n <span class=\"iev-expert-badge\">Regulation<\/span>\n <span class=\"iev-expert-badge\">Research<\/span>\n <\/div>\n <\/div>\n <\/div>\n\n <!-- Expert 4 -->\n <div class=\"iev-expert-card iev-reveal iev-delay-4\"\n data-name=\"Dr. Luis Alfonso Reyes\"\n data-title=\"Doctor of Naturopathy\"\n data-specialty=\"Natural Medicine Pioneer\"\n data-bio=\"Doctor of Naturopathy with over 10 years of experience in the health and wellness industry. Pioneering force behind iEvolution's acclaimed Liver Detox formulation, combining traditional naturopathic wisdom with modern nutritional science. Dedicated to making natural health solutions accessible and effective for optimal wellness. His mission: empowering individuals to achieve better health through evidence-based natural products and holistic approaches to healing.\"\n data-stat1-value=\"10+\" data-stat1-label=\"Years Practice\"\n data-stat2-value=\"1000+\" data-stat2-label=\"Patients Helped\"\n data-badges=\"Naturopath,Wellness,Holistic\"\n data-img=\"https:\/\/demo.lavolabssolutions.com\/wp-content\/uploads\/2026\/02\/04.webp\">\n <div class=\"iev-expert-img-wrap\">\n <img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/demo.lavolabssolutions.com\/wp-content\/uploads\/2026\/02\/04.webp\" alt=\"Dr. Luis Alfonso Reyes\" class=\"iev-expert-img\" loading=\"lazy\" width=\"600\" height=\"600\">\n <\/div>\n <div class=\"iev-expert-info\">\n <h3 class=\"iev-expert-name\">Dr. Luis Alfonso Reyes<\/h3>\n <div class=\"iev-expert-title\">Doctor of Naturopathy<\/div>\n <div class=\"iev-expert-specialty\">Natural Medicine Pioneer<\/div>\n <p class=\"iev-expert-bio\">Doctor of Naturopathy with 10+ years in health and wellness. Pioneering force behind iEvolution's Liver Detox formulation.<\/p>\n <button class=\"iev-read-more\" type=\"button\">Read More<\/button>\n <div class=\"iev-expert-stats\">\n <div class=\"iev-stat-item\"><div class=\"iev-stat-value\">10+<\/div><div class=\"iev-stat-label\">Years Practice<\/div><\/div>\n <div class=\"iev-stat-item\"><div class=\"iev-stat-value\">1000+<\/div><div class=\"iev-stat-label\">Patients Helped<\/div><\/div>\n <\/div>\n <div class=\"iev-expert-badges\">\n <span class=\"iev-expert-badge\">Naturopath<\/span>\n <span class=\"iev-expert-badge\">Wellness<\/span>\n <span class=\"iev-expert-badge\">Holistic<\/span>\n <\/div>\n <\/div>\n <\/div>\n\n <!-- Expert 5 -->\n <div class=\"iev-expert-card iev-reveal iev-delay-5\"\n data-name=\"Wendolyne Meraz Lizcano\"\n data-title=\"Licensed Nutritionist\"\n data-specialty=\"Clinical Nutrition & Metabolic Health\"\n data-bio=\"Licensed in Nutrition with a postgraduate degree in Clinical Nutrition and certification in Ketogenic Diet. Specialist in metabolic approach with experience in private practice and hospital clinical settings. Professional focused on evidence-based nutritional strategies and sustainable results.\"\n data-stat1-value=\"Clinical\" data-stat1-label=\"Nutrition\"\n data-stat2-value=\"Keto\" data-stat2-label=\"Certified\"\n data-badges=\"Nutrition,Keto,Metabolic\"\n data-img=\"https:\/\/demo.lavolabssolutions.com\/wp-content\/uploads\/2026\/03\/2.png\">\n <div class=\"iev-expert-img-wrap\">\n <img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/demo.lavolabssolutions.com\/wp-content\/uploads\/2026\/03\/2.png\" alt=\"Wendolyne Meraz Lizcano\" class=\"iev-expert-img\" loading=\"lazy\" width=\"600\" height=\"600\">\n <\/div>\n <div class=\"iev-expert-info\">\n <h3 class=\"iev-expert-name\">Wendolyne Meraz Lizcano<\/h3>\n <div class=\"iev-expert-title\">Licensed Nutritionist<\/div>\n <div class=\"iev-expert-specialty\">Clinical Nutrition & Metabolic Health<\/div>\n <p class=\"iev-expert-bio\">Licensed in Nutrition with a postgraduate degree in Clinical Nutrition and Ketogenic Diet certification. Specialist in metabolic approach with experience in private practice and hospital settings.<\/p>\n <button class=\"iev-read-more\" type=\"button\">Read More<\/button>\n <div class=\"iev-expert-stats\">\n <div class=\"iev-stat-item\"><div class=\"iev-stat-value\">Clinical<\/div><div class=\"iev-stat-label\">Nutrition<\/div><\/div>\n <div class=\"iev-stat-item\"><div class=\"iev-stat-value\">Keto<\/div><div class=\"iev-stat-label\">Certified<\/div><\/div>\n <\/div>\n <div class=\"iev-expert-badges\">\n <span class=\"iev-expert-badge\">Nutrition<\/span>\n <span class=\"iev-expert-badge\">Keto<\/span>\n <span class=\"iev-expert-badge\">Metabolic<\/span>\n <\/div>\n <\/div>\n <\/div>\n\n <!-- Expert 6 -->\n <div class=\"iev-expert-card iev-reveal iev-delay-5\"\n data-name=\"Dr. Julio C\u00e9sar Uribe\"\n data-title=\"Clinical Biochemical Nutrition Specialist\"\n data-specialty=\"Metabolic & Hormonal Health\"\n data-bio=\"Clinical Biochemical Nutrition specialist graduated from Tec de Monterrey, with a focus on metabolic syndrome, fertility, hormonal health, and sports. Holds advanced studies in biochemistry, high-performance sports, and wellness psychology from universities such as Yale and An\u00e1huac. Member of the Instituto Nacional de Nutrici\u00f3n Salvador Zubir\u00e1n, consolidating a high-level academic and clinical career.\"\n data-stat1-value=\"Yale\" data-stat1-label=\"Trained\"\n data-stat2-value=\"INCMNSZ\" data-stat2-label=\"Member\"\n data-badges=\"Nutrition,Hormonal,Sports\"\n data-img=\"https:\/\/demo.lavolabssolutions.com\/wp-content\/uploads\/2026\/03\/3.png\">\n <div class=\"iev-expert-img-wrap\">\n <img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/demo.lavolabssolutions.com\/wp-content\/uploads\/2026\/03\/3.png\" alt=\"Dr. Julio C\u00e9sar Uribe\" class=\"iev-expert-img\" loading=\"lazy\" width=\"600\" height=\"600\">\n <\/div>\n <div class=\"iev-expert-info\">\n <h3 class=\"iev-expert-name\">Dr. Julio C\u00e9sar Uribe<\/h3>\n <div class=\"iev-expert-title\">Clinical Biochemical Nutrition Specialist<\/div>\n <div class=\"iev-expert-specialty\">Metabolic & Hormonal Health<\/div>\n <p class=\"iev-expert-bio\">Clinical Biochemical Nutrition specialist from Tec de Monterrey, focused on metabolic syndrome, fertility, hormonal health, and sports. Advanced studies from Yale and An\u00e1huac.<\/p>\n <button class=\"iev-read-more\" type=\"button\">Read More<\/button>\n <div class=\"iev-expert-stats\">\n <div class=\"iev-stat-item\"><div class=\"iev-stat-value\">Yale<\/div><div class=\"iev-stat-label\">Trained<\/div><\/div>\n <div class=\"iev-stat-item\"><div class=\"iev-stat-value\">INCMNSZ<\/div><div class=\"iev-stat-label\">Member<\/div><\/div>\n <\/div>\n <div class=\"iev-expert-badges\">\n <span class=\"iev-expert-badge\">Nutrition<\/span>\n <span class=\"iev-expert-badge\">Hormonal<\/span>\n <span class=\"iev-expert-badge\">Sports<\/span>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n<\/section>\n\n<!-- Modal -->\n<div class=\"iev-modal-overlay\" id=\"ievExpertModal\">\n <div class=\"iev-modal\">\n <div class=\"iev-modal-header\">\n <div class=\"iev-modal-drag\"><\/div>\n <button class=\"iev-modal-close\" type=\"button\" aria-label=\"Close\">✕<\/button>\n <div class=\"iev-modal-img-wrap\">\n <img decoding=\"async\" src=\"\" alt=\"\" class=\"iev-modal-img\" id=\"ievModalImg\">\n <div class=\"iev-modal-img-gradient\"><\/div>\n <\/div>\n <\/div>\n <div class=\"iev-modal-body\">\n <h3 class=\"iev-modal-name\" id=\"ievModalName\"><\/h3>\n <div class=\"iev-modal-title\" id=\"ievModalTitle\"><\/div>\n <div class=\"iev-modal-specialty\" id=\"ievModalSpecialty\"><\/div>\n <p class=\"iev-modal-bio\" id=\"ievModalBio\"><\/p>\n <div class=\"iev-modal-stats\" id=\"ievModalStats\"><\/div>\n <div class=\"iev-modal-badges\" id=\"ievModalBadges\"><\/div>\n <\/div>\n <\/div>\n<\/div>\n<\/div>\n\n<script>\n(function() {\n 'use strict';\n var initialized = false, scrollY = 0;\n\n function initExperts() {\n var wrapper = document.querySelector('.iev-experts-wrapper');\n if (!wrapper || initialized) return;\n var cards = wrapper.querySelectorAll('.iev-expert-card');\n var modal = wrapper.querySelector('#ievExpertModal');\n var closeBtn = wrapper.querySelector('.iev-modal-close');\n var readMoreBtns = wrapper.querySelectorAll('.iev-read-more');\n if (!cards.length || !modal) return;\n initialized = true;\n\n var mImg = wrapper.querySelector('#ievModalImg');\n var mName = wrapper.querySelector('#ievModalName');\n var mTitle = wrapper.querySelector('#ievModalTitle');\n var mSpec = wrapper.querySelector('#ievModalSpecialty');\n var mBio = wrapper.querySelector('#ievModalBio');\n var mStats = wrapper.querySelector('#ievModalStats');\n var mBadges = wrapper.querySelector('#ievModalBadges');\n\n \/* Scroll Reveal *\/\n if ('IntersectionObserver' in window && !window.matchMedia('(prefers-reduced-motion: reduce)').matches) {\n var obs = new IntersectionObserver(function(entries) {\n entries.forEach(function(e) { if (e.isIntersecting) { e.target.classList.add('iev-visible'); obs.unobserve(e.target); } });\n }, { threshold: 0.15, rootMargin: '0px 0px -60px 0px' });\n wrapper.querySelectorAll('.iev-reveal').forEach(function(el) { obs.observe(el); });\n } else {\n wrapper.querySelectorAll('.iev-reveal').forEach(function(el) { el.classList.add('iev-visible'); });\n }\n\n \/* Modal *\/\n function openModal(card) {\n var d = card.dataset;\n mImg.src = d.img || ''; mImg.alt = d.name || '';\n mName.textContent = d.name || '';\n mTitle.innerHTML = '<span><\/span>' + (d.title || '');\n mSpec.textContent = d.specialty || '';\n mBio.textContent = d.bio || '';\n mStats.innerHTML = '<div class=\"iev-modal-stat-item\"><div class=\"iev-modal-stat-value\">' + (d.stat1Value || '') + '<\/div><div class=\"iev-modal-stat-label\">' + (d.stat1Label || '') + '<\/div><\/div><div class=\"iev-modal-stat-item\"><div class=\"iev-modal-stat-value\">' + (d.stat2Value || '') + '<\/div><div class=\"iev-modal-stat-label\">' + (d.stat2Label || '') + '<\/div><\/div>';\n mBadges.innerHTML = (d.badges || '').split(',').map(function(b) { return '<span class=\"iev-modal-badge\">' + b.trim() + '<\/span>'; }).join('');\n scrollY = window.scrollY;\n document.body.classList.add('iev-modal-open');\n document.body.style.top = '-' + scrollY + 'px';\n modal.classList.add('iev-active');\n }\n function closeModal() {\n modal.classList.add('iev-closing');\n setTimeout(function() {\n modal.classList.remove('iev-active', 'iev-closing');\n document.body.classList.remove('iev-modal-open');\n document.body.style.top = '';\n window.scrollTo(0, scrollY);\n }, 300);\n }\n\n readMoreBtns.forEach(function(btn) {\n btn.addEventListener('click', function(e) { e.preventDefault(); e.stopPropagation(); var c = btn.closest('.iev-expert-card'); if (c) openModal(c); });\n });\n if (closeBtn) closeBtn.addEventListener('click', function(e) { e.preventDefault(); closeModal(); });\n modal.addEventListener('click', function(e) { if (e.target === modal) closeModal(); });\n document.addEventListener('keydown', function(e) { if (e.key === 'Escape' && modal.classList.contains('iev-active')) closeModal(); });\n\n var touchY = 0, mInner = modal.querySelector('.iev-modal');\n if (mInner) {\n mInner.addEventListener('touchstart', function(e) { touchY = e.touches[0].clientY; }, { passive: true });\n mInner.addEventListener('touchend', function(e) { if (e.changedTouches[0].clientY - touchY > 80) closeModal(); }, { passive: true });\n }\n }\n\n if (document.readyState === 'loading') { document.addEventListener('DOMContentLoaded', initExperts); } else { initExperts(); }\n window.addEventListener('load', function() { setTimeout(function() { initialized = false; initExperts(); }, 200); });\n if (window.jQuery) { jQuery(window).on('elementor\/frontend\/init', function() { setTimeout(function() { initialized = false; initExperts(); }, 300); }); }\n if (typeof elementorFrontend !== 'undefined') { elementorFrontend.hooks.addAction('frontend\/element_ready\/global', function() { initialized = false; initExperts(); }); }\n if ('MutationObserver' in window) { var mo = new MutationObserver(function() { if (document.querySelector('.iev-experts-wrapper') && !initialized) initExperts(); }); mo.observe(document.body, { childList: true, subtree: true }); setTimeout(function() { mo.disconnect(); }, 15000); }\n})();\n<\/script>\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>iEvolution Hero Slider Complete Detox Program 21-Day CHALLENGE Liver-D Colon-D Proenzi+ 4\u00d7 Colon-D 1\u00d7 Liver-D 1\u00d7 Proenzi+ Full liver, gallbladder & colon detox.Reset your digestive system in 21 days. Deep Cleanse Gut Balance Less Bloating Learn More Cellular Health & Longevity NAD+ CoQ10 Resveratrol Glutathione Enhance cellular energy & repair.Combat aging from the inside out. […]<\/p>\n","protected":false},"author":1,"featured_media":6773,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"wf_page_folders":[],"class_list":["post-85","page","type-page","status-publish","has-post-thumbnail","hentry"],"_links":{"self":[{"href":"https:\/\/demo.lavolabssolutions.com\/es\/wp-json\/wp\/v2\/pages\/85","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/demo.lavolabssolutions.com\/es\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/demo.lavolabssolutions.com\/es\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/demo.lavolabssolutions.com\/es\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/demo.lavolabssolutions.com\/es\/wp-json\/wp\/v2\/comments?post=85"}],"version-history":[{"count":1048,"href":"https:\/\/demo.lavolabssolutions.com\/es\/wp-json\/wp\/v2\/pages\/85\/revisions"}],"predecessor-version":[{"id":7306,"href":"https:\/\/demo.lavolabssolutions.com\/es\/wp-json\/wp\/v2\/pages\/85\/revisions\/7306"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/demo.lavolabssolutions.com\/es\/wp-json\/wp\/v2\/media\/6773"}],"wp:attachment":[{"href":"https:\/\/demo.lavolabssolutions.com\/es\/wp-json\/wp\/v2\/media?parent=85"}],"wp:term":[{"taxonomy":"wf_page_folders","embeddable":true,"href":"https:\/\/demo.lavolabssolutions.com\/es\/wp-json\/wp\/v2\/wf_page_folders?post=85"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}