{"id":3411,"date":"2021-09-10T12:04:32","date_gmt":"2021-09-10T12:04:32","guid":{"rendered":"http:\/\/dummy.xtemos.com\/woodmart2\/elementor\/?page_id=3411"},"modified":"2026-04-24T12:38:24","modified_gmt":"2026-04-24T10:38:24","slug":"home","status":"publish","type":"page","link":"https:\/\/thenutricult.com\/en\/","title":{"rendered":"Home"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"3411\" class=\"elementor elementor-3411\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-fa37859 e-con-full wd-section-stretch e-flex e-con e-parent\" data-id=\"fa37859\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;shape_divider_bottom&quot;:&quot;waves&quot;,&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-shape elementor-shape-bottom\" aria-hidden=\"true\" data-negative=\"false\">\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 1000 100\" preserveAspectRatio=\"none\">\n\t<path class=\"elementor-shape-fill\" d=\"M421.9,6.5c22.6-2.5,51.5,0.4,75.5,5.3c23.6,4.9,70.9,23.5,100.5,35.7c75.8,32.2,133.7,44.5,192.6,49.7\n\tc23.6,2.1,48.7,3.5,103.4-2.5c54.7-6,106.2-25.6,106.2-25.6V0H0v30.3c0,0,72,32.6,158.4,30.5c39.2-0.7,92.8-6.7,134-22.4\n\tc21.2-8.1,52.2-18.2,79.7-24.2C399.3,7.9,411.6,7.5,421.9,6.5z\"\/>\n<\/svg>\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-f2336fa elementor-widget elementor-widget-html\" data-id=\"f2336fa\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- Hero Section para Elementor (ajustado al dise\u00f1o de la imagen, manteniendo overlays\/iluminaci\u00f3n\/efectos) -->\r\n<style>\r\n\/* Reset b\u00e1sico para el bloque *\/\r\n.nutricult-hero * {\r\n    margin: 0;\r\n    padding: 0;\r\n    box-sizing: border-box;\r\n}\r\n\r\n\/* Variables de colores *\/\r\n.nutricult-hero {\r\n    --slate-dark: #3d5c4c;\r\n    --mineral-blue: #3b4c5e;\r\n    --warm-ivory: #faf4ed;\r\n    --stone-beige: #c9c6c0;\r\n    --forest-black: #1b1c1b;\r\n    --champagne-gold: #e2c99b;\r\n}\r\n\r\n\/* Contenedor principal del hero *\/\r\n.nutricult-hero {\r\n    position: relative !important;\r\n    width: 100% !important;\r\n    height: 100vh !important;\r\n    min-height: 600px !important;\r\n    display: flex !important;\r\n    align-items: center !important;\r\n    justify-content: center !important;\r\n    overflow: hidden !important;\r\n    background: linear-gradient(135deg, var(--slate-dark) 0%, var(--mineral-blue) 50%, var(--forest-black) 100%) !important;\r\n    font-family: 'Lato', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\r\n}\r\n\r\n\/* Video de fondo *\/\r\n.hero-video {\r\n    position: absolute;\r\n    top: 50%;\r\n    left: 50%;\r\n    min-width: 100%;\r\n    min-height: 100%;\r\n    width: auto;\r\n    height: auto;\r\n    z-index: 0;\r\n    transform: translateX(-50%) translateY(-50%);\r\n    object-fit: cover;\r\n}\r\n\r\n\/* Fondo y overlay (SE MANTIENE TAL CUAL) *\/\r\n.hero-background {\r\n    position: absolute;\r\n    inset: 0;\r\n    z-index: 1;\r\n}\r\n\r\n.hero-overlay {\r\n    position: absolute;\r\n    inset: 0;\r\n    background: linear-gradient(\r\n        135deg,\r\n        rgba(27, 28, 27, 0.7) 0%,\r\n        rgba(61, 92, 76, 0.5) 50%,\r\n        rgba(59, 76, 94, 0.6) 100%\r\n    );\r\n    z-index: 2;\r\n}\r\n\r\n\/* Elementos flotantes (SE MANTIENE) *\/\r\n.floating-elements {\r\n    position: absolute;\r\n    inset: 0;\r\n    pointer-events: none;\r\n    z-index: 3;\r\n}\r\n\r\n.floating-element {\r\n    position: absolute;\r\n    border-radius: 50%;\r\n    background: rgba(226, 201, 155, 0.1);\r\n    animation: float 6s ease-in-out infinite;\r\n}\r\n\r\n.element-1 {\r\n    width: 100px;\r\n    height: 100px;\r\n    top: 20%;\r\n    left: 10%;\r\n    animation-delay: 0s;\r\n}\r\n\r\n.element-2 {\r\n    width: 60px;\r\n    height: 60px;\r\n    top: 60%;\r\n    right: 15%;\r\n    animation-delay: 2s;\r\n}\r\n\r\n.element-3 {\r\n    width: 80px;\r\n    height: 80px;\r\n    bottom: 30%;\r\n    left: 20%;\r\n    animation-delay: 4s;\r\n}\r\n\r\n.element-4 {\r\n    width: 40px;\r\n    height: 40px;\r\n    top: 40%;\r\n    right: 30%;\r\n    animation-delay: 1s;\r\n}\r\n\r\n@keyframes float {\r\n    0%, 100% {\r\n        transform: translateY(0px) rotate(0deg);\r\n        opacity: 0.3;\r\n    }\r\n    50% {\r\n        transform: translateY(-20px) rotate(180deg);\r\n        opacity: 0.6;\r\n    }\r\n}\r\n\r\n\/* Contenido del hero *\/\r\n.hero-content {\r\n    position: relative !important;\r\n    z-index: 10 !important;\r\n    text-align: center !important;\r\n    max-width: 800px !important;\r\n    padding: 0 2rem !important;\r\n}\r\n\r\n\/* T\u00edtulo (mismo sistema de animaci\u00f3n, texto cambiado) *\/\r\n.hero-title {\r\n    font-family: 'Cormorant Garamond', Georgia, serif !important;\r\n    font-size: clamp(2.5rem, 6vw, 4.5rem) !important;\r\n    font-weight: 700 !important;\r\n    line-height: 1.12 !important;\r\n    margin-bottom: 1.1rem !important;\r\n    color: var(--champagne-gold) !important; \/* como en la imagen *\/\r\n}\r\n\r\n.title-line {\r\n    display: block;\r\n    opacity: 0;\r\n    animation: slideUp 1s ease-out forwards;\r\n}\r\n\r\n.title-line:nth-child(2) {\r\n    animation-delay: 0.3s;\r\n}\r\n\r\n\/* Mantengo highlight pero sin subrayado (ahora la l\u00ednea va debajo con .hero-divider) *\/\r\n.highlight {\r\n    color: var(--champagne-gold);\r\n    position: relative;\r\n}\r\n.highlight::after { display: none; }\r\n\r\n@keyframes slideUp {\r\n    to { opacity: 1; }\r\n}\r\n\r\n\/* L\u00ednea bajo el t\u00edtulo (como en la imagen) *\/\r\n.hero-divider{\r\n    width: min(320px, 70vw);\r\n    height: 2px;\r\n    background: rgba(226, 201, 155, 0.85);\r\n    margin: 0.4rem auto 1.2rem;\r\n    border-radius: 999px;\r\n    opacity: 0;\r\n    animation: fadeIn 0.9s ease-out 0.65s forwards;\r\n}\r\n\r\n\/* Subt\u00edtulo (texto cambiado) *\/\r\n.hero-subtitle {\r\n    font-family: 'Lato', Arial, sans-serif !important;\r\n    font-size: clamp(1.05rem, 2.2vw, 1.25rem) !important;\r\n    font-weight: 300 !important;\r\n    color: rgba(255, 255, 255, 0.9) !important;\r\n    margin-bottom: 1.35rem !important;\r\n    max-width: 640px !important;\r\n    margin-left: auto !important;\r\n    margin-right: auto !important;\r\n    line-height: 1.6 !important;\r\n    opacity: 0;\r\n    animation: fadeIn 1s ease-out 0.8s forwards;\r\n}\r\n\r\n.subtitle-emphasis {\r\n    color: var(--warm-ivory);\r\n    font-weight: 700;\r\n}\r\n\r\n@keyframes fadeIn {\r\n    to { opacity: 1; }\r\n}\r\n\r\n\/* Franja verde con checks (MUY transparente) *\/\r\n.hero-features{\r\n    display: inline-flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    gap: 1.4rem;\r\n    flex-wrap: wrap;\r\n\r\n    padding: 0.85rem 1.25rem;\r\n    border-radius: 10px;\r\n\r\n    background: rgba(61, 92, 76, 0.22); \/* poca opacidad *\/\r\n    border: 1px solid rgba(255,255,255,0.10);\r\n\r\n    backdrop-filter: blur(6px);\r\n    -webkit-backdrop-filter: blur(6px);\r\n\r\n    margin: 0 auto 1.5rem;\r\n    color: rgba(255,255,255,0.92);\r\n    font-size: 1rem;\r\n\r\n    opacity: 0;\r\n    transform: translateY(14px);\r\n    animation: slideUpFadeSoft 0.9s ease-out 1.05s forwards;\r\n}\r\n\r\n.hero-features .feature{\r\n    display: inline-flex;\r\n    align-items: center;\r\n    gap: 0.5rem;\r\n    white-space: nowrap;\r\n}\r\n\r\n.hero-features .check{\r\n    font-weight: 900;\r\n    color: rgba(255,255,255,0.92);\r\n}\r\n\r\n\/* Contenedor de botones (2 en desktop, 1 en m\u00f3vil) *\/\r\n.hero-actions{\r\n    display: flex;\r\n    justify-content: center;\r\n    gap: 1.2rem;\r\n    flex-wrap: wrap;\r\n}\r\n\r\n\/* Botones (basados en tu .hero-cta, ajustados para que parezcan los de la imagen) *\/\r\n.hero-cta {\r\n    background: var(--champagne-gold) !important;\r\n    color: var(--forest-black) !important;\r\n    border: none !important;\r\n\r\n    padding: 1rem 1.6rem !important;     \/* menos alto que antes *\/\r\n    font-size: 1.05rem !important;\r\n    font-weight: 700 !important;\r\n    border-radius: 6px !important;\r\n\r\n    cursor: pointer !important;\r\n    display: inline-flex !important;\r\n    align-items: center !important;\r\n    justify-content: center !important;\r\n    gap: 0.6rem !important;\r\n\r\n    transition: all 0.3s ease !important;\r\n    text-decoration: none !important;\r\n\r\n    min-width: 250px;\r\n\r\n    opacity: 0;\r\n    transform: translateY(30px);\r\n}\r\n\r\n.hero-cta:hover {\r\n    background: #d4b886 !important;\r\n    transform: translateY(-3px) !important;\r\n    box-shadow: 0 10px 30px rgba(226, 201, 155, 0.3) !important;\r\n}\r\n\r\n.hero-cta .cta-arrow-text{\r\n    display: inline-block;\r\n    transition: transform 0.3s ease;\r\n    transform: translateY(1px);\r\n}\r\n\r\n.hero-cta:hover .cta-arrow-text{\r\n    transform: translate(4px, 1px) !important;\r\n}\r\n\r\n\/* Animaciones escalonadas para 2 CTAs *\/\r\n.hero-cta--routine{\r\n    animation: slideUpFade 1s ease-out 1.2s forwards;\r\n}\r\n.hero-cta--how{\r\n    animation: slideUpFade 1s ease-out 1.35s forwards;\r\n}\r\n\r\n@keyframes slideUpFade {\r\n    to {\r\n        opacity: 1;\r\n        transform: translateY(0);\r\n    }\r\n}\r\n@keyframes slideUpFadeSoft {\r\n    to{\r\n        opacity: 1;\r\n        transform: translateY(0);\r\n    }\r\n}\r\n\r\n\/* S\u00edmbolos rituales (SE MANTIENE) *\/\r\n.ritual-symbols {\r\n    position: absolute;\r\n    bottom: 3rem;\r\n    left: 50%;\r\n    transform: translateX(-50%);\r\n    display: flex;\r\n    gap: 2rem;\r\n    z-index: 10;\r\n}\r\n\r\n.symbol {\r\n    width: 40px;\r\n    height: 40px;\r\n    color: rgba(226, 201, 155, 0.6);\r\n    opacity: 0;\r\n    animation: symbolAppear 1s ease-out forwards;\r\n    transition: all 0.3s ease;\r\n}\r\n\r\n.symbol:nth-child(1) { animation-delay: 2s; }\r\n.symbol:nth-child(2) { animation-delay: 2.3s; }\r\n.symbol:nth-child(3) { animation-delay: 2.6s; }\r\n\r\n.symbol:hover {\r\n    transform: scale(1.2) rotate(15deg);\r\n    color: var(--champagne-gold);\r\n}\r\n\r\n.symbol svg {\r\n    width: 100%;\r\n    height: 100%;\r\n    stroke-width: 1.5;\r\n}\r\n\r\n@keyframes symbolAppear {\r\n    to { opacity: 1; }\r\n}\r\n\r\n\/* Responsive *\/\r\n@media (max-width: 768px) {\r\n    .nutricult-hero {\r\n        height: 80vh;\r\n        min-height: 500px;\r\n    }\r\n    .hero-content { padding: 0 1rem; }\r\n    .hero-title {\r\n        font-size: clamp(2rem, 5vw, 3rem) !important;\r\n        line-height: 1.2 !important;\r\n    }\r\n\r\n    .hero-features{\r\n        gap: 0.9rem;\r\n        padding: 0.75rem 1rem;\r\n        font-size: 0.95rem;\r\n    }\r\n\r\n    .hero-actions{\r\n        gap: 0.9rem;\r\n    }\r\n\r\n    \/* En m\u00f3vil: solo \u201cC\u00f3mo funciona\u201d *\/\r\n    .hero-cta--routine{\r\n        display: inline-flex !important;\r\n    }\r\n\r\n    .hero-cta{\r\n        width: 100%;\r\n        max-width: 360px;\r\n        min-width: unset;\r\n        padding: 0.95rem 1.2rem !important;\r\n        font-size: 1rem !important;\r\n    }\r\n\r\n    .ritual-symbols { gap: 1rem; bottom: 2rem; }\r\n    .symbol { width: 30px; height: 30px; }\r\n}\r\n\r\n\/* Reducir movimiento para accesibilidad *\/\r\n@media (prefers-reduced-motion: reduce) {\r\n    .nutricult-hero *,\r\n    .nutricult-hero *::before,\r\n    .nutricult-hero *::after {\r\n        animation-duration: 0.01ms !important;\r\n        animation-iteration-count: 1 !important;\r\n        transition-duration: 0.01ms !important;\r\n    }\r\n}\r\n<\/style>\r\n\r\n<div class=\"nutricult-hero\">\r\n    <!-- Video de fondo -->\r\n    <video class=\"hero-video\" autoplay muted loop playsinline>\r\n        <source src=\"https:\/\/thenutricult.com\/wp-content\/uploads\/2025\/10\/heronutricult.mp4\" type=\"video\/mp4\">\r\n        Tu navegador no soporta videos HTML5.\r\n    <\/video>\r\n\r\n    <!-- Fondo y elementos flotantes -->\r\n    <div class=\"hero-background\">\r\n        <div class=\"hero-overlay\"><\/div>\r\n        <div class=\"floating-elements\">\r\n            <div class=\"floating-element element-1\"><\/div>\r\n            <div class=\"floating-element element-2\"><\/div>\r\n            <div class=\"floating-element element-3\"><\/div>\r\n            <div class=\"floating-element element-4\"><\/div>\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <!-- Contenido principal -->\r\n    <div class=\"hero-content\">\r\n        <h1 class=\"hero-title\">\r\n            <span class=\"title-line\">Energ\u00eda estable<\/span>\r\n            <span class=\"title-line highlight\">Sin picos<\/span>\r\n        <\/h1>\r\n\r\n        <div class=\"hero-divider\" aria-hidden=\"true\"><\/div>\r\n\r\n        <p class=\"hero-subtitle\">\r\n            <span class=\"subtitle-emphasis\">Green Ritual<\/span> es un suplemento funcional<br>\r\n            que acompa\u00f1a tu energ\u00eda y claridad mental de forma progresiva.\r\n        <\/p>\r\n\r\n        <!-- Franja verde (transparente) -->\r\n        <div class=\"hero-features\" aria-label=\"Caracter\u00edsticas\">\r\n            <span class=\"feature\"><span class=\"check\">\u2713<\/span>10 g por toma<\/span>\r\n            <span class=\"feature\"><span class=\"check\">\u2713<\/span>Uso diario<\/span>\r\n            <span class=\"feature\"><span class=\"check\">\u2713<\/span>Digestion ligera<\/span>\r\n        <\/div>\r\n\r\n        <!-- Dos botones (m\u00f3vil: solo \u201cC\u00f3mo funciona\u201d) -->\r\n        <div class=\"hero-actions\">\r\n            <a href=\"\/ritual\/\" class=\"hero-cta hero-cta--routine\">\r\n                Integrarlo en mi rutina <span class=\"cta-arrow-text\">\u2192<\/span>\r\n            <\/a>\r\n\r\n            <a href=\"\/faq\/\" class=\"hero-cta hero-cta--how\">\r\n                C\u00f3mo funciona <span class=\"cta-arrow-text\">\u2192<\/span>\r\n            <\/a>\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <!-- S\u00edmbolos rituales -->\r\n    <div class=\"ritual-symbols\">\r\n        <div class=\"symbol\">\r\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\">\r\n                <circle cx=\"12\" cy=\"12\" r=\"5\"\/>\r\n                <path d=\"M12 1v2M12 21v2M4.22 4.22l1.42 1.42M18.36 18.36l1.42 1.42M1 12h2M21 12h2M4.22 19.78l1.42-1.42M18.36 5.64l1.42-1.42\"\/>\r\n            <\/svg>\r\n        <\/div>\r\n        <div class=\"symbol\">\r\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\">\r\n                <path d=\"M21 12.79A9 9 0 1 1 11.21 3 7 7 0 0 0 21 12.79z\"\/>\r\n            <\/svg>\r\n        <\/div>\r\n        <div class=\"symbol\">\r\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\">\r\n                <circle cx=\"12\" cy=\"12\" r=\"10\"\/>\r\n            <\/svg>\r\n        <\/div>\r\n    <\/div>\r\n<\/div>\r\n\r\n<script>\r\n\/\/ JavaScript minimalista para el hero de Elementor (mismo comportamiento + ripple en TODOS los botones)\r\n(function() {\r\n    'use strict';\r\n\r\n    if (document.readyState === 'loading') {\r\n        document.addEventListener('DOMContentLoaded', initHero);\r\n    } else {\r\n        initHero();\r\n    }\r\n\r\n    function initHero() {\r\n        const hero = document.querySelector('.nutricult-hero');\r\n        if (!hero) return;\r\n\r\n        \/\/ Efecto parallax en elementos flotantes\r\n        const floatingElements = hero.querySelectorAll('.floating-element');\r\n\r\n        function handleScroll() {\r\n            const scrolled = window.pageYOffset;\r\n            const rate = scrolled * -0.5;\r\n\r\n            floatingElements.forEach((element, index) => {\r\n                const speed = (index + 1) * 0.3;\r\n                element.style.transform = `translateY(${rate * speed}px) rotate(${scrolled * 0.1}deg)`;\r\n            });\r\n        }\r\n\r\n        \/\/ Throttle para optimizar rendimiento\r\n        let ticking = false;\r\n        function requestTick() {\r\n            if (!ticking) {\r\n                requestAnimationFrame(handleScroll);\r\n                ticking = true;\r\n                setTimeout(() => { ticking = false; }, 16);\r\n            }\r\n        }\r\n\r\n        window.addEventListener('scroll', requestTick, { passive: true });\r\n\r\n        \/\/ Manejo del video de fondo\r\n        const video = hero.querySelector('.hero-video');\r\n        if (video) {\r\n            video.play().catch(e => {\r\n                console.log('Autoplay bloqueado:', e);\r\n            });\r\n\r\n            const videoObserver = new IntersectionObserver((entries) => {\r\n                entries.forEach(entry => {\r\n                    if (entry.isIntersecting) video.play().catch(()=>{});\r\n                    else video.pause();\r\n                });\r\n            });\r\n            videoObserver.observe(hero);\r\n        }\r\n\r\n        \/\/ Efecto hover en s\u00edmbolos\r\n        const symbols = hero.querySelectorAll('.symbol');\r\n        symbols.forEach(symbol => {\r\n            symbol.addEventListener('mouseenter', function() {\r\n                this.style.transform = 'scale(1.2) rotate(15deg)';\r\n                this.style.color = '#e2c99b';\r\n            });\r\n            symbol.addEventListener('mouseleave', function() {\r\n                this.style.transform = 'scale(1) rotate(0deg)';\r\n                this.style.color = 'rgba(226, 201, 155, 0.6)';\r\n            });\r\n        });\r\n\r\n        \/\/ Ripple en TODOS los CTAs\r\n        const ctas = hero.querySelectorAll('.hero-cta');\r\n        ctas.forEach(cta => {\r\n            cta.addEventListener('click', function(e) {\r\n                const ripple = document.createElement('span');\r\n                const rect = this.getBoundingClientRect();\r\n                const size = Math.max(rect.width, rect.height);\r\n                const x = e.clientX - rect.left - size \/ 2;\r\n                const y = e.clientY - rect.top - size \/ 2;\r\n\r\n                ripple.style.cssText = `\r\n                    position: absolute;\r\n                    width: ${size}px;\r\n                    height: ${size}px;\r\n                    left: ${x}px;\r\n                    top: ${y}px;\r\n                    background: rgba(255, 255, 255, 0.25);\r\n                    border-radius: 50%;\r\n                    transform: scale(0);\r\n                    animation: ripple 0.6s linear;\r\n                    pointer-events: none;\r\n                `;\r\n\r\n                this.style.position = 'relative';\r\n                this.style.overflow = 'hidden';\r\n                this.appendChild(ripple);\r\n\r\n                setTimeout(() => ripple.remove(), 600);\r\n            });\r\n        });\r\n\r\n        \/\/ A\u00f1adir estilos de ripple\r\n        if (!document.querySelector('#nutricult-ripple-styles')) {\r\n            const style = document.createElement('style');\r\n            style.id = 'nutricult-ripple-styles';\r\n            style.textContent = `\r\n                @keyframes ripple {\r\n                    to {\r\n                        transform: scale(4);\r\n                        opacity: 0;\r\n                    }\r\n                }\r\n            `;\r\n            document.head.appendChild(style);\r\n        }\r\n    }\r\n})();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-a6cd30c boton-flotante-comprar elementor-widget elementor-widget-wd_button\" data-id=\"a6cd30c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"wd_button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"wd-button-wrapper text-center\" >\n\t\t\t<a class=\"btn btn-style-default btn-shape-semi-round btn-size-default btn-icon-pos-right\"  href=\"https:\/\/thenutricult.com\/producto\/green-ritual\/\">\n\t\t\t\t<span class=\"wd-btn-text\" data-elementor-setting-key=\"text\">\n\t\t\t\t\tComprar ahora\t\t\t\t<\/span>\n\n\t\t\t\t\t\t\t<\/a>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-ef77b92 elementor-widget elementor-widget-html\" data-id=\"ef77b92\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- Secci\u00f3n Tres Bloques Clave para Elementor -->\r\n<style>\r\n\/* Reset b\u00e1sico para el bloque *\/\r\n.nutricult-bloques * {\r\n    margin: 0;\r\n    padding: 0;\r\n    box-sizing: border-box;\r\n}\r\n\r\n\/* Variables de colores *\/\r\n.nutricult-bloques {\r\n    --slate-dark: #3d5c4c;\r\n    --mineral-blue: #3b4c5e;\r\n    --warm-ivory: #faf4ed;\r\n    --stone-beige: #c9c6c0;\r\n    --forest-black: #1b1c1b;\r\n    --champagne-gold: #e2c99b;\r\n    --lavender-gray: #9b9bb0;\r\n}\r\n\r\n\/* Contenedor principal *\/\r\n.nutricult-bloques {\r\n    padding: 6rem 0 !important;\r\n    background: var(--warm-ivory) !important;\r\n    font-family: 'Lato', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif !important;\r\n}\r\n\r\n.bloques-container {\r\n    max-width: 1200px !important;\r\n    margin: 0 auto !important;\r\n    padding: 0 1rem !important;\r\n}\r\n\r\n.bloques-grid {\r\n    display: grid !important;\r\n    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)) !important;\r\n    gap: 3rem !important;\r\n}\r\n\r\n\/* Estilos de las tarjetas *\/\r\n.bloque-card {\r\n    background: white !important;\r\n    border-radius: 12px !important;\r\n    padding: 2.5rem !important;\r\n    text-align: center !important;\r\n    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08) !important;\r\n    transition: all 0.4s ease !important;\r\n    border: none !important;\r\n    position: relative !important;\r\n    overflow: hidden !important;\r\n    opacity: 0 !important;\r\n    transform: translateY(50px) !important;\r\n}\r\n\r\n.bloque-card.animate-in {\r\n    opacity: 1 !important;\r\n    transform: translateY(0) !important;\r\n}\r\n\r\n.bloque-card:hover {\r\n    transform: translateY(-10px) !important;\r\n    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.15) !important;\r\n}\r\n\r\n.bloque-card::before {\r\n    content: '';\r\n    position: absolute;\r\n    top: 0;\r\n    left: 0;\r\n    right: 0;\r\n    height: 4px;\r\n    background: linear-gradient(90deg, var(--champagne-gold), var(--mineral-blue));\r\n    transform: scaleX(0);\r\n    transition: transform 0.3s ease;\r\n}\r\n\r\n.bloque-card:hover::before {\r\n    transform: scaleX(1);\r\n}\r\n\r\n\/* Iconos *\/\r\n.bloque-icon {\r\n    width: 80px !important;\r\n    height: 80px !important;\r\n    border-radius: 50% !important;\r\n    display: flex !important;\r\n    align-items: center !important;\r\n    justify-content: center !important;\r\n    margin: 0 auto 2rem !important;\r\n    transition: all 0.3s ease !important;\r\n    position: relative !important;\r\n}\r\n\r\n.bloque-icon.ritual { background: rgba(61, 92, 76, 0.1) !important; }\r\n.bloque-icon.energia { background: rgba(59, 76, 94, 0.1) !important; }\r\n.bloque-icon.ciencia { background: rgba(59, 76, 94, 0.1) !important; }\r\n\r\n.bloque-icon svg { width: 40px !important; height: 40px !important; transition: all 0.3s ease !important; }\r\n.bloque-icon.ritual svg { color: var(--slate-dark) !important; }\r\n.bloque-icon.energia svg { color: var(--mineral-blue) !important; }\r\n.bloque-icon.ciencia svg { color: var(--mineral-blue) !important; }\r\n\r\n.bloque-card:hover .bloque-icon { transform: scale(1.1) rotate(5deg) !important; }\r\n.bloque-card:hover .bloque-icon svg { transform: scale(1.2) !important; }\r\n\r\n\/* T\u00edtulos *\/\r\n.bloque-title {\r\n    font-family: 'Cormorant Garamond', Georgia, serif !important;\r\n    font-size: 2rem !important;\r\n    font-weight: 700 !important;\r\n    color: var(--slate-dark) !important;\r\n    margin-bottom: 1.5rem !important;\r\n    line-height: 1.2 !important;\r\n}\r\n\r\n\/* Descripci\u00f3n *\/\r\n.bloque-description {\r\n    font-family: 'Lato', Arial, sans-serif !important;\r\n    font-size: 1.1rem !important;\r\n    color: var(--mineral-blue) !important;\r\n    line-height: 1.6 !important;\r\n    margin-bottom: 2rem !important;\r\n}\r\n\r\n\/* Botones *\/\r\n.bloque-btn {\r\n    display: inline-flex !important;\r\n    align-items: center !important;\r\n    gap: 0.5rem !important;\r\n    padding: 0.875rem 2rem !important;\r\n    font-family: 'Lato', Arial, sans-serif !important;\r\n    font-weight: 600 !important;\r\n    font-size: 1rem !important;\r\n    border-radius: 8px !important;\r\n    transition: all 0.3s ease !important;\r\n    text-decoration: none !important;\r\n    cursor: pointer !important;\r\n    border: 2px solid !important;\r\n    background: transparent !important;\r\n    position: relative !important;\r\n    overflow: hidden !important;\r\n}\r\n\r\n.bloque-btn::before {\r\n    content: '';\r\n    position: absolute;\r\n    top: 0; left: -100%;\r\n    width: 100%; height: 100%;\r\n    transition: left 0.3s ease;\r\n    z-index: 0;\r\n}\r\n.bloque-btn span { position: relative; z-index: 1; }\r\n\r\n.bloque-btn.ritual { border-color: var(--slate-dark) !important; color: var(--slate-dark) !important; }\r\n.bloque-btn.ritual::before { background: var(--slate-dark) !important; }\r\n.bloque-btn.ritual:hover { color: var(--warm-ivory) !important; }\r\n\r\n.bloque-btn.energia { border-color: var(--mineral-blue) !important; color: var(--mineral-blue) !important; }\r\n.bloque-btn.energia::before { background: var(--mineral-blue) !important; }\r\n.bloque-btn.energia:hover { color: var(--warm-ivory) !important; }\r\n\r\n.bloque-btn.ciencia { border-color: var(--mineral-blue) !important; color: var(--mineral-blue) !important; }\r\n.bloque-btn.ciencia::before { background: var(--mineral-blue) !important; }\r\n.bloque-btn.ciencia:hover { color: var(--warm-ivory) !important; }\r\n\r\n.bloque-btn:hover::before { left: 0; }\r\n\r\n.bloque-btn svg { width: 16px !important; height: 16px !important; transition: transform 0.3s ease !important; }\r\n.bloque-btn:hover svg { transform: translateX(4px) !important; }\r\n\r\n\/* Responsive *\/\r\n@media (max-width: 768px) {\r\n    .nutricult-bloques { padding: 4rem 0 !important; }\r\n    .bloques-grid { grid-template-columns: 1fr !important; gap: 2rem !important; }\r\n    .bloque-card { padding: 2rem !important; }\r\n    .bloque-icon { width: 60px !important; height: 60px !important; }\r\n    .bloque-icon svg { width: 30px !important; height: 30px !important; }\r\n    .bloque-title { font-size: 1.75rem !important; }\r\n    .bloque-description { font-size: 1rem !important; }\r\n}\r\n\r\n\/* Animaciones *\/\r\n@keyframes fadeInUp {\r\n    from { opacity: 0; transform: translateY(50px); }\r\n    to { opacity: 1; transform: translateY(0); }\r\n}\r\n.bloque-card:nth-child(1){ animation-delay: 0.1s; }\r\n.bloque-card:nth-child(2){ animation-delay: 0.2s; }\r\n.bloque-card:nth-child(3){ animation-delay: 0.3s; }\r\n\r\n\/* Reducir movimiento para accesibilidad *\/\r\n@media (prefers-reduced-motion: reduce) {\r\n    .nutricult-bloques *, .nutricult-bloques *::before, .nutricult-bloques *::after {\r\n        animation-duration: 0.01ms !important;\r\n        animation-iteration-count: 1 !important;\r\n        transition-duration: 0.01ms !important;\r\n    }\r\n}\r\n<\/style>\r\n\r\n<section class=\"nutricult-bloques\">\r\n  <div class=\"bloques-container\">\r\n    <div class=\"bloques-grid\">\r\n      <!-- Bloque 1: Ritual Verde -->\r\n      <div class=\"bloque-card\">\r\n        <div class=\"bloque-icon ritual\">\r\n          <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\r\n            <circle cx=\"12\" cy=\"12\" r=\"5\"\/>\r\n            <path d=\"M12 1v2M12 21v2M4.22 4.22l1.42 1.42M18.36 18.36l1.42 1.42M1 12h2M21 12h2M4.22 19.78l1.42-1.42M18.36 5.64l1.42-1.42\"\/>\r\n          <\/svg>\r\n        <\/div>\r\n        <h3 class=\"bloque-title\">Ritual Verde<\/h3>\r\n        <p class=\"bloque-description\">Un gesto diario. Una transformaci\u00f3n completa. Donde la intenci\u00f3n se encuentra con la acci\u00f3n.<\/p>\r\n        <!-- enlace actualizado -->\r\n        <a href=\"\/producto\/green-ritual\/\" class=\"bloque-btn ritual link-green-ritual\">\r\n          <span>Descubre m\u00e1s<\/span>\r\n          <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M5 12h14M12 5l7 7-7 7\"\/><\/svg>\r\n        <\/a>\r\n      <\/div>\r\n\r\n      <!-- Bloque 2: Energ\u00eda Vital -->\r\n      <div class=\"bloque-card\">\r\n        <div class=\"bloque-icon ritual\">\r\n          <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\r\n            <path d=\"M13 2L3 14h9l-1 8 10-12h-9l1-8z\"\/>\r\n          <\/svg>\r\n        <\/div>\r\n        <h3 class=\"bloque-title\">Energ\u00eda Vital<\/h3>\r\n        <p class=\"bloque-description\">La energ\u00eda es el nuevo lujo. Claridad mental, vitalidad f\u00edsica, equilibrio espiritual.<\/p>\r\n        <!-- enlace actualizado -->\r\n        <a href=\"\/producto\/green-ritual\/\" class=\"bloque-btn ritual link-green-ritual\">\r\n          <span>Ver resultados<\/span>\r\n          <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M5 12h14M12 5l7 7-7 7\"\/><\/svg>\r\n        <\/a>\r\n      <\/div>\r\n\r\n      <!-- Bloque 3: Ciencia Bot\u00e1nica -->\r\n      <div class=\"bloque-card\">\r\n        <div class=\"bloque-icon ritual\">\r\n          <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\r\n            <path d=\"M12 2L2 7l10 5 10-5-10-5zM2 17l10 5 10-5M2 12l10 5 10-5\"\/>\r\n          <\/svg>\r\n        <\/div>\r\n        <h3 class=\"bloque-title\">Ciencia Bot\u00e1nica<\/h3>\r\n        <p class=\"bloque-description\">Adapt\u00f3genos y extractos bot\u00e1nicos seleccionados con intenci\u00f3n. Pureza en cada mol\u00e9cula.<\/p>\r\n        <!-- enlace actualizado -->\r\n        <a href=\"\/producto\/green-ritual\/\" class=\"bloque-btn ritual link-green-ritual\">\r\n          <span>Ver f\u00f3rmula<\/span>\r\n          <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M5 12h14M12 5l7 7-7 7\"\/><\/svg>\r\n        <\/a>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<script>\r\n\/\/ JS de la secci\u00f3n (sin cambios visuales)\r\n(function() {\r\n  'use strict';\r\n\r\n  if (document.readyState === 'loading') {\r\n    document.addEventListener('DOMContentLoaded', initBloques);\r\n  } else {\r\n    initBloques();\r\n  }\r\n\r\n  function initBloques() {\r\n    const section = document.querySelector('.nutricult-bloques');\r\n    if (!section) return;\r\n\r\n    const cards = section.querySelectorAll('.bloque-card');\r\n\r\n    const observer = new IntersectionObserver((entries) => {\r\n      entries.forEach((entry, index) => {\r\n        if (entry.isIntersecting) {\r\n          setTimeout(() => { entry.target.classList.add('animate-in'); }, index * 150);\r\n        }\r\n      });\r\n    }, { threshold: 0.2, rootMargin: '0px 0px -50px 0px' });\r\n\r\n    cards.forEach(card => observer.observe(card));\r\n\r\n    \/\/ Hover + ripple\r\n    const buttons = section.querySelectorAll('.bloque-btn');\r\n    buttons.forEach(button => {\r\n      const icon = button.closest('.bloque-card')?.querySelector('.bloque-icon');\r\n      button.closest('.bloque-card')?.addEventListener('mouseenter', () => {\r\n        if (icon) icon.style.transform = 'scale(1.1) rotate(5deg)';\r\n        button.style.boxShadow = '0 4px 15px rgba(0, 0, 0, 0.1)';\r\n      });\r\n      button.closest('.bloque-card')?.addEventListener('mouseleave', () => {\r\n        if (icon) icon.style.transform = 'scale(1) rotate(0deg)';\r\n        button.style.boxShadow = 'none';\r\n      });\r\n\r\n      button.addEventListener('click', function(e) {\r\n        const ripple = document.createElement('span');\r\n        const rect = this.getBoundingClientRect();\r\n        const size = Math.max(rect.width, rect.height);\r\n        const x = e.clientX - rect.left - size \/ 2;\r\n        const y = e.clientY - rect.top - size \/ 2;\r\n        ripple.style.cssText = `\r\n          position: absolute; width: ${size}px; height: ${size}px; left: ${x}px; top: ${y}px;\r\n          background: rgba(255,255,255,0.3); border-radius: 50%; transform: scale(0);\r\n          animation: ripple 0.6s linear; pointer-events: none; z-index: 0;\r\n        `;\r\n        this.appendChild(ripple);\r\n        setTimeout(() => ripple.remove(), 600);\r\n      });\r\n    });\r\n\r\n    \/\/ Parallax suave\r\n    let ticking = false;\r\n    function updateParallax() {\r\n      const scrolled = window.pageYOffset;\r\n      const sectionTop = section.offsetTop;\r\n      const sectionHeight = section.offsetHeight;\r\n      const windowHeight = window.innerHeight;\r\n      if (scrolled + windowHeight > sectionTop && scrolled < sectionTop + sectionHeight) {\r\n        const progress = (scrolled + windowHeight - sectionTop) \/ (windowHeight + sectionHeight);\r\n        const translateY = (progress - 0.5) * 20;\r\n        cards.forEach((card, index) => {\r\n          const offset = (index - 1) * 5;\r\n          card.style.transform = `translateY(${translateY + offset}px)`;\r\n        });\r\n      }\r\n      ticking = false;\r\n    }\r\n    function requestTick() {\r\n      if (!ticking) {\r\n        requestAnimationFrame(updateParallax);\r\n        ticking = true;\r\n      }\r\n    }\r\n    if (!window.matchMedia('(prefers-reduced-motion: reduce)').matches) {\r\n      window.addEventListener('scroll', requestTick, { passive: true });\r\n    }\r\n\r\n    \/\/ Estilos ripple si faltan\r\n    if (!document.querySelector('#nutricult-bloques-ripple-styles')) {\r\n      const style = document.createElement('style');\r\n      style.id = 'nutricult-bloques-ripple-styles';\r\n      style.textContent = `@keyframes ripple{to{transform:scale(4);opacity:0;}}`;\r\n      document.head.appendChild(style);\r\n    }\r\n  }\r\n})();\r\n<\/script>\r\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-2d464b6 elementor-widget elementor-widget-html\" data-id=\"2d464b6\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- Secci\u00f3n Green Ritual para Elementor (COPY ACTUALIZADO) -->\n<style>\n\/* Reset b\u00e1sico para el bloque *\/\n.nutricult-green-ritual * {\n    margin: 0;\n    padding: 0;\n    box-sizing: border-box;\n}\n\n\/* Variables de colores *\/\n.nutricult-green-ritual {\n    --slate-dark: #3d5c4c;\n    --mineral-blue: #3b4c5e;\n    --warm-ivory: #faf4ed;\n    --stone-beige: #c9c6c0;\n    --forest-black: #1b1c1b;\n    --champagne-gold: #e2c99b;\n    --lavender-gray: #9b9bb0;\n}\n\n\/* Contenedor principal *\/\n.nutricult-green-ritual {\n    padding: 6rem 0 !important;\n    background: white !important;\n    font-family: 'Lato', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif !important;\n    position: relative !important;\n}\n\n.green-ritual-container {\n    max-width: 1400px !important;\n    margin: 0 auto !important;\n    padding: 0 2rem !important;\n}\n\n\/* Grid principal *\/\n.green-ritual-grid {\n    display: grid !important;\n    grid-template-columns: 1fr 1fr !important;\n    gap: 4rem !important;\n    align-items: center !important;\n}\n\n\/* Contenido de texto *\/\n.green-ritual-content { order: 1 !important; }\n\n.green-ritual-badge {\n    display: inline-block !important;\n    background: rgba(226, 201, 155, 0.2) !important;\n    color: var(--champagne-gold) !important;\n    border: 1px solid var(--champagne-gold) !important;\n    padding: 0.5rem 1rem !important;\n    border-radius: 20px !important;\n    font-size: 0.875rem !important;\n    font-weight: 600 !important;\n    margin-bottom: 1.5rem !important;\n    opacity: 0 !important;\n    transform: translateY(20px) !important;\n    transition: all 0.8s ease !important;\n}\n.green-ritual-badge.animate-in { opacity: 1 !important; transform: translateY(0) !important; }\n\n.green-ritual-title {\n    font-family: 'Cormorant Garamond', Georgia, serif !important;\n    font-size: 4rem !important;\n    font-weight: 700 !important;\n    color: var(--slate-dark) !important;\n    margin-bottom: 2rem !important;\n    line-height: 1.1 !important;\n    opacity: 0 !important;\n    transform: translateY(30px) !important;\n    transition: all 0.8s ease 0.2s !important;\n}\n.green-ritual-title.animate-in { opacity: 1 !important; transform: translateY(0) !important; }\n\n.green-ritual-description {\n    font-size: 1.25rem !important;\n    color: var(--mineral-blue) !important;\n    line-height: 1.6 !important;\n    margin-bottom: 2.5rem !important;\n    opacity: 0 !important;\n    transform: translateY(20px) !important;\n    transition: all 0.8s ease 0.4s !important;\n}\n.green-ritual-description.animate-in { opacity: 1 !important; transform: translateY(0) !important; }\n\n\/* Caja destacada *\/\n.green-ritual-highlight {\n    background: var(--warm-ivory) !important;\n    padding: 2rem !important;\n    border-radius: 12px !important;\n    margin-bottom: 2.5rem !important;\n    opacity: 0 !important;\n    transform: translateY(20px) !important;\n    transition: all 0.8s ease 0.6s !important;\n}\n.green-ritual-highlight.animate-in { opacity: 1 !important; transform: translateY(0) !important; }\n.green-ritual-highlight h4 {\n    font-family: 'Cormorant Garamond', Georgia, serif !important;\n    font-size: 1.125rem !important;\n    font-weight: 700 !important;\n    color: var(--slate-dark) !important;\n    margin-bottom: 1rem !important;\n}\n.green-ritual-highlight p { color: var(--mineral-blue) !important; line-height: 1.6 !important; }\n\n\/* Lista de caracter\u00edsticas *\/\n.green-ritual-features { margin-bottom: 2.5rem !important; }\n.green-ritual-feature {\n    display: flex !important;\n    align-items: center !important;\n    margin-bottom: 1rem !important;\n    opacity: 0 !important;\n    transform: translateX(-20px) !important;\n    transition: all 0.6s ease !important;\n}\n.green-ritual-feature.animate-in { opacity: 1 !important; transform: translateX(0) !important; }\n.green-ritual-feature:nth-child(1){ transition-delay: .8s !important; }\n.green-ritual-feature:nth-child(2){ transition-delay: 1s !important; }\n.green-ritual-feature:nth-child(3){ transition-delay: 1.2s !important; }\n.green-ritual-feature-dot {\n    width: 12px !important; height: 12px !important;\n    background: var(--champagne-gold) !important; border-radius: 50% !important;\n    margin-right: 1rem !important; flex-shrink: 0 !important;\n}\n.green-ritual-feature-text { color: var(--slate-dark) !important; font-weight: 500 !important; }\n\n\/* Bot\u00f3n CTA (funciona igual si es <a> o <button>) *\/\n.green-ritual-cta {\n    display: inline-flex !important;\n    align-items: center !important;\n    gap: 0.75rem !important;\n    background: var(--slate-dark) !important;\n    color: var(--warm-ivory) !important;\n    padding: 1.5rem 3rem !important;\n    border-radius: 12px !important;\n    text-decoration: none !important;\n    font-size: 1.125rem !important;\n    font-weight: 700 !important;\n    transition: all 0.3s ease !important;\n    border: none !important;\n    cursor: pointer !important;\n    opacity: 0 !important;\n    transform: translateY(20px) !important;\n    transition: all 0.8s ease 1.4s !important;\n    position: relative !important;\n    overflow: hidden !important;\n}\n.green-ritual-cta.animate-in { opacity: 1 !important; transform: translateY(0) !important; }\n.green-ritual-cta::before {\n    content: ''; position: absolute; top: 0; left: -100%;\n    width: 100%; height: 100%; background: var(--champagne-gold);\n    transition: left 0.3s ease; z-index: 0;\n}\n.green-ritual-cta span, .green-ritual-cta svg { position: relative; z-index: 1; }\n.green-ritual-cta:hover::before { left: 0; }\n.green-ritual-cta:hover {\n    transform: translateY(-2px) !important;\n    box-shadow: 0 8px 25px rgba(0,0,0,.15) !important;\n    color: var(--slate-dark) !important;\n}\n.green-ritual-cta:hover svg { transform: translateX(4px); }\n\n\/* Imagen del producto *\/\n.green-ritual-image {\n    order: 2 !important;\n    opacity: 0 !important;\n    transform: scale(0.9) !important;\n    transition: all 1s ease 0.3s !important;\n}\n.green-ritual-image.animate-in { opacity: 1 !important; transform: scale(1) !important; }\n.green-ritual-image img {\n    width: 100% !important; height: auto !important; border-radius: 12px !important;\n    box-shadow: 0 25px 50px rgba(0,0,0,.15) !important; transition: transform .3s ease !important;\n}\n.green-ritual-image:hover img { transform: scale(1.02) !important; }\n\n\/* Responsive *\/\n@media (max-width: 768px) {\n    .nutricult-green-ritual { padding: 4rem 0 !important; }\n    .green-ritual-container { padding: 0 1rem !important; }\n    .green-ritual-grid { grid-template-columns: 1fr !important; gap: 3rem !important; }\n    .green-ritual-content { order: 1 !important; }\n    .green-ritual-image { order: 2 !important; }\n    .green-ritual-title { font-size: 2.5rem !important; }\n    .green-ritual-cta { padding: 1.25rem 2rem !important; font-size: 1rem !important; }\n}\n\n\/* Reducir movimiento para accesibilidad *\/\n@media (prefers-reduced-motion: reduce) {\n    .nutricult-green-ritual *, .nutricult-green-ritual *::before, .nutricult-green-ritual *::after {\n        animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important;\n    }\n}\n<\/style>\n\n<section class=\"nutricult-green-ritual\">\n  <div class=\"green-ritual-container\">\n    <div class=\"green-ritual-grid\">\n      <!-- Contenido de texto -->\n      <div class=\"green-ritual-content\">\n        <span class=\"green-ritual-badge\">Ritual Premium<\/span>\n        <h2 class=\"green-ritual-title\">Green Ritual<\/h2>\n        <p class=\"green-ritual-description\">Nutrici\u00f3n limpia para un cuerpo y mente de alto rendimiento.<\/p>\n\n        <div class=\"green-ritual-highlight\">\n          <h4>Una sola dosis. Rendimiento total.<\/h4>\n          <p>F\u00f3rmula concentrada de adapt\u00f3genos y superalimentos cl\u00ednicamente estudiados que impulsa energ\u00eda sostenible y claridad mental.<\/p>\n        <\/div>\n\n        <div class=\"green-ritual-features\">\n          <div class=\"green-ritual-feature\">\n            <div class=\"green-ritual-feature-dot\"><\/div>\n            <span class=\"green-ritual-feature-text\">Adapt\u00f3genos premium con evidencia cl\u00ednica<\/span>\n          <\/div>\n          <div class=\"green-ritual-feature\">\n            <div class=\"green-ritual-feature-dot\"><\/div>\n            <span class=\"green-ritual-feature-text\">Extractos bot\u00e1nicos de alta biodisponibilidad<\/span>\n          <\/div>\n          <div class=\"green-ritual-feature\">\n            <div class=\"green-ritual-feature-dot\"><\/div>\n            <span class=\"green-ritual-feature-text\">Certificaci\u00f3n org\u00e1nica y pureza verificada en laboratorio<\/span>\n          <\/div>\n        <\/div>\n\n        <!-- CTA cambiado a enlace directo al producto -->\n        <a href=\"\/producto\/green-ritual\/\" class=\"green-ritual-cta\">\n          <span>Empieza tu Ritual<\/span>\n          <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n            <path d=\"M5 12h14M12 5l7 7-7 7\"\/>\n          <\/svg>\n        <\/a>\n      <\/div>\n\n      <!-- Imagen del producto -->\n      <div class=\"green-ritual-image\">\n        <img decoding=\"async\" src=\"https:\/\/thenutricult.com\/wp-content\/uploads\/2025\/10\/1-1.jpg\" alt=\"Green Ritual Product\" loading=\"lazy\">\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<script>\n\/\/ JavaScript para la secci\u00f3n Green Ritual (solo animaciones, sin alert)\n(function() {\n  'use strict';\n\n  if (document.readyState === 'loading') {\n    document.addEventListener('DOMContentLoaded', initGreenRitualSection);\n  } else {\n    initGreenRitualSection();\n  }\n\n  function initGreenRitualSection() {\n    const section = document.querySelector('.nutricult-green-ritual');\n    if (!section) return;\n    initAnimations();\n  }\n\n  \/\/ Animaciones con Intersection Observer\n  function initAnimations() {\n    const section = document.querySelector('.nutricult-green-ritual');\n    if (!section) return;\n\n    const elementsToAnimate = [\n      '.green-ritual-badge',\n      '.green-ritual-title',\n      '.green-ritual-description',\n      '.green-ritual-highlight',\n      '.green-ritual-feature',\n      '.green-ritual-cta',\n      '.green-ritual-image'\n    ];\n\n    const observer = new IntersectionObserver((entries) => {\n      entries.forEach(entry => {\n        if (entry.isIntersecting) entry.target.classList.add('animate-in');\n      });\n    }, { threshold: 0.1, rootMargin: '0px 0px -50px 0px' });\n\n    elementsToAnimate.forEach(selector => {\n      section.querySelectorAll(selector).forEach(el => observer.observe(el));\n    });\n  }\n})();\n<\/script>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-2acd4a8 e-con-full wd-section-stretch e-flex e-con e-parent\" data-id=\"2acd4a8\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;,&quot;shape_divider_bottom&quot;:&quot;waves&quot;}\">\n\t\t\t\t<div class=\"elementor-shape elementor-shape-bottom\" aria-hidden=\"true\" data-negative=\"false\">\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 1000 100\" preserveAspectRatio=\"none\">\n\t<path class=\"elementor-shape-fill\" d=\"M421.9,6.5c22.6-2.5,51.5,0.4,75.5,5.3c23.6,4.9,70.9,23.5,100.5,35.7c75.8,32.2,133.7,44.5,192.6,49.7\n\tc23.6,2.1,48.7,3.5,103.4-2.5c54.7-6,106.2-25.6,106.2-25.6V0H0v30.3c0,0,72,32.6,158.4,30.5c39.2-0.7,92.8-6.7,134-22.4\n\tc21.2-8.1,52.2-18.2,79.7-24.2C399.3,7.9,411.6,7.5,421.9,6.5z\"\/>\n<\/svg>\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-0f88f09 elementor-widget elementor-widget-html\" data-id=\"0f88f09\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"es\">\r\n<head>\r\n    <meta charset=\"UTF-8\">\r\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n    <title>Donde la Ciencia Encuentra el Alma - Nutri Cult<\/title>\r\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Cormorant+Garamond:wght@400;600;700&family=Lato:wght@300;400;700&display=swap\" rel=\"stylesheet\">\r\n    <style>\r\n        :root {\r\n            --champagne-gold: #e2c99b;\r\n            --mineral-blue: #3b4c5e;\r\n            --slate-dark: #3d5c4c;\r\n            --warm-ivory: #faf4ed;\r\n            --lavender-gray: #9b9bb0;\r\n            --stone-beige: #c9c6c0;\r\n            --forest-black: #1b1c1b;\r\n            --forest-green: #3C5C4C;\r\n        }\r\n\r\n        * {\r\n            margin: 0;\r\n            padding: 0;\r\n            box-sizing: border-box;\r\n        }\r\n\r\n        body {\r\n            font-family: 'Lato', sans-serif;\r\n            line-height: 1.6;\r\n            color: var(--slate-dark);\r\n            background-color: white;\r\n        }\r\n\r\n        .nutricult-ciencia-alma {\r\n            padding: 6rem 1rem;\r\n            background-color: white;\r\n            position: relative;\r\n            overflow: hidden;\r\n        }\r\n\r\n        .nutricult-ciencia-alma::before {\r\n            content: '';\r\n            position: absolute;\r\n            top: 0;\r\n            left: 0;\r\n            right: 0;\r\n            bottom: 0;\r\n            background-image: \r\n                radial-gradient(circle at 1px 1px, rgba(226, 201, 155, 0.1) 1px, transparent 0);\r\n            background-size: 20px 20px;\r\n            pointer-events: none;\r\n            z-index: 1;\r\n        }\r\n\r\n        .container {\r\n            max-width: 1200px;\r\n            margin: 0 auto;\r\n            position: relative;\r\n            z-index: 2;\r\n        }\r\n\r\n        .header-section {\r\n            text-align: center;\r\n            margin-bottom: 5rem;\r\n            opacity: 0;\r\n            transform: translateY(30px);\r\n            animation: fadeInUp 1s ease-out forwards;\r\n        }\r\n\r\n        .main-title {\r\n            font-family: 'Cormorant Garamond', serif;\r\n            font-size: 3.5rem;\r\n            font-weight: 700;\r\n            color: var(--forest-green);\r\n            margin-bottom: 2rem;\r\n            line-height: 1.2;\r\n        }\r\n\r\n        .main-subtitle {\r\n            font-size: 1.25rem;\r\n            color: var(--forest-green);\r\n            max-width: 48rem;\r\n            margin: 0 auto;\r\n            line-height: 1.6;\r\n            font-weight: 400;\r\n        }\r\n\r\n        .benefits-grid {\r\n            display: grid;\r\n            grid-template-columns: repeat(4, 1fr);\r\n            gap: 2rem;\r\n            margin-top: 3rem;\r\n        }\r\n\r\n        .benefit-card {\r\n            background: white;\r\n            padding: 2rem;\r\n            border-radius: 0.5rem;\r\n            box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);\r\n            text-align: center;\r\n            transition: all 0.3s ease;\r\n            opacity: 0;\r\n            transform: translateY(30px);\r\n            animation: fadeInUp 1s ease-out forwards;\r\n        }\r\n\r\n        .benefit-card:nth-child(1) { animation-delay: 0.2s; }\r\n        .benefit-card:nth-child(2) { animation-delay: 0.4s; }\r\n        .benefit-card:nth-child(3) { animation-delay: 0.6s; }\r\n        .benefit-card:nth-child(4) { animation-delay: 0.8s; }\r\n\r\n        .benefit-card:hover {\r\n            transform: translateY(-5px);\r\n            box-shadow: 0 10px 25px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);\r\n        }\r\n\r\n        .benefit-icon {\r\n            width: 4rem;\r\n            height: 4rem;\r\n            border-radius: 50%;\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            margin: 0 auto 1.5rem;\r\n            position: relative;\r\n        }\r\n\r\n        .benefit-icon.energia {\r\n            background-color: rgba(226, 201, 155, 0.2);\r\n        }\r\n\r\n        .benefit-icon.claridad {\r\n            background-color: rgba(59, 76, 94, 0.2);\r\n        }\r\n\r\n        .benefit-icon.purificacion {\r\n            background-color: rgba(155, 155, 176, 0.2);\r\n        }\r\n\r\n        .benefit-icon.alineacion {\r\n            background-color: rgba(61, 92, 76, 0.2);\r\n        }\r\n\r\n        .benefit-icon svg {\r\n            width: 2rem;\r\n            height: 2rem;\r\n        }\r\n\r\n        .benefit-icon.energia svg {\r\n            color: var(--champagne-gold);\r\n        }\r\n\r\n        .benefit-icon.claridad svg {\r\n            color: var(--mineral-blue);\r\n        }\r\n\r\n        .benefit-icon.purificacion svg {\r\n            color: var(--lavender-gray);\r\n        }\r\n\r\n        .benefit-icon.alineacion svg {\r\n            color: var(--slate-dark);\r\n        }\r\n\r\n        .benefit-title {\r\n            font-family: 'Cormorant Garamond', serif;\r\n            font-size: 1.125rem;\r\n            font-weight: 600;\r\n            color: var(--slate-dark);\r\n            margin-bottom: 1rem;\r\n        }\r\n\r\n        .benefit-description {\r\n            color: var(--mineral-blue);\r\n            font-size: 1rem;\r\n            line-height: 1.5;\r\n        }\r\n\r\n        @keyframes fadeInUp {\r\n            from {\r\n                opacity: 0;\r\n                transform: translateY(30px);\r\n            }\r\n            to {\r\n                opacity: 1;\r\n                transform: translateY(0);\r\n            }\r\n        }\r\n\r\n        @media (max-width: 1024px) {\r\n            .benefits-grid {\r\n                grid-template-columns: repeat(2, 1fr);\r\n                gap: 1.5rem;\r\n            }\r\n        }\r\n\r\n        @media (max-width: 768px) {\r\n            .nutricult-ciencia-alma {\r\n                padding: 4rem 1rem;\r\n            }\r\n\r\n            .main-title {\r\n                font-size: 2.5rem;\r\n            }\r\n\r\n            .main-subtitle {\r\n                font-size: 1.125rem;\r\n            }\r\n\r\n            .benefits-grid {\r\n                grid-template-columns: 1fr;\r\n                gap: 1.5rem;\r\n            }\r\n\r\n            .benefit-card {\r\n                padding: 1.5rem;\r\n            }\r\n        }\r\n\r\n        @media (max-width: 480px) {\r\n            .main-title {\r\n                font-size: 2rem;\r\n            }\r\n\r\n            .main-subtitle {\r\n                font-size: 1rem;\r\n            }\r\n        }\r\n    <\/style>\r\n<\/head>\r\n<body>\r\n    <section class=\"nutricult-ciencia-alma\">\r\n        <div class=\"container\">\r\n            <div class=\"header-section\">\r\n                <h2 class=\"main-title\">Donde la ciencia encuentra el alma<\/h2>\r\n                <p class=\"main-subtitle\">\r\n                    Cada ingrediente seleccionado con intenci\u00f3n.<br>Cada f\u00f3rmula dise\u00f1ada para elevar tu frecuencia.\r\n                <\/p>\r\n            <\/div>\r\n\r\n            <div class=\"benefits-grid\">\r\n                <div class=\"benefit-card\">\r\n                    <div class=\"benefit-icon energia\">\r\n                        <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n                            <circle cx=\"12\" cy=\"12\" r=\"5\"\/>\r\n                            <path d=\"M12 1v6m0 6v6m11-7h-6m-6 0H1m15.5-6.5l-4.24 4.24M7.76 16.24l-4.24 4.24m12.73 0l-4.24-4.24M7.76 7.76L3.52 3.52\"\/>\r\n                        <\/svg>\r\n                    <\/div>\r\n                    <h3 class=\"benefit-title\">Energ\u00eda Limpia<\/h3>\r\n                    <p class=\"benefit-description\">Vitalidad sostenida sin picos ni ca\u00eddas<\/p>\r\n                <\/div>\r\n\r\n                <div class=\"benefit-card\">\r\n                    <div class=\"benefit-icon claridad\">\r\n                        <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n                            <path d=\"M21 12.79A9 9 0 1 1 11.21 3 7 7 0 0 0 21 12.79z\"\/>\r\n                        <\/svg>\r\n                    <\/div>\r\n                    <h3 class=\"benefit-title\">Claridad Mental<\/h3>\r\n                    <p class=\"benefit-description\">Mente despejada y enfoque profundo<\/p>\r\n                <\/div>\r\n\r\n                <div class=\"benefit-card\">\r\n                    <div class=\"benefit-icon purificacion\">\r\n                        <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n                            <path d=\"M7 16.3c2.2 0 4-1.83 4-4.05 0-1.16-.57-2.26-1.71-3.19S7.29 6.75 7 5.3c-.29 1.45-1.14 2.84-2.29 3.76S3 11.1 3 12.25c0 2.22 1.8 4.05 4 4.05z\"\/>\r\n                            <path d=\"M12.56 6.6A10.97 10.97 0 0 0 14 3.02c.5 2.5 2.04 4.6 4.14 5.78s3.83 2.35 3.83 4.78c0 1.94-1.04 3.75-2.61 5.06\"\/>\r\n                        <\/svg>\r\n                    <\/div>\r\n                    <h3 class=\"benefit-title\">Purificaci\u00f3n<\/h3>\r\n                    <p class=\"benefit-description\">D\u00e9tox celular y equilibrio interno<\/p>\r\n                <\/div>\r\n\r\n                <div class=\"benefit-card\">\r\n                    <div class=\"benefit-icon alineacion\">\r\n                        <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n                            <path d=\"M20.84 4.61a5.5 5.5 0 0 0-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 0 0-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 0 0 0-7.78z\"\/>\r\n                        <\/svg>\r\n                    <\/div>\r\n                    <h3 class=\"benefit-title\">Alineaci\u00f3n<\/h3>\r\n                    <p class=\"benefit-description\">Cuerpo, mente y esp\u00edritu en armon\u00eda<\/p>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <script>\r\n        \/\/ Intersection Observer for scroll animations\r\n        const observerOptions = {\r\n            threshold: 0.1,\r\n            rootMargin: '0px 0px -50px 0px'\r\n        };\r\n\r\n        const observer = new IntersectionObserver((entries) => {\r\n            entries.forEach(entry => {\r\n                if (entry.isIntersecting) {\r\n                    entry.target.style.animationPlayState = 'running';\r\n                }\r\n            });\r\n        }, observerOptions);\r\n\r\n        \/\/ Observe all animated elements\r\n        document.addEventListener('DOMContentLoaded', () => {\r\n            const animatedElements = document.querySelectorAll('.header-section, .benefit-card');\r\n            animatedElements.forEach(el => {\r\n                el.style.animationPlayState = 'paused';\r\n                observer.observe(el);\r\n            });\r\n\r\n            \/\/ Add hover effects for cards\r\n            const cards = document.querySelectorAll('.benefit-card');\r\n            cards.forEach(card => {\r\n                card.addEventListener('mouseenter', () => {\r\n                    card.style.transform = 'translateY(-5px)';\r\n                });\r\n\r\n                card.addEventListener('mouseleave', () => {\r\n                    card.style.transform = 'translateY(0)';\r\n                });\r\n            });\r\n\r\n            \/\/ Add click interaction for accessibility\r\n            cards.forEach(card => {\r\n                card.addEventListener('click', () => {\r\n                    const title = card.querySelector('.benefit-title').textContent;\r\n                    console.log(`Clicked on: ${title}`);\r\n                    \/\/ Here you can add any click functionality needed\r\n                });\r\n\r\n                \/\/ Add keyboard navigation\r\n                card.setAttribute('tabindex', '0');\r\n                card.addEventListener('keydown', (e) => {\r\n                    if (e.key === 'Enter' || e.key === ' ') {\r\n                        e.preventDefault();\r\n                        card.click();\r\n                    }\r\n                });\r\n            });\r\n        });\r\n\r\n        \/\/ Smooth scroll reveal animation\r\n        function revealOnScroll() {\r\n            const elements = document.querySelectorAll('.benefit-card');\r\n            const windowHeight = window.innerHeight;\r\n            \r\n            elements.forEach(element => {\r\n                const elementTop = element.getBoundingClientRect().top;\r\n                const elementVisible = 150;\r\n                \r\n                if (elementTop < windowHeight - elementVisible) {\r\n                    element.classList.add('active');\r\n                }\r\n            });\r\n        }\r\n\r\n        window.addEventListener('scroll', revealOnScroll);\r\n        window.addEventListener('load', revealOnScroll);\r\n    <\/script>\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-d873b32 elementor-widget elementor-widget-html\" data-id=\"d873b32\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"es\">\r\n<head>\r\n    <meta charset=\"UTF-8\">\r\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n    <title>Manifiesto de Marca - Nutri Cult<\/title>\r\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Cormorant+Garamond:wght@400;600;700&family=Lato:wght@300;400;700&display=swap\" rel=\"stylesheet\">\r\n    <style>\r\n        \/* Aislamiento completo para evitar conflictos con Elementor *\/\r\n        .nutricult-manifiesto-wrapper {\r\n            all: initial;\r\n            font-family: 'Lato', sans-serif;\r\n        }\r\n\r\n        .nutricult-manifiesto-wrapper * {\r\n            box-sizing: border-box;\r\n        }\r\n\r\n        \/* Variables de color exactas del original *\/\r\n        .nutricult-manifiesto-wrapper {\r\n            --champagne-gold: #e2c99b;\r\n            --mineral-blue: #3b4c5e;\r\n            --slate-dark: #3d5c4c;\r\n            --warm-ivory: #faf4ed;\r\n            --lavender-gray: #9b9bb0;\r\n            --stone-beige: #c9c6c0;\r\n            --forest-black: #1b1c1b;\r\n        }\r\n\r\n        \/* Secci\u00f3n exacta como el original *\/\r\n        .nutricult-manifiesto {\r\n            padding: 6rem 1rem;\r\n            background-color: var(--slate-dark);\r\n            color: var(--warm-ivory);\r\n            text-align: center;\r\n            margin: 0;\r\n            width: 100%;\r\n            display: block;\r\n        }\r\n\r\n        .nutricult-container {\r\n            max-width: 1200px;\r\n            margin: 0 auto;\r\n            padding: 0 1rem;\r\n        }\r\n\r\n        .nutricult-content {\r\n            max-width: 80rem;\r\n            margin: 0 auto;\r\n        }\r\n\r\n        .nutricult-title {\r\n            font-family: 'Cormorant Garamond', serif;\r\n            font-size: 2rem;\r\n            font-weight: 700;\r\n            margin-bottom: 2rem;\r\n            line-height: 1.2;\r\n            color: var(--warm-ivory);\r\n        }\r\n\r\n        .nutricult-title-highlight {\r\n            color: var(--champagne-gold);\r\n        }\r\n\r\n        .nutricult-description {\r\n            font-size: 1rem;\r\n            margin-bottom: 2rem;\r\n            color: var(--stone-beige);\r\n            line-height: 1.6;\r\n            font-family: 'Lato', sans-serif;\r\n            font-weight: 400;\r\n        }\r\n\r\n        .nutricult-separator {\r\n            background-color: rgba(226, 201, 155, 0.3);\r\n            height: 1px;\r\n            margin: 2rem auto;\r\n            width: 100%;\r\n            max-width: 200px;\r\n            border: none;\r\n        }\r\n\r\n        .nutricult-quote {\r\n            font-size: 1.125rem;\r\n            color: var(--champagne-gold);\r\n            font-family: 'Cormorant Garamond', serif;\r\n            font-style: italic;\r\n            margin: 0;\r\n        }\r\n\r\n        \/* Responsive m\u00e1s moderado *\/\r\n        @media (min-width: 768px) {\r\n            .nutricult-title {\r\n                font-size: 2.5rem;\r\n            }\r\n            \r\n            .nutricult-description {\r\n                font-size: 1.125rem;\r\n            }\r\n            \r\n            .nutricult-quote {\r\n                font-size: 1.25rem;\r\n            }\r\n        }\r\n\r\n        @media (min-width: 1024px) {\r\n            .nutricult-title {\r\n                font-size: 3rem;\r\n            }\r\n            \r\n            .nutricult-description {\r\n                font-size: 1.25rem;\r\n            }\r\n            \r\n            .nutricult-quote {\r\n                font-size: 1.5rem;\r\n            }\r\n        }\r\n    <\/style>\r\n<\/head>\r\n<body>\r\n    <div class=\"nutricult-manifiesto-wrapper\">\r\n        <section class=\"nutricult-manifiesto\">\r\n            <div class=\"nutricult-container\">\r\n                <div class=\"nutricult-content\">\r\n                    <h2 class=\"nutricult-title\">\r\n                        Esto no es moda.\r\n                        <br>\r\n                        <span class=\"nutricult-title-highlight\">Es prop\u00f3sito.<\/span>\r\n                    <\/h2>\r\n                    <p class=\"nutricult-description\">\r\n                        Nutri Cult naci\u00f3 de una transformaci\u00f3n personal. No m\u00e1s energ\u00eda falsa ni rutinas vac\u00edas.\r\n                        <br>\r\n                        Es un ritual, un cambio desde adentro.\r\n                    <\/p>\r\n                    <hr class=\"nutricult-separator\">\r\n                    <p class=\"nutricult-quote\">\"La energ\u00eda es el nuevo lujo\"<\/p>\r\n                <\/div>\r\n            <\/div>\r\n        <\/section>\r\n    <\/div>\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-c147d9e elementor-widget elementor-widget-html\" data-id=\"c147d9e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"es\">\r\n<head>\r\n    <meta charset=\"UTF-8\">\r\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n    <title>Transformaciones Reales - Nutri Cult<\/title>\r\n    <style>\r\n        :root {\r\n            --warm-ivory: #f8f6f0;\r\n            --champagne-gold: #e2c99b;\r\n            --slate-dark: #2c3e50;\r\n            --mineral-blue: #34495e;\r\n            --stone-beige: #d4c4a8;\r\n            --forest-black: #1a1a1a;\r\n            --forest-green: #3C5C4C;\r\n        }\r\n\r\n        * {\r\n            margin: 0;\r\n            padding: 0;\r\n            box-sizing: border-box;\r\n        }\r\n\r\n        body {\r\n            font-family: 'Lato', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\r\n            line-height: 1.6;\r\n            color: var(--slate-dark);\r\n            background-color: white;\r\n        }\r\n\r\n        .transformaciones-section {\r\n            padding: 6rem 0;\r\n            background-color: white;\r\n            min-height: 100vh;\r\n        }\r\n\r\n        .transformaciones-container {\r\n            max-width: 1200px;\r\n            margin: 0 auto;\r\n            padding: 0 1rem;\r\n        }\r\n\r\n        .transformaciones-header {\r\n            text-align: center;\r\n            margin-bottom: 5rem;\r\n            opacity: 0;\r\n            transform: translateY(30px);\r\n            animation: fadeInUp 1s ease-out 0.2s forwards;\r\n        }\r\n\r\n        .transformaciones-title {\r\n            font-family: 'Cormorant Garamond', serif;\r\n            font-size: clamp(3rem, 6vw, 4rem);\r\n            font-weight: 700;\r\n            color: var(--forest-green);\r\n            margin-bottom: 1.5rem;\r\n            line-height: 1.2;\r\n        }\r\n\r\n        .transformaciones-subtitle {\r\n            font-size: 1.25rem;\r\n            color: var(--forest-green);\r\n            font-weight: 400;\r\n        }\r\n\r\n        .transformaciones-grid {\r\n            display: grid;\r\n            grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));\r\n            gap: 2.5rem;\r\n            margin-bottom: 3rem;\r\n        }\r\n\r\n        .testimonial-card {\r\n            background: linear-gradient(135deg, var(--warm-ivory) 0%, #faf8f2 100%);\r\n            border-radius: 20px;\r\n            padding: 2.5rem;\r\n            box-shadow: 0 10px 40px rgba(44, 62, 80, 0.08);\r\n            border: 1px solid rgba(226, 201, 155, 0.2);\r\n            position: relative;\r\n            overflow: hidden;\r\n            opacity: 0;\r\n            transform: translateY(50px);\r\n            transition: all 0.4s ease;\r\n        }\r\n\r\n        .testimonial-card::before {\r\n            content: '';\r\n            position: absolute;\r\n            top: 0;\r\n            left: 0;\r\n            right: 0;\r\n            height: 4px;\r\n            background: linear-gradient(90deg, var(--champagne-gold), var(--slate-dark));\r\n            opacity: 0;\r\n            transition: opacity 0.3s ease;\r\n        }\r\n\r\n        .testimonial-card:hover::before {\r\n            opacity: 1;\r\n        }\r\n\r\n        .testimonial-card:hover {\r\n            transform: translateY(-10px);\r\n            box-shadow: 0 20px 60px rgba(44, 62, 80, 0.15);\r\n        }\r\n\r\n        .testimonial-card:nth-child(1) {\r\n            animation: fadeInUp 0.8s ease-out 0.4s forwards;\r\n        }\r\n\r\n        .testimonial-card:nth-child(2) {\r\n            animation: fadeInUp 0.8s ease-out 0.6s forwards;\r\n        }\r\n\r\n        .testimonial-card:nth-child(3) {\r\n            animation: fadeInUp 0.8s ease-out 0.8s forwards;\r\n        }\r\n\r\n        .stars-container {\r\n            display: flex;\r\n            gap: 0.25rem;\r\n            margin-bottom: 1.5rem;\r\n        }\r\n\r\n        .star {\r\n            width: 20px;\r\n            height: 20px;\r\n            fill: var(--champagne-gold);\r\n            color: var(--champagne-gold);\r\n            transition: transform 0.2s ease;\r\n        }\r\n\r\n        .testimonial-card:hover .star {\r\n            transform: scale(1.1);\r\n        }\r\n\r\n        .testimonial-quote {\r\n            font-size: 1.1rem;\r\n            color: var(--slate-dark);\r\n            font-style: italic;\r\n            line-height: 1.7;\r\n            margin-bottom: 2rem;\r\n            position: relative;\r\n            padding-left: 1.5rem;\r\n        }\r\n\r\n        .testimonial-quote::before {\r\n            content: '\"';\r\n            position: absolute;\r\n            left: 0;\r\n            top: -0.5rem;\r\n            font-size: 3rem;\r\n            color: var(--champagne-gold);\r\n            font-family: 'Cormorant Garamond', serif;\r\n            line-height: 1;\r\n        }\r\n\r\n        .testimonial-author {\r\n            display: flex;\r\n            align-items: center;\r\n            gap: 1rem;\r\n        }\r\n\r\n        .author-avatar {\r\n            width: 60px;\r\n            height: 60px;\r\n            background: linear-gradient(135deg, rgba(226, 201, 155, 0.3), rgba(226, 201, 155, 0.1));\r\n            border-radius: 50%;\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            border: 2px solid rgba(226, 201, 155, 0.4);\r\n            transition: all 0.3s ease;\r\n        }\r\n\r\n        .testimonial-card:hover .author-avatar {\r\n            background: linear-gradient(135deg, var(--champagne-gold), rgba(226, 201, 155, 0.8));\r\n            border-color: var(--champagne-gold);\r\n            transform: scale(1.05);\r\n        }\r\n\r\n        .avatar-initial {\r\n            font-family: 'Cormorant Garamond', serif;\r\n            font-size: 1.5rem;\r\n            font-weight: 700;\r\n            color: var(--slate-dark);\r\n        }\r\n\r\n        .author-info {\r\n            flex: 1;\r\n        }\r\n\r\n        .author-name {\r\n            font-family: 'Cormorant Garamond', serif;\r\n            font-size: 1.25rem;\r\n            font-weight: 600;\r\n            color: var(--slate-dark);\r\n            margin-bottom: 0.25rem;\r\n        }\r\n\r\n        .author-title {\r\n            font-size: 0.95rem;\r\n            color: var(--slate-dark);\r\n            font-weight: 400;\r\n        }\r\n\r\n        @keyframes fadeInUp {\r\n            from {\r\n                opacity: 0;\r\n                transform: translateY(30px);\r\n            }\r\n            to {\r\n                opacity: 1;\r\n                transform: translateY(0);\r\n            }\r\n        }\r\n\r\n        @media (max-width: 768px) {\r\n            .transformaciones-section {\r\n                padding: 4rem 0;\r\n            }\r\n\r\n            .transformaciones-grid {\r\n                grid-template-columns: 1fr;\r\n                gap: 2rem;\r\n            }\r\n\r\n            .testimonial-card {\r\n                padding: 2rem;\r\n            }\r\n\r\n            .transformaciones-header {\r\n                margin-bottom: 3rem;\r\n            }\r\n\r\n            .transformaciones-title {\r\n                font-size: 2.5rem;\r\n            }\r\n\r\n            .transformaciones-subtitle {\r\n                font-size: 1.1rem;\r\n            }\r\n        }\r\n\r\n        @media (max-width: 480px) {\r\n            .transformaciones-container {\r\n                padding: 0 0.75rem;\r\n            }\r\n\r\n            .testimonial-card {\r\n                padding: 1.5rem;\r\n            }\r\n\r\n            .testimonial-quote {\r\n                font-size: 1rem;\r\n                padding-left: 1rem;\r\n            }\r\n\r\n            .author-avatar {\r\n                width: 50px;\r\n                height: 50px;\r\n            }\r\n\r\n            .avatar-initial {\r\n                font-size: 1.25rem;\r\n            }\r\n        }\r\n\r\n        \/* Accessibility improvements *\/\r\n        @media (prefers-reduced-motion: reduce) {\r\n            .testimonial-card,\r\n            .star,\r\n            .author-avatar {\r\n                transition: none;\r\n            }\r\n\r\n            .transformaciones-header,\r\n            .testimonial-card {\r\n                animation: none;\r\n                opacity: 1;\r\n                transform: none;\r\n            }\r\n        }\r\n\r\n        \/* Focus styles for accessibility *\/\r\n        .testimonial-card:focus-within {\r\n            outline: 2px solid var(--champagne-gold);\r\n            outline-offset: 4px;\r\n        }\r\n    <\/style>\r\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Cormorant+Garamond:wght@400;600;700&family=Lato:wght@300;400;700&display=swap\" rel=\"stylesheet\">\r\n<\/head>\r\n<body>\r\n    <section class=\"transformaciones-section\">\r\n        <div class=\"transformaciones-container\">\r\n            <div class=\"transformaciones-header\">\r\n                <h2 class=\"transformaciones-title\">Transformaciones Reales<\/h2>\r\n                <p class=\"transformaciones-subtitle\">Voces de quienes ya viven el ritual<\/p>\r\n            <\/div>\r\n\r\n            <div class=\"transformaciones-grid\">\r\n                <!-- Testimonial 1: Sofia Mendez -->\r\n                <div class=\"testimonial-card\" tabindex=\"0\">\r\n                    <div class=\"stars-container\">\r\n                        <svg class=\"star\" viewBox=\"0 0 24 24\">\r\n                            <path d=\"M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z\"\/>\r\n                        <\/svg>\r\n                        <svg class=\"star\" viewBox=\"0 0 24 24\">\r\n                            <path d=\"M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z\"\/>\r\n                        <\/svg>\r\n                        <svg class=\"star\" viewBox=\"0 0 24 24\">\r\n                            <path d=\"M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z\"\/>\r\n                        <\/svg>\r\n                        <svg class=\"star\" viewBox=\"0 0 24 24\">\r\n                            <path d=\"M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z\"\/>\r\n                        <\/svg>\r\n                        <svg class=\"star\" viewBox=\"0 0 24 24\">\r\n                            <path d=\"M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z\"\/>\r\n                        <\/svg>\r\n                    <\/div>\r\n                    <p class=\"testimonial-quote\">\r\n                        No es solo energ\u00eda, es claridad. Mi cuerpo responde diferente, mi mente est\u00e1 m\u00e1s presente. Es exactamente lo que necesitaba para elevar mi frecuencia.\r\n                    <\/p>\r\n                    <div class=\"testimonial-author\">\r\n                        <div class=\"author-avatar\">\r\n                            <span class=\"avatar-initial\">S<\/span>\r\n                        <\/div>\r\n                        <div class=\"author-info\">\r\n                            <p class=\"author-name\">Sofia Mendez<\/p>\r\n                            <p class=\"author-title\">Terapeuta Hol\u00edstica<\/p>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <!-- Testimonial 2: Luna Vega -->\r\n                <div class=\"testimonial-card\" tabindex=\"0\">\r\n                    <div class=\"stars-container\">\r\n                        <svg class=\"star\" viewBox=\"0 0 24 24\">\r\n                            <path d=\"M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z\"\/>\r\n                        <\/svg>\r\n                        <svg class=\"star\" viewBox=\"0 0 24 24\">\r\n                            <path d=\"M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z\"\/>\r\n                        <\/svg>\r\n                        <svg class=\"star\" viewBox=\"0 0 24 24\">\r\n                            <path d=\"M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z\"\/>\r\n                        <\/svg>\r\n                        <svg class=\"star\" viewBox=\"0 0 24 24\">\r\n                            <path d=\"M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z\"\/>\r\n                        <\/svg>\r\n                        <svg class=\"star\" viewBox=\"0 0 24 24\">\r\n                            <path d=\"M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z\"\/>\r\n                        <\/svg>\r\n                    <\/div>\r\n                    <p class=\"testimonial-quote\">\r\n                        Cada ma\u00f1ana es un ritual de conexi\u00f3n conmigo misma. Green Ritual no solo nutre mi cuerpo, alimenta mi prop\u00f3sito. Es transformaci\u00f3n pura.\r\n                    <\/p>\r\n                    <div class=\"testimonial-author\">\r\n                        <div class=\"author-avatar\">\r\n                            <span class=\"avatar-initial\">L<\/span>\r\n                        <\/div>\r\n                        <div class=\"author-info\">\r\n                            <p class=\"author-name\">Luna Vega<\/p>\r\n                            <p class=\"author-title\">Coach Espiritual<\/p>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <!-- Testimonial 3: Diego Herrera -->\r\n                <div class=\"testimonial-card\" tabindex=\"0\">\r\n                    <div class=\"stars-container\">\r\n                        <svg class=\"star\" viewBox=\"0 0 24 24\">\r\n                            <path d=\"M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z\"\/>\r\n                        <\/svg>\r\n                        <svg class=\"star\" viewBox=\"0 0 24 24\">\r\n                            <path d=\"M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z\"\/>\r\n                        <\/svg>\r\n                        <svg class=\"star\" viewBox=\"0 0 24 24\">\r\n                            <path d=\"M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z\"\/>\r\n                        <\/svg>\r\n                        <svg class=\"star\" viewBox=\"0 0 24 24\">\r\n                            <path d=\"M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z\"\/>\r\n                        <\/svg>\r\n                        <svg class=\"star\" viewBox=\"0 0 24 24\">\r\n                            <path d=\"M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z\"\/>\r\n                        <\/svg>\r\n                    <\/div>\r\n                    <p class=\"testimonial-quote\">\r\n                        Finalmente encontr\u00e9 lo que buscaba: nutrici\u00f3n con alma. Mi rendimiento f\u00edsico y mental est\u00e1n en otro nivel. Esto es evoluci\u00f3n consciente.\r\n                    <\/p>\r\n                    <div class=\"testimonial-author\">\r\n                        <div class=\"author-avatar\">\r\n                            <span class=\"avatar-initial\">D<\/span>\r\n                        <\/div>\r\n                        <div class=\"author-info\">\r\n                            <p class=\"author-name\">Diego Herrera<\/p>\r\n                            <p class=\"author-title\">Atleta Consciente<\/p>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <script>\r\n        \/\/ Intersection Observer for scroll animations\r\n        const observerOptions = {\r\n            threshold: 0.1,\r\n            rootMargin: '0px 0px -50px 0px'\r\n        };\r\n\r\n        const observer = new IntersectionObserver((entries) => {\r\n            entries.forEach(entry => {\r\n                if (entry.isIntersecting) {\r\n                    entry.target.style.opacity = '1';\r\n                    entry.target.style.transform = 'translateY(0)';\r\n                }\r\n            });\r\n        }, observerOptions);\r\n\r\n        \/\/ Observe all testimonial cards\r\n        document.addEventListener('DOMContentLoaded', () => {\r\n            const cards = document.querySelectorAll('.testimonial-card');\r\n            const header = document.querySelector('.transformaciones-header');\r\n            \r\n            observer.observe(header);\r\n            cards.forEach(card => observer.observe(card));\r\n\r\n            \/\/ Add keyboard navigation for cards\r\n            cards.forEach(card => {\r\n                card.addEventListener('keydown', (e) => {\r\n                    if (e.key === 'Enter' || e.key === ' ') {\r\n                        e.preventDefault();\r\n                        card.click();\r\n                    }\r\n                });\r\n            });\r\n\r\n            \/\/ Enhanced hover effects with mouse tracking\r\n            cards.forEach(card => {\r\n                card.addEventListener('mousemove', (e) => {\r\n                    const rect = card.getBoundingClientRect();\r\n                    const x = e.clientX - rect.left;\r\n                    const y = e.clientY - rect.top;\r\n                    \r\n                    const centerX = rect.width \/ 2;\r\n                    const centerY = rect.height \/ 2;\r\n                    \r\n                    const rotateX = (y - centerY) \/ 20;\r\n                    const rotateY = (centerX - x) \/ 20;\r\n                    \r\n                    card.style.transform = `perspective(1000px) rotateX(${rotateX}deg) rotateY(${rotateY}deg) translateY(-10px)`;\r\n                });\r\n\r\n                card.addEventListener('mouseleave', () => {\r\n                    card.style.transform = 'perspective(1000px) rotateX(0deg) rotateY(0deg) translateY(0px)';\r\n                });\r\n            });\r\n\r\n            \/\/ Staggered star animations on hover\r\n            cards.forEach(card => {\r\n                const stars = card.querySelectorAll('.star');\r\n                \r\n                card.addEventListener('mouseenter', () => {\r\n                    stars.forEach((star, index) => {\r\n                        setTimeout(() => {\r\n                            star.style.transform = 'scale(1.2) rotate(72deg)';\r\n                        }, index * 50);\r\n                    });\r\n                });\r\n\r\n                card.addEventListener('mouseleave', () => {\r\n                    stars.forEach((star, index) => {\r\n                        setTimeout(() => {\r\n                            star.style.transform = 'scale(1) rotate(0deg)';\r\n                        }, index * 30);\r\n                    });\r\n                });\r\n            });\r\n        });\r\n\r\n        \/\/ Performance optimization: Reduce animations on low-end devices\r\n        if (navigator.hardwareConcurrency && navigator.hardwareConcurrency < 4) {\r\n            document.documentElement.style.setProperty('--animation-duration', '0.2s');\r\n        }\r\n    <\/script>\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-10bebf2 e-con-full wd-section-stretch elementor-hidden-desktop elementor-hidden-tablet elementor-hidden-mobile e-flex e-con e-parent\" data-id=\"10bebf2\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;,&quot;shape_divider_bottom&quot;:&quot;waves&quot;}\">\n\t\t\t\t<div class=\"elementor-shape elementor-shape-bottom\" aria-hidden=\"true\" data-negative=\"false\">\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 1000 100\" preserveAspectRatio=\"none\">\n\t<path class=\"elementor-shape-fill\" d=\"M421.9,6.5c22.6-2.5,51.5,0.4,75.5,5.3c23.6,4.9,70.9,23.5,100.5,35.7c75.8,32.2,133.7,44.5,192.6,49.7\n\tc23.6,2.1,48.7,3.5,103.4-2.5c54.7-6,106.2-25.6,106.2-25.6V0H0v30.3c0,0,72,32.6,158.4,30.5c39.2-0.7,92.8-6.7,134-22.4\n\tc21.2-8.1,52.2-18.2,79.7-24.2C399.3,7.9,411.6,7.5,421.9,6.5z\"\/>\n<\/svg>\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-dfa8d18 elementor-widget elementor-widget-html\" data-id=\"dfa8d18\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"es\">\r\n<head>\r\n    <meta charset=\"UTF-8\">\r\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n    <title>S\u00edguenos en Instagram - Nutri Cult<\/title>\r\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Cormorant+Garamond:wght@400;600;700&family=Lato:wght@300;400;700&display=swap\" rel=\"stylesheet\">\r\n    <style>\r\n        :root {\r\n            --champagne-gold: #E2C99B;\r\n            --forest-green: #3C5C4C;\r\n            --warm-ivory: #FAF4ED;\r\n            --slate-dark: #3d5c4c;\r\n        }\r\n\r\n        * {\r\n            margin: 0;\r\n            padding: 0;\r\n            box-sizing: border-box;\r\n        }\r\n\r\n        body {\r\n            font-family: 'Lato', sans-serif;\r\n            line-height: 1.6;\r\n            color: var(--slate-dark);\r\n            background-color: white;\r\n        }\r\n\r\n        .instagram-section {\r\n            padding: 50px 0 0 0;\r\n            background-color: var(--warm-ivory);\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            position: relative;\r\n        }\r\n\r\n        .instagram-container {\r\n            max-width: 800px;\r\n            margin: 0 auto;\r\n            padding: 0 1rem;\r\n            text-align: center;\r\n        }\r\n\r\n        .instagram-header {\r\n            opacity: 0;\r\n            transform: translateY(30px);\r\n            animation: fadeInUp 1s ease-out 0.2s forwards;\r\n        }\r\n\r\n        .instagram-title {\r\n            font-family: 'Cormorant Garamond', serif;\r\n            font-size: clamp(3rem, 8vw, 5rem);\r\n            font-weight: 700;\r\n            color: var(--forest-green);\r\n            margin-bottom: 1.5rem;\r\n            line-height: 1.2;\r\n            text-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);\r\n        }\r\n\r\n        .instagram-subtitle {\r\n            font-size: clamp(1.25rem, 3vw, 1.5rem);\r\n            color: var(--forest-green);\r\n            font-weight: 400;\r\n            line-height: 1.6;\r\n            opacity: 0;\r\n            transform: translateY(20px);\r\n            animation: fadeInUp 1s ease-out 0.4s forwards;\r\n        }\r\n\r\n        @keyframes fadeInUp {\r\n            from {\r\n                opacity: 0;\r\n                transform: translateY(30px);\r\n            }\r\n            to {\r\n                opacity: 1;\r\n                transform: translateY(0);\r\n            }\r\n        }\r\n\r\n        @media (max-width: 768px) {\r\n            .instagram-section {\r\n                padding: 30px 0 0 0;\r\n            }\r\n\r\n            .instagram-container {\r\n                padding: 0 1.5rem;\r\n            }\r\n        }\r\n\r\n        @media (max-width: 480px) {\r\n            .instagram-container {\r\n                padding: 0 1rem;\r\n            }\r\n        }\r\n\r\n        \/* Accessibility improvements *\/\r\n        @media (prefers-reduced-motion: reduce) {\r\n            .instagram-title,\r\n            .instagram-subtitle {\r\n                animation: none;\r\n                opacity: 1;\r\n                transform: none;\r\n            }\r\n        }\r\n    <\/style>\r\n<\/head>\r\n<body>\r\n    <section class=\"instagram-section\">\r\n        <div class=\"instagram-container\">\r\n            <div class=\"instagram-header\">\r\n                <h2 class=\"instagram-title\">S\u00edguenos en Instagram<\/h2>\r\n                <p class=\"instagram-subtitle\">Cada publicaci\u00f3n es parte del ritual<\/p>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <script>\r\n        \/\/ Intersection Observer for scroll animations\r\n        const observerOptions = {\r\n            threshold: 0.1,\r\n            rootMargin: '0px 0px -50px 0px'\r\n        };\r\n\r\n        const observer = new IntersectionObserver((entries) => {\r\n            entries.forEach(entry => {\r\n                if (entry.isIntersecting) {\r\n                    entry.target.style.opacity = '1';\r\n                    entry.target.style.transform = 'translateY(0)';\r\n                }\r\n            });\r\n        }, observerOptions);\r\n\r\n        \/\/ Observe header for animations\r\n        document.addEventListener('DOMContentLoaded', () => {\r\n            const header = document.querySelector('.instagram-header');\r\n            observer.observe(header);\r\n        });\r\n    <\/script>\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-2cfbfc3 elementor-widget elementor-widget-shortcode\" data-id=\"2cfbfc3\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\">\n<div id=\"sb_instagram\"  class=\"sbi sbi_mob_col_1 sbi_tab_col_2 sbi_col_4 sbi_width_resp sbi-theme sbi-default_theme sbi-style-regular\" style=\"padding-bottom: 10px;\" data-post-style=\"regular\" data-feedid=\"sbi_#20\"  data-res=\"auto\" data-cols=\"4\" data-colsmobile=\"1\" data-colstablet=\"2\" data-num=\"20\" data-nummobile=\"20\" data-header-size=\"medium\" data-item-padding=\"5\" data-shortcode-atts=\"{&quot;feed&quot;:&quot;1&quot;}\"  data-postid=\"3411\" data-locatornonce=\"acd07a2954\" data-options=\"{&quot;grid&quot;:true,&quot;lightboxcomments&quot;:20,&quot;colsmobile&quot;:1,&quot;colstablet&quot;:2}\" data-sbi-flags=\"favorLocal,gdpr\">\n\n\n    <div id=\"sbi_images\" style=\"gap: 10px;\">\n\t\t    <\/div>\n\n\t<div id=\"sbi_load\" >\n\n\t\n\t\n<\/div>\n\n\t    <span class=\"sbi_resized_image_data\" data-feed-id=\"sbi_#20\" data-resized=\"[]\">\n\t<\/span>\n\t        <div id=\"sbi_mod_error\">\n            <span>This error message is only visible to WordPress admins<\/span><br \/>\n        <div><strong>Error: Invalid Feed ID.<\/strong><\/div>        <\/div>\n        \n<\/div>\n\n<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-499148e elementor-widget elementor-widget-spacer\" data-id=\"499148e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-8de6399 e-con-full wd-section-stretch e-flex e-con e-parent\" data-id=\"8de6399\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-184ef71 elementor-widget elementor-widget-html\" data-id=\"184ef71\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"es\">\r\n<head>\r\n    <meta charset=\"UTF-8\">\r\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n    <title>\u00danete al Ritual<\/title>\r\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Cormorant+Garamond:wght@400;600;700&family=Lato:wght@300;400;700&display=swap\" rel=\"stylesheet\">\r\n    <style>\r\n        :root {\r\n            --dorado: #E2C99B;\r\n            --blanco: #fff;\r\n            --azul: #3B4C5E;\r\n            --verde: #3d5c4c;\r\n        }\r\n\r\n        * {\r\n            margin: 0;\r\n            padding: 0;\r\n            box-sizing: border-box;\r\n        }\r\n\r\n        body {\r\n            font-family: 'Lato', sans-serif;\r\n            line-height: 1.6;\r\n            color: var(--verde);\r\n            background-color: white;\r\n        }\r\n\r\n        .form-section {\r\n            padding: 50px 0 0 0;\r\n            background-color: var(--azul);\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            position: relative;\r\n        }\r\n\r\n        .form-container {\r\n            max-width: 800px;\r\n            margin: 0 auto;\r\n            padding: 0 1rem;\r\n            text-align: center;\r\n        }\r\n\r\n        .form-header {\r\n            opacity: 0;\r\n            transform: translateY(30px);\r\n            animation: fadeInUp 1s ease-out 0.2s forwards;\r\n        }\r\n\r\n        .form-title {\r\n            font-family: 'Cormorant Garamond', serif;\r\n            font-size: clamp(3rem, 4vw, 5rem);\r\n            font-weight: 700;\r\n            color: var(--blanco);\r\n            margin-bottom: 1.5rem;\r\n            line-height: 1.2;\r\n            text-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);\r\n        }\r\n\r\n        .form-subtitle {\r\n            font-size: clamp(1.25rem, 3vw, 1.5rem);\r\n            color: var(--blanco);\r\n            font-weight: 400;\r\n            line-height: 1.6;\r\n            opacity: 0;\r\n            transform: translateY(20px);\r\n            animation: fadeInUp 1s ease-out 0.4s forwards;\r\n        }\r\n\r\n        @keyframes fadeInUp {\r\n            from {\r\n                opacity: 0;\r\n                transform: translateY(30px);\r\n            }\r\n            to {\r\n                opacity: 1;\r\n                transform: translateY(0);\r\n            }\r\n        }\r\n\r\n        @media (max-width: 768px) {\r\n            .form-section {\r\n                padding: 30px 0 0 0;\r\n            }\r\n\r\n            .form-container {\r\n                padding: 0 1.5rem;\r\n            }\r\n        }\r\n\r\n        @media (max-width: 480px) {\r\n            .form-container {\r\n                padding: 0 1rem;\r\n            }\r\n        }\r\n\r\n        \/* Accessibility improvements *\/\r\n        @media (prefers-reduced-motion: reduce) {\r\n            .form-title,\r\n            .form-subtitle {\r\n                animation: none;\r\n                opacity: 1;\r\n                transform: none;\r\n            }\r\n        }\r\n    <\/style>\r\n<\/head>\r\n<body>\r\n    <section class=\"form-section\">\r\n        <div class=\"form-container\">\r\n            <div class=\"form-header\">\r\n                <h2 class=\"form-title\">Experimenta el Ritual Verde hoy<\/h2>\r\n                <p class=\"form-subtitle\">Suscr\u00edbete para acceder a descuentos.<\/p>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <script>\r\n        \/\/ Intersection Observer for scroll animations\r\n        const observerOptions = {\r\n            threshold: 0.1,\r\n            rootMargin: '0px 0px -50px 0px'\r\n        };\r\n\r\n        const observer = new IntersectionObserver((entries) => {\r\n            entries.forEach(entry => {\r\n                if (entry.isIntersecting) {\r\n                    entry.target.style.opacity = '1';\r\n                    entry.target.style.transform = 'translateY(0)';\r\n                }\r\n            });\r\n        }, observerOptions);\r\n\r\n        \/\/ Observe header for animations\r\n        document.addEventListener('DOMContentLoaded', () => {\r\n            const header = document.querySelector('.form-header');\r\n            observer.observe(header);\r\n        });\r\n    <\/script>\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-da8a063 elementor-widget-mobile__width-inherit wd-width-100 elementor-widget elementor-widget-wd_mailchimp\" data-id=\"da8a063\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"wd_mailchimp.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<script>(function() {\n\twindow.mc4wp = window.mc4wp || {\n\t\tlisteners: [],\n\t\tforms: {\n\t\t\ton: function(evt, cb) {\n\t\t\t\twindow.mc4wp.listeners.push(\n\t\t\t\t\t{\n\t\t\t\t\t\tevent   : evt,\n\t\t\t\t\t\tcallback: cb\n\t\t\t\t\t}\n\t\t\t\t);\n\t\t\t}\n\t\t}\n\t}\n})();\n<\/script><!-- Mailchimp for WordPress v4.12.2 - https:\/\/wordpress.org\/plugins\/mailchimp-for-wp\/ --><form id=\"mc4wp-form-1\" class=\"mc4wp-form mc4wp-form-594  text-center\" method=\"post\" data-id=\"594\" data-name=\"Newsletter form\" ><div class=\"mc4wp-form-fields\"><p>\r\n    <label>Elecci\u00f3n de audiencia<\/label>\r\n    <label>\r\n        <input type=\"checkbox\" name=\"_mc4wp_lists[]\" value=\"86203862c3\" checked=\"true\"> <span>Nutri Cult<\/span>\r\n    <\/label>\r\n<\/p>\r\n<div class=\"wd-grid-f-stretch\" style=\"--wd-gap: 10px\">\r\n  <div class=\"wd-col\">\r\n    <input type=\"email\" name=\"EMAIL\" placeholder=\"Direccion de email\" required \/>\r\n  <\/div>\r\n  <div class=\"wd-col-auto\">\r\n    <input type=\"submit\" value=\"Enviar\" \/>\r\n  <\/div>\r\n<\/div>\r\n\r\n<p class=\"wd-consent\">\r\n  <label for=\"agree_terms\">\r\n    <input id=\"agree_terms\" type=\"checkbox\" name=\"AGREE_TO_TERMS\" value=\"1\" required>\r\n    <a href=\"\/privacy-policy\/\" target=\"_blank\" class=\"link-legal\">\r\n      He le\u00eddo y acepto el Aviso legal y la Pol\u00edtica de privacidad\r\n    <\/a>\r\n  <\/label>\r\n<\/p>\r\n<\/div><label style=\"display: none !important;\">Leave this field empty if you're human: <input type=\"text\" name=\"_mc4wp_honeypot\" value=\"\" tabindex=\"-1\" autocomplete=\"off\" \/><\/label><input type=\"hidden\" name=\"_mc4wp_timestamp\" value=\"1778513448\" \/><input type=\"hidden\" name=\"_mc4wp_form_id\" value=\"594\" \/><input type=\"hidden\" name=\"_mc4wp_form_element_id\" value=\"mc4wp-form-1\" \/><div class=\"mc4wp-response\"><\/div><\/form><!-- \/ Mailchimp for WordPress Plugin -->\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-a05f201 elementor-widget elementor-widget-spacer\" data-id=\"a05f201\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-67be466 e-con-full e-flex e-con e-parent\" data-id=\"67be466\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-f75742d elementor-widget elementor-widget-html\" data-id=\"f75742d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- Secci\u00f3n FAQ \u2013 NutriCult (Fondo blanco + tarjetas doradas + acorde\u00f3n funcionando) -->\r\n<style>\r\n\/* Reset b\u00e1sico *\/\r\n.nutricult-faq * {\r\n  margin: 0 !important;\r\n  padding: 0 !important;\r\n  box-sizing: border-box !important;\r\n}\r\n\r\n\/* Variables *\/\r\n.nutricult-faq{\r\n  --slate-dark: #3d5c4c;\r\n  --mineral-blue: #3b4c5e;\r\n  --warm-ivory: #faf4ed;\r\n  --stone-beige: #c9c6c0;\r\n  --forest-black: #1b1c1b;\r\n  --champagne-gold: #e2c99b;\r\n  --lavender-gray: #9b9bb0;\r\n}\r\n\r\n\/* Secci\u00f3n *\/\r\n.nutricult-faq{\r\n  padding: 6rem 0 !important;\r\n  background: #ffffff !important;\r\n  font-family: 'Lato', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif !important;\r\n  position: relative !important;\r\n  overflow: hidden !important;\r\n}\r\n\r\n\/* Textura sutil (opcional). Si no la quieres, borra este bloque *\/\r\n.nutricult-faq::before{\r\n  content: '' !important;\r\n  position: absolute !important;\r\n  inset: 0 !important;\r\n  background-image: radial-gradient(circle at 1px 1px, rgba(226, 201, 155, 0.10) 1px, transparent 0) !important;\r\n  background-size: 22px 22px !important;\r\n  pointer-events: none !important;\r\n  z-index: 0 !important;\r\n}\r\n\r\n.nutricult-faq .faq-container{\r\n  max-width: 1200px !important;\r\n  margin: 0 auto !important;\r\n  padding: 0 1rem !important;\r\n  position: relative !important;\r\n  z-index: 1 !important;\r\n}\r\n\r\n\/* Header *\/\r\n.nutricult-faq .faq-header{\r\n  text-align: center !important;\r\n  margin-bottom: 3rem !important;\r\n  opacity: 0 !important;\r\n  transform: translateY(20px) !important;\r\n  transition: all 0.8s ease !important;\r\n}\r\n.nutricult-faq .faq-header.animate-in{\r\n  opacity: 1 !important;\r\n  transform: translateY(0) !important;\r\n}\r\n\r\n.nutricult-faq .faq-title{\r\n  font-family: 'Cormorant Garamond', Georgia, serif !important;\r\n  font-size: clamp(2.25rem, 4.5vw, 3.25rem) !important;\r\n  font-weight: 700 !important;\r\n  color: var(--slate-dark) !important;\r\n  line-height: 1.15 !important;\r\n  margin-bottom: 1rem !important;\r\n}\r\n.nutricult-faq .faq-title span{\r\n  color: var(--champagne-gold) !important;\r\n}\r\n\r\n.nutricult-faq .faq-subtitle{\r\n  font-size: 1.125rem !important;\r\n  color: var(--mineral-blue) !important;\r\n  line-height: 1.7 !important;\r\n  max-width: 52rem !important;\r\n  margin: 0 auto !important;\r\n}\r\n\r\n\/* Acorde\u00f3n *\/\r\n.nutricult-faq .faq-accordion{\r\n  display: grid !important;\r\n  gap: 1rem !important;\r\n  max-width: 960px !important;\r\n  margin: 0 auto !important;\r\n}\r\n\r\n\/* Tarjeta dorada *\/\r\n.nutricult-faq .faq-item{\r\n  background: linear-gradient(135deg, rgba(226, 201, 155, 0.28) 0%, rgba(226, 201, 155, 0.14) 100%) !important;\r\n  border-radius: 16px !important;\r\n  box-shadow: 0 10px 35px rgba(27, 28, 27, 0.08) !important;\r\n  border: 1px solid rgba(226, 201, 155, 0.55) !important;\r\n  overflow: hidden !important;\r\n  position: relative !important;\r\n  opacity: 0 !important;\r\n  transform: translateY(18px) !important;\r\n  transition: all 0.7s ease !important;\r\n}\r\n\r\n.nutricult-faq .faq-item.animate-in{\r\n  opacity: 1 !important;\r\n  transform: translateY(0) !important;\r\n}\r\n\r\n\/* L\u00ednea superior dorada *\/\r\n.nutricult-faq .faq-item::before{\r\n  content: '' !important;\r\n  position: absolute !important;\r\n  top: 0 !important;\r\n  left: 0 !important;\r\n  right: 0 !important;\r\n  height: 4px !important;\r\n  background: linear-gradient(90deg, rgba(226,201,155,1), rgba(226,201,155,0.65)) !important;\r\n  opacity: 1 !important;\r\n}\r\n\r\n\/* Hover *\/\r\n.nutricult-faq .faq-item:hover{\r\n  transform: translateY(-6px) !important;\r\n  box-shadow: 0 18px 55px rgba(27, 28, 27, 0.12) !important;\r\n}\r\n\r\n\/* Pregunta *\/\r\n.nutricult-faq .faq-question{\r\n  width: 100% !important;\r\n  appearance: none !important;\r\n  border: none !important;\r\n  background: transparent !important;\r\n  cursor: pointer !important;\r\n  text-align: left !important;\r\n  padding: 1.35rem 1.5rem !important;\r\n  display: flex !important;\r\n  align-items: center !important;\r\n  justify-content: space-between !important;\r\n  gap: 1rem !important;\r\n}\r\n\r\n.nutricult-faq .faq-qtext{\r\n  font-family: 'Cormorant Garamond', Georgia, serif !important;\r\n  font-size: 1.35rem !important;\r\n  font-weight: 700 !important;\r\n  color: var(--slate-dark) !important;\r\n  line-height: 1.25 !important;\r\n}\r\n\r\n\/* Icono *\/\r\n.nutricult-faq .faq-icon{\r\n  flex-shrink: 0 !important;\r\n  width: 44px !important;\r\n  height: 44px !important;\r\n  border-radius: 999px !important;\r\n  display: grid !important;\r\n  place-items: center !important;\r\n  background: rgba(255,255,255,0.55) !important;\r\n  border: 1px solid rgba(226, 201, 155, 0.75) !important;\r\n  transition: transform 0.25s ease, background 0.25s ease !important;\r\n}\r\n\r\n.nutricult-faq .faq-icon svg{\r\n  width: 18px !important;\r\n  height: 18px !important;\r\n  color: var(--slate-dark) !important;\r\n  transition: transform 0.25s ease !important;\r\n}\r\n\r\n.nutricult-faq .faq-item:hover .faq-icon{\r\n  transform: scale(1.06) rotate(3deg) !important;\r\n}\r\n\r\n.nutricult-faq .faq-item[data-open=\"true\"] .faq-icon{\r\n  background: rgba(59, 76, 94, 0.12) !important;\r\n}\r\n.nutricult-faq .faq-item[data-open=\"true\"] .faq-icon svg{\r\n  transform: rotate(180deg) !important;\r\n}\r\n\r\n\/* Separador al abrir *\/\r\n.nutricult-faq .faq-softline{\r\n  height: 1px !important;\r\n  background: rgba(61, 92, 76, 0.12) !important;\r\n  margin: 0 1.5rem !important;\r\n  display: none !important;\r\n}\r\n.nutricult-faq .faq-item[data-open=\"true\"] .faq-softline{\r\n  display: block !important;\r\n}\r\n\r\n\/* Respuesta (IMPORTANTE: sin !important en height, para que el JS la pueda animar) *\/\r\n.nutricult-faq .faq-answer{\r\n  height: 0;                 \/* <- clave *\/\r\n  overflow: hidden !important;\r\n  transition: height 0.35s ease;\r\n}\r\n\r\n.nutricult-faq .faq-answer-inner{\r\n  padding: 0 1.5rem 1.5rem !important;\r\n  color: var(--mineral-blue) !important;\r\n  font-size: 1.06rem !important;\r\n  line-height: 1.75 !important;\r\n}\r\n\r\n\/* Nota legal *\/\r\n.nutricult-faq .faq-legal{\r\n  max-width: 960px !important;\r\n  margin: 2rem auto 0 !important;\r\n  padding: 1.25rem 1.5rem !important;\r\n  border-radius: 14px !important;\r\n  background: rgba(226, 201, 155, 0.12) !important;\r\n  border: 1px solid rgba(226, 201, 155, 0.55) !important;\r\n  color: var(--mineral-blue) !important;\r\n  box-shadow: 0 8px 30px rgba(27, 28, 27, 0.06) !important;\r\n}\r\n.nutricult-faq .faq-legal-title{\r\n  font-family: 'Cormorant Garamond', Georgia, serif !important;\r\n  font-size: 1.1rem !important;\r\n  font-weight: 700 !important;\r\n  color: var(--slate-dark) !important;\r\n  margin-bottom: 0.5rem !important;\r\n}\r\n.nutricult-faq .faq-legal-text{\r\n  font-size: 0.98rem !important;\r\n  line-height: 1.7 !important;\r\n}\r\n\r\n\/* Focus *\/\r\n.nutricult-faq .faq-question:focus-visible{\r\n  outline: 2px solid var(--champagne-gold) !important;\r\n  outline-offset: 4px !important;\r\n  border-radius: 12px !important;\r\n}\r\n\r\n\/* Responsive *\/\r\n@media (max-width: 768px){\r\n  .nutricult-faq{ padding: 4rem 0 !important; }\r\n  .nutricult-faq .faq-question{ padding: 1.15rem 1.1rem !important; }\r\n  .nutricult-faq .faq-answer-inner{ padding: 0 1.1rem 1.15rem !important; }\r\n  .nutricult-faq .faq-softline{ margin: 0 1.1rem !important; }\r\n  .nutricult-faq .faq-qtext{ font-size: 1.2rem !important; }\r\n}\r\n\r\n\/* Reducir movimiento *\/\r\n@media (prefers-reduced-motion: reduce){\r\n  .nutricult-faq *, .nutricult-faq *::before, .nutricult-faq *::after{\r\n    animation-duration: 0.01ms !important;\r\n    animation-iteration-count: 1 !important;\r\n    transition-duration: 0.01ms !important;\r\n    scroll-behavior: auto !important;\r\n  }\r\n}\r\n<\/style>\r\n\r\n<section class=\"nutricult-faq\" data-nutricult-faq>\r\n  <div class=\"faq-container\">\r\n    <div class=\"faq-header\">\r\n      <h2 class=\"faq-title\">Preguntas frecuentes sobre <span>Green Ritual<\/span><\/h2>\r\n      <p class=\"faq-subtitle\">Respuestas claras, sin promesas exageradas. Una gu\u00eda sencilla para integrarlo en tu d\u00eda a d\u00eda.<\/p>\r\n    <\/div>\r\n\r\n    <div class=\"faq-accordion\">\r\n      <!-- 1 -->\r\n      <div class=\"faq-item\">\r\n        <button class=\"faq-question\" type=\"button\" aria-expanded=\"false\">\r\n          <span class=\"faq-qtext\">\u00bfQu\u00e9 es Green Ritual exactamente?<\/span>\r\n          <span class=\"faq-icon\" aria-hidden=\"true\">\r\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M6 9l6 6 6-6\"\/><\/svg>\r\n          <\/span>\r\n        <\/button>\r\n        <div class=\"faq-softline\"><\/div>\r\n        <div class=\"faq-answer\" hidden>\r\n          <div class=\"faq-answer-inner\">\r\n            Green Ritual es un complemento alimenticio en polvo elaborado a partir de una cuidada selecci\u00f3n de superingredientes verdes de origen org\u00e1nico.\r\n            Ha sido dise\u00f1ado para integrarse de forma sencilla y consciente en la rutina diaria, como apoyo nutricional dentro de un estilo de vida equilibrado.\r\n            No busca forzar al organismo ni generar est\u00edmulos artificiales, sino acompa\u00f1ar al cuerpo de forma respetuosa y sostenida.\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- 2 -->\r\n      <div class=\"faq-item\">\r\n        <button class=\"faq-question\" type=\"button\" aria-expanded=\"false\">\r\n          <span class=\"faq-qtext\">\u00bfQu\u00e9 puedo esperar al tomar Green Ritual?<\/span>\r\n          <span class=\"faq-icon\" aria-hidden=\"true\">\r\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M6 9l6 6 6-6\"\/><\/svg>\r\n          <\/span>\r\n        <\/button>\r\n        <div class=\"faq-softline\"><\/div>\r\n        <div class=\"faq-answer\" hidden>\r\n          <div class=\"faq-answer-inner\">\r\n            Green Ritual no promete resultados inmediatos ni efectos extremos. Con un uso regular, algunas personas perciben sensaciones progresivas como mayor\r\n            ligereza digestiva, una energ\u00eda m\u00e1s estable o una sensaci\u00f3n general de bienestar. La experiencia puede variar en funci\u00f3n de cada persona y su contexto individual.\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- 3 -->\r\n      <div class=\"faq-item\">\r\n        <button class=\"faq-question\" type=\"button\" aria-expanded=\"false\">\r\n          <span class=\"faq-qtext\">\u00bfC\u00f3mo se toma Green Ritual?<\/span>\r\n          <span class=\"faq-icon\" aria-hidden=\"true\">\r\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M6 9l6 6 6-6\"\/><\/svg>\r\n          <\/span>\r\n        <\/button>\r\n        <div class=\"faq-softline\"><\/div>\r\n        <div class=\"faq-answer\" hidden>\r\n          <div class=\"faq-answer-inner\">\r\n            Se recomienda tomar Green Ritual una vez al d\u00eda, preferiblemente por la ma\u00f1ana o en un momento de pausa.\r\n            Puede mezclarse f\u00e1cilmente con agua o bebida vegetal (200\u2013300 ml). Su consumo forma parte de un gesto sencillo y consciente, sin necesidad de rituales complejos.\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- 4 -->\r\n      <div class=\"faq-item\">\r\n        <button class=\"faq-question\" type=\"button\" aria-expanded=\"false\">\r\n          <span class=\"faq-qtext\">\u00bfCu\u00e1l es la dosis diaria recomendada?<\/span>\r\n          <span class=\"faq-icon\" aria-hidden=\"true\">\r\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M6 9l6 6 6-6\"\/><\/svg>\r\n          <\/span>\r\n        <\/button>\r\n        <div class=\"faq-softline\"><\/div>\r\n        <div class=\"faq-answer\" hidden>\r\n          <div class=\"faq-answer-inner\">\r\n            La dosis diaria recomendada es una cucharada (aprox. 10 g) al d\u00eda.\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- 5 -->\r\n      <div class=\"faq-item\">\r\n        <button class=\"faq-question\" type=\"button\" aria-expanded=\"false\">\r\n          <span class=\"faq-qtext\">\u00bfPuedo tomarlo todos los d\u00edas?<\/span>\r\n          <span class=\"faq-icon\" aria-hidden=\"true\">\r\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M6 9l6 6 6-6\"\/><\/svg>\r\n          <\/span>\r\n        <\/button>\r\n        <div class=\"faq-softline\"><\/div>\r\n        <div class=\"faq-answer\" hidden>\r\n          <div class=\"faq-answer-inner\">\r\n            S\u00ed. Green Ritual est\u00e1 formulado para un uso diario y continuado, siempre dentro de una dieta variada y un estilo de vida saludable.\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- 6 -->\r\n      <div class=\"faq-item\">\r\n        <button class=\"faq-question\" type=\"button\" aria-expanded=\"false\">\r\n          <span class=\"faq-qtext\">\u00bfTiene cafe\u00edna o estimulantes?<\/span>\r\n          <span class=\"faq-icon\" aria-hidden=\"true\">\r\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M6 9l6 6 6-6\"\/><\/svg>\r\n          <\/span>\r\n        <\/button>\r\n        <div class=\"faq-softline\"><\/div>\r\n        <div class=\"faq-answer\" hidden>\r\n          <div class=\"faq-answer-inner\">\r\n            Green Ritual no contiene estimulantes a\u00f1adidos ni est\u00e1 formulado para provocar picos de energ\u00eda.\r\n            Algunos de sus ingredientes vegetales contienen de forma natural peque\u00f1as cantidades de cafe\u00edna, pero su enfoque es nutricional y no estimulante.\r\n            La sensaci\u00f3n asociada a su consumo es progresiva y estable.\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- 7 -->\r\n      <div class=\"faq-item\">\r\n        <button class=\"faq-question\" type=\"button\" aria-expanded=\"false\">\r\n          <span class=\"faq-qtext\">\u00bfEs apto para cualquier persona?<\/span>\r\n          <span class=\"faq-icon\" aria-hidden=\"true\">\r\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M6 9l6 6 6-6\"\/><\/svg>\r\n          <\/span>\r\n        <\/button>\r\n        <div class=\"faq-softline\"><\/div>\r\n        <div class=\"faq-answer\" hidden>\r\n          <div class=\"faq-answer-inner\">\r\n            Green Ritual est\u00e1 destinado a personas adultas que desean cuidar su nutrici\u00f3n de forma consciente.\r\n            Si est\u00e1s embarazada, en periodo de lactancia, sigues un tratamiento m\u00e9dico o tienes alguna condici\u00f3n espec\u00edfica,\r\n            se recomienda consultar con un profesional de la salud antes de consumirlo.\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- 8 -->\r\n      <div class=\"faq-item\">\r\n        <button class=\"faq-question\" type=\"button\" aria-expanded=\"false\">\r\n          <span class=\"faq-qtext\">\u00bfPuedo combinarlo con otros suplementos?<\/span>\r\n          <span class=\"faq-icon\" aria-hidden=\"true\">\r\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M6 9l6 6 6-6\"\/><\/svg>\r\n          <\/span>\r\n        <\/button>\r\n        <div class=\"faq-softline\"><\/div>\r\n        <div class=\"faq-answer\" hidden>\r\n          <div class=\"faq-answer-inner\">\r\n            En general, s\u00ed. Green Ritual no pretende sustituir otros suplementos, sino complementar una rutina nutricional coherente.\r\n            Si sigues una suplementaci\u00f3n espec\u00edfica, lo recomendable es adaptarla a tus necesidades personales.\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- 9 -->\r\n      <div class=\"faq-item\">\r\n        <button class=\"faq-question\" type=\"button\" aria-expanded=\"false\">\r\n          <span class=\"faq-qtext\">\u00bfQu\u00e9 diferencia a Green Ritual de otros \u201cgreens\u201d?<\/span>\r\n          <span class=\"faq-icon\" aria-hidden=\"true\">\r\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M6 9l6 6 6-6\"\/><\/svg>\r\n          <\/span>\r\n        <\/button>\r\n        <div class=\"faq-softline\"><\/div>\r\n        <div class=\"faq-answer\" hidden>\r\n          <div class=\"faq-answer-inner\">\r\n            Green Ritual no se basa en promesas r\u00e1pidas ni en f\u00f3rmulas sobrecargadas.\r\n            Su enfoque se centra en el equilibrio, la selecci\u00f3n consciente de ingredientes org\u00e1nicos y una filosof\u00eda que prioriza la integraci\u00f3n en la rutina diaria\r\n            frente a la exigencia o el exceso.\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- 10 -->\r\n      <div class=\"faq-item\">\r\n        <button class=\"faq-question\" type=\"button\" aria-expanded=\"false\">\r\n          <span class=\"faq-qtext\">\u00bfTiene sabor fuerte o dif\u00edcil de tomar?<\/span>\r\n          <span class=\"faq-icon\" aria-hidden=\"true\">\r\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M6 9l6 6 6-6\"\/><\/svg>\r\n          <\/span>\r\n        <\/button>\r\n        <div class=\"faq-softline\"><\/div>\r\n        <div class=\"faq-answer\" hidden>\r\n          <div class=\"faq-answer-inner\">\r\n            No. Su sabor es suave y natural, ligeramente endulzado con ingredientes de origen natural, sin az\u00facares a\u00f1adidos ni aromas artificiales intensos.\r\n            Est\u00e1 pensado para ser f\u00e1cil de incorporar al d\u00eda a d\u00eda.\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- 11 -->\r\n      <div class=\"faq-item\">\r\n        <button class=\"faq-question\" type=\"button\" aria-expanded=\"false\">\r\n          <span class=\"faq-qtext\">\u00bfDurante cu\u00e1nto tiempo debo tomarlo?<\/span>\r\n          <span class=\"faq-icon\" aria-hidden=\"true\">\r\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M6 9l6 6 6-6\"\/><\/svg>\r\n          <\/span>\r\n        <\/button>\r\n        <div class=\"faq-softline\"><\/div>\r\n        <div class=\"faq-answer\" hidden>\r\n          <div class=\"faq-answer-inner\">\r\n            Green Ritual no tiene una duraci\u00f3n limitada. Puede formar parte de tu rutina diaria durante el tiempo que consideres adecuado,\r\n            siempre desde un enfoque de constancia y equilibrio.\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"faq-legal\">\r\n      <div class=\"faq-legal-title\">Nota legal<\/div>\r\n      <div class=\"faq-legal-text\">\r\n        Los complementos alimenticios no deben utilizarse como sustituto de una dieta variada y equilibrada ni de un estilo de vida saludable.\r\n        No superar la dosis diaria recomendada. Mantener fuera del alcance de los ni\u00f1os.\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<script>\r\n(function(){\r\n  'use strict';\r\n\r\n  const root = document.querySelector('[data-nutricult-faq]');\r\n  if (!root || root.dataset.nutricultFaqInit === '1') return;\r\n  root.dataset.nutricultFaqInit = '1';\r\n\r\n  const header = root.querySelector('.faq-header');\r\n  const items  = Array.from(root.querySelectorAll('.faq-item'));\r\n\r\n  \/\/ Animaci\u00f3n on-scroll\r\n  const io = new IntersectionObserver((entries) => {\r\n    entries.forEach((entry) => {\r\n      if (!entry.isIntersecting) return;\r\n      entry.target.classList.add('animate-in');\r\n      io.unobserve(entry.target);\r\n    });\r\n  }, { threshold: 0.12, rootMargin: '0px 0px -60px 0px' });\r\n\r\n  if (header) io.observe(header);\r\n  items.forEach((it) => io.observe(it));\r\n\r\n  \/\/ Acorde\u00f3n: solo uno abierto\r\n  const prefersReduced = window.matchMedia && window.matchMedia('(prefers-reduced-motion: reduce)').matches;\r\n\r\n  function closeItem(item){\r\n    const btn = item.querySelector('.faq-question');\r\n    const ans = item.querySelector('.faq-answer');\r\n    if (!btn || !ans) return;\r\n\r\n    item.dataset.open = 'false';\r\n    btn.setAttribute('aria-expanded', 'false');\r\n\r\n    const h = ans.scrollHeight;\r\n    ans.hidden = false;\r\n    ans.style.height = h + 'px';\r\n    ans.getBoundingClientRect();\r\n    ans.style.height = '0px';\r\n\r\n    const done = () => {\r\n      ans.hidden = true;\r\n      ans.style.height = '';\r\n      ans.removeEventListener('transitionend', done);\r\n    };\r\n    if (prefersReduced) done();\r\n    else ans.addEventListener('transitionend', done);\r\n  }\r\n\r\n  function openItem(item){\r\n    const btn = item.querySelector('.faq-question');\r\n    const ans = item.querySelector('.faq-answer');\r\n    if (!btn || !ans) return;\r\n\r\n    item.dataset.open = 'true';\r\n    btn.setAttribute('aria-expanded', 'true');\r\n\r\n    ans.hidden = false;\r\n    ans.style.height = '0px';\r\n    ans.getBoundingClientRect();\r\n    const h = ans.scrollHeight;\r\n    ans.style.height = h + 'px';\r\n\r\n    const done = () => {\r\n      ans.style.height = 'auto';\r\n      ans.removeEventListener('transitionend', done);\r\n    };\r\n    if (prefersReduced) done();\r\n    else ans.addEventListener('transitionend', done);\r\n  }\r\n\r\n  function toggle(item){\r\n    const isOpen = item.dataset.open === 'true';\r\n    items.forEach((it) => { if (it !== item && it.dataset.open === 'true') closeItem(it); });\r\n    if (isOpen) closeItem(item);\r\n    else openItem(item);\r\n  }\r\n\r\n  items.forEach((item) => {\r\n    item.dataset.open = 'false';\r\n    const btn = item.querySelector('.faq-question');\r\n    const ans = item.querySelector('.faq-answer');\r\n    if (!btn || !ans) return;\r\n\r\n    if (!ans.id) ans.id = 'faq-ans-' + Math.random().toString(16).slice(2);\r\n    btn.setAttribute('aria-controls', ans.id);\r\n\r\n    btn.addEventListener('click', () => toggle(item));\r\n  });\r\n\r\n  \/\/ Abrir el primero por defecto (si no lo quieres, borra estas 2 l\u00edneas)\r\n  if (items[0]) openItem(items[0]);\r\n\r\n})();\r\n<\/script>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"wd-negative-gap elementor-element elementor-element-612c708 e-flex e-con-boxed e-con e-parent\" data-id=\"612c708\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\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>Tu navegador no soporta videos HTML5. Energ\u00eda estable Sin picos Green Ritual es un suplemento funcional que acompa\u00f1a tu energ\u00eda<\/p>","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"_uf_show_specific_survey":0,"_uf_disable_surveys":false,"footnotes":""},"class_list":["post-3411","page","type-page","status-publish","hentry"],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/thenutricult.com\/en\/wp-json\/wp\/v2\/pages\/3411","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/thenutricult.com\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/thenutricult.com\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/thenutricult.com\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/thenutricult.com\/en\/wp-json\/wp\/v2\/comments?post=3411"}],"version-history":[{"count":364,"href":"https:\/\/thenutricult.com\/en\/wp-json\/wp\/v2\/pages\/3411\/revisions"}],"predecessor-version":[{"id":30065,"href":"https:\/\/thenutricult.com\/en\/wp-json\/wp\/v2\/pages\/3411\/revisions\/30065"}],"wp:attachment":[{"href":"https:\/\/thenutricult.com\/en\/wp-json\/wp\/v2\/media?parent=3411"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}