{"product_id":"⏰-pocas-unidades-en-colombia-kit-de-7-recipientes-hermeticos-menos-desorden-mas-practicidad-✨","title":"⏰ ¡Pocas unidades en Colombia! Kit de 7 Recipientes Herméticos – Menos desorden, más practicidad ✨","description":"\u003cbody\u003e\n\n\n    \u003cmeta charset=\"UTF-8\"\u003e\n    \u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\u003e\n    \u003ctitle\u003eSet 7 Frascos Herméticos - Oferta Especial\u003c\/title\u003e\n    \u003clink href=\"https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@400;600;700;800;900\u0026amp;family=Inter:wght@400;500;600;700;800\u0026amp;display=swap\" rel=\"stylesheet\"\u003e\n    \n    \u003cstyle\u003e\n        \/* ANIMAÇÕES *\/\n        @keyframes fadeInUp { from { opacity: 0; transform: translateY(40px); } to { opacity: 1; transform: translateY(0); } }\n        @keyframes fadeInLeft { from { opacity: 0; transform: translateX(-50px); } to { opacity: 1; transform: translateX(0); } }\n        @keyframes fadeInRight { from { opacity: 0; transform: translateX(50px); } to { opacity: 1; transform: translateX(0); } }\n        @keyframes scaleIn { from { opacity: 0; transform: scale(0.8); } to { opacity: 1; transform: scale(1); } }\n        @keyframes bounce { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-15px); } }\n        @keyframes pulse { 0%, 100% { transform: scale(1); } 50% { transform: scale(1.08); } }\n        @keyframes shake { 0%, 100% { transform: translateX(0) rotate(0deg); } 25% { transform: translateX(-8px) rotate(-3deg); } 75% { transform: translateX(8px) rotate(3deg); } }\n        @keyframes blink { 0%, 100% { opacity: 1; } 50% { opacity: 0.2; } }\n        @keyframes shine { 0% { background-position: -200% center; } 100% { background-position: 200% center; } }\n        @keyframes float { 0%, 100% { transform: translateY(0px); } 50% { transform: translateY(-20px); } }\n        @keyframes wiggle { 0%, 100% { transform: rotate(0deg); } 25% { transform: rotate(-8deg); } 75% { transform: rotate(8deg); } }\n        @keyframes heartbeat { 0%, 100% { transform: scale(1); } 10%, 30% { transform: scale(0.92); } 20%, 40% { transform: scale(1.08); } }\n        @keyframes glow { 0%, 100% { box-shadow: 0 0 20px rgba(210, 105, 30, 0.5); } 50% { box-shadow: 0 0 40px rgba(210, 105, 30, 0.8), 0 0 60px rgba(210, 105, 30, 0.6); } }\n        \n        .animate-on-scroll { opacity: 0; }\n        .animate-on-scroll.visible { animation: fadeInUp 0.8s ease forwards; opacity: 1; }\n        .animate-left { opacity: 0; }\n        .animate-left.visible { animation: fadeInLeft 0.8s ease forwards; opacity: 1; }\n        .animate-right { opacity: 0; }\n        .animate-right.visible { animation: fadeInRight 0.8s ease forwards; opacity: 1; }\n        .animate-scale { opacity: 0; }\n        .animate-scale.visible { animation: scaleIn 0.6s ease forwards; opacity: 1; }\n        \n        .hover-lift { transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275); }\n        .hover-lift:hover { transform: translateY(-12px) scale(1.02); box-shadow: 0 20px 60px rgba(0, 0, 0, 0.3) !important; }\n        .hover-scale { transition: transform 0.3s ease; cursor: pointer; }\n        .hover-scale:hover { transform: scale(1.05); }\n        \n        .pulse-animation { animation: pulse 2.5s ease-in-out infinite; }\n        .bounce-animation { animation: bounce 2s ease-in-out infinite; }\n        .float-animation { animation: float 3s ease-in-out infinite; }\n        .shake-animation { animation: shake 0.8s ease infinite; }\n        .wiggle-animation { animation: wiggle 1.2s ease infinite; }\n        .heartbeat-animation { animation: heartbeat 1.5s ease-in-out infinite; }\n        .shine-effect { background-size: 200% auto; animation: shine 3s linear infinite; }\n        .glow { animation: glow 2s ease-in-out infinite; }\n        \n        .btn-shine { position: relative; overflow: hidden; }\n        .btn-shine::before { content: ''; position: absolute; top: 0; left: -100%; width: 100%; height: 100%; background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.4), transparent); transition: left 0.6s; }\n        .btn-shine:hover::before { left: 100%; }\n        \n        .stagger-1 { animation-delay: 0.1s !important; }\n        .stagger-2 { animation-delay: 0.2s !important; }\n        .stagger-3 { animation-delay: 0.3s !important; }\n        .stagger-4 { animation-delay: 0.4s !important; }\n        .stagger-5 { animation-delay: 0.5s !important; }\n        .stagger-6 { animation-delay: 0.6s !important; }\n        \n        @media (max-width: 768px) {\n            .hover-lift:hover { transform: translateY(-8px) scale(1.01); }\n            #liveNotification { left: 10px !important; right: 10px !important; bottom: 10px !important; max-width: calc(100% - 20px) !important; }\n        }\n    \u003c\/style\u003e\n\n\n\n\u003c!-- Notificação de Compra - ANIMADA --\u003e\n\u003cdiv id=\"liveNotification\" style=\"position: fixed; bottom: 20px; left: 20px; background: linear-gradient(135deg, #FFF8DC 0%, #FFFAF0 100%); padding: 1rem 1.3rem; border-radius: 12px; border: 3px solid #D2691E; box-shadow: 0 10px 40px rgba(210, 105, 30, 0.4); z-index: 9999; opacity: 0; visibility: hidden; transform: translateX(-400px); transition: all 0.5s ease; max-width: 320px;\"\u003e\n    \u003cdiv style=\"display: flex; align-items: center; gap: 10px;\"\u003e\n        \u003cdiv class=\"pulse-animation\" style=\"width: 35px; height: 35px; background: #2E7D32; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 1.3rem; color: white; flex-shrink: 0;\"\u003e✓\u003c\/div\u003e\n        \u003cdiv style=\"flex: 1;\"\u003e\n            \u003cdiv id=\"buyerName\" style=\"font-weight: 700; font-size: 0.95rem; color: #1A1A1A;\"\u003eMaría González\u003c\/div\u003e\n            \u003cdiv id=\"buyerLocation\" style=\"font-size: 0.8rem; color: #666;\"\u003eBogotá, Colombia\u003c\/div\u003e\n            \u003cdiv style=\"font-size: 0.75rem; color: #2E7D32; margin-top: 0.2rem; font-weight: 600;\"\u003e¡Acaba de comprar!\u003c\/div\u003e\n        \u003c\/div\u003e\n    \u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003c!-- Banner Urgente --\u003e\n\u003cdiv class=\"shine-effect\" style=\"background: linear-gradient(135deg, #D2691E 0%, #8B4513 100%); padding: 1rem; text-align: center; font-weight: 800; font-size: clamp(0.75rem, 2.5vw, 1rem); color: white; text-transform: uppercase; letter-spacing: 1px; box-shadow: 0 4px 15px rgba(139, 69, 19, 0.4);\"\u003e\n    🔥 ENVÍO GRATIS • PAGO CONTRA ENTREGA • ¡OFERTA POR TIEMPO LIMITADO! 🔥\n\u003c\/div\u003e\n\n\u003c!-- Banner de Urgência com Vendas --\u003e\n\u003csection class=\"animate-on-scroll\" style=\"background: linear-gradient(135deg, #D32F2F 0%, #B71C1C 100%); padding: 2rem 1rem; text-align: center; box-shadow: 0 5px 20px rgba(211, 47, 47, 0.3);\"\u003e\n    \u003cdiv style=\"max-width: 900px; margin: 0 auto;\"\u003e\n        \u003cdiv class=\"pulse-animation\" style=\"color: white; font-size: clamp(1.2rem, 4vw, 2rem); font-weight: 900; margin-bottom: 1rem; text-transform: uppercase; line-height: 1.2;\"\u003e\n            ⚡ \u003cspan id=\"sales-today\"\u003e127\u003c\/span\u003e PERSONAS COMPRARON HOY ⚡\n        \u003c\/div\u003e\n        \u003cdiv class=\"animate-on-scroll\" style=\"color: #FFF8DC; font-size: clamp(0.9rem, 2.5vw, 1.2rem); font-weight: 700; margin-bottom: 1.5rem;\"\u003e\n            ¡No te quedes sin el tuyo! Stock limitado disponible\n        \u003c\/div\u003e\n        \n        \u003cdiv style=\"background: rgba(255, 255, 255, 0.2); border-radius: 50px; height: 30px; overflow: hidden; margin: 0 auto; max-width: 600px; position: relative;\"\u003e\n            \u003cdiv id=\"sales-bar\" style=\"background: linear-gradient(90deg, #2E7D32 0%, #4CAF50 100%); height: 100%; width: 76%; transition: width 1s ease; display: flex; align-items: center; justify-content: center; border-radius: 50px;\"\u003e\n                \u003cspan style=\"color: white; font-weight: 900; font-size: clamp(0.8rem, 2vw, 1rem); text-shadow: 0 2px 4px rgba(0,0,0,0.3);\"\u003e76% VENDIDO\u003c\/span\u003e\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n        \n        \u003cdiv style=\"color: white; font-size: clamp(0.85rem, 2vw, 1rem); font-weight: 700; margin-top: 1rem; display: flex; align-items: center; justify-content: center; gap: 0.5rem; flex-wrap: wrap;\"\u003e\n            \u003cspan class=\"pulse-animation\" style=\"animation: blink 1.5s infinite;\"\u003e🔴\u003c\/span\u003e\n            \u003cspan\u003eOFERTA ACTIVA\u003c\/span\u003e\n            \u003cspan\u003e|\u003c\/span\u003e\n            \u003cspan\u003eQUEDAN SOLO \u003cspan id=\"units-left\" style=\"font-size: clamp(1.2rem, 3vw, 1.5rem); color: #FFD700;\"\u003e18\u003c\/span\u003e UNIDADES\u003c\/span\u003e\n        \u003c\/div\u003e\n    \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- Hero --\u003e\n\u003csection class=\"animate-on-scroll\" style=\"background: linear-gradient(135deg, #FFF8DC 0%, #FFFAF0 100%); padding: clamp(2rem, 5vw, 3rem) clamp(1rem, 3vw, 1.5rem); text-align: center; border-bottom: 4px solid #D2691E;\"\u003e\n    \n    \u003c!-- Badge +15.000 Clientes --\u003e\n    \u003cdiv class=\"hover-scale float-animation\" style=\"display: inline-block; background: linear-gradient(135deg, #2E7D32 0%, #1B5E20 100%); color: white; padding: clamp(0.6rem, 2vw, 0.8rem) clamp(1.2rem, 4vw, 2rem); border-radius: 50px; font-weight: 900; font-size: clamp(0.9rem, 2.5vw, 1.2rem); margin-bottom: 1.5rem; box-shadow: 0 10px 30px rgba(46, 125, 50, 0.4); border: 3px solid #FFF8DC;\"\u003e\n        \u003cspan class=\"wiggle-animation\" style=\"font-size: clamp(1.3rem, 3vw, 1.8rem); vertical-align: middle;\"\u003e⭐\u003c\/span\u003e \u003cspan style=\"font-size: clamp(1.2rem, 3vw, 1.5rem); font-weight: 900;\"\u003e+15.000\u003c\/span\u003e FAMILIAS YA CONFIARON\n    \u003c\/div\u003e\n    \n    \u003ch1 class=\"animate-on-scroll\" style=\"font-family: 'Poppins', sans-serif; font-size: clamp(1.5rem, 5vw, 2.5rem); font-weight: 900; line-height: 1.1; color: #654321; margin-bottom: 1rem; text-transform: uppercase; letter-spacing: 1px; padding: 0 1rem;\"\u003e\n        ¡ACABÁ CON EL DESORDEN! \u003cspan class=\"pulse-animation\" style=\"color: #D2691E; display: block; margin-top: 0.5rem;\"\u003eTU COCINA TRANSFORMADA EN MINUTOS\u003c\/span\u003e\n    \u003c\/h1\u003e\n    \n    \u003cp class=\"animate-on-scroll\" style=\"font-size: clamp(1rem, 3vw, 1.2rem); font-weight: 700; color: #D32F2F; margin-bottom: 1.2rem; font-style: italic; padding: 0 1rem;\"\u003e\n        ¿Cansada de sentir vergüenza cuando alguien abre tu alacena? ¿Harta de tirar comida echada a perder?\n    \u003c\/p\u003e\n    \n    \u003cp class=\"animate-on-scroll\" style=\"font-size: clamp(1rem, 2.8vw, 1.3rem); font-weight: 700; color: #1A1A1A; margin-bottom: 1.5rem; line-height: 1.4; padding: 0 1rem;\"\u003e\n        Set de 7 Frascos Herméticos que Mantienen Tus Alimentos Frescos, Tu Despensa Organizada y Tu Vida MÁS FÁCIL\n    \u003c\/p\u003e\n    \n    \u003cp class=\"animate-on-scroll\" style=\"font-size: clamp(0.95rem, 2.3vw, 1.1rem); color: #444; max-width: 900px; margin: 0 auto 2rem; font-weight: 500; padding: 0 1rem;\"\u003e\n        No más comida echada a perder. No más frascos abiertos que dejan pasar bichos. No más despensa desordenada que te hace perder tiempo. Este set CAMBIA TODO desde el primer día.\n    \u003c\/p\u003e\n    \n    \u003c!-- Lista de Benefícios --\u003e\n    \u003cdiv class=\"animate-on-scroll hover-lift\" style=\"max-width: 600px; margin: 2rem auto 0; text-align: left; background: rgba(255, 255, 255, 0.8); padding: clamp(1rem, 3vw, 1.5rem) clamp(1.2rem, 4vw, 2rem); border-radius: 15px; border: 3px solid #D2691E; box-shadow: 0 8px 25px rgba(210, 105, 30, 0.2);\"\u003e\n        \u003cdiv style=\"font-weight: 800; font-size: clamp(1rem, 3vw, 1.2rem); color: #654321; margin-bottom: 1rem; text-align: center;\"\u003e✨ LO QUE LOGRÁS HOY:\u003c\/div\u003e\n        \u003cdiv style=\"display: grid; gap: clamp(0.6rem, 2vw, 0.8rem); font-size: clamp(0.9rem, 2.3vw, 1rem); font-weight: 600; color: #1A1A1A;\"\u003e\n            \u003cdiv class=\"animate-on-scroll stagger-1\" style=\"display: flex; align-items: flex-start; gap: 0.8rem;\"\u003e\n                \u003cspan class=\"bounce-animation\" style=\"color: #2E7D32; font-size: clamp(1.2rem, 3vw, 1.5rem); flex-shrink: 0; line-height: 1;\"\u003e✅\u003c\/span\u003e\n                \u003cspan\u003eMantén comida fresca por MESES (no días)\u003c\/span\u003e\n            \u003c\/div\u003e\n            \u003cdiv class=\"animate-on-scroll stagger-2\" style=\"display: flex; align-items: flex-start; gap: 0.8rem;\"\u003e\n                \u003cspan class=\"bounce-animation\" style=\"color: #2E7D32; font-size: clamp(1.2rem, 3vw, 1.5rem); flex-shrink: 0; line-height: 1;\"\u003e✅\u003c\/span\u003e\n                \u003cspan\u003eEliminás bichos y humedad de tu despensa\u003c\/span\u003e\n            \u003c\/div\u003e\n            \u003cdiv class=\"animate-on-scroll stagger-3\" style=\"display: flex; align-items: flex-start; gap: 0.8rem;\"\u003e\n                \u003cspan class=\"bounce-animation\" style=\"color: #2E7D32; font-size: clamp(1.2rem, 3vw, 1.5rem); flex-shrink: 0; line-height: 1;\"\u003e✅\u003c\/span\u003e\n                \u003cspan\u003eAhorrás hasta $100.000 al mes en comida desperdiciada\u003c\/span\u003e\n            \u003c\/div\u003e\n            \u003cdiv class=\"animate-on-scroll stagger-4\" style=\"display: flex; align-items: flex-start; gap: 0.8rem;\"\u003e\n                \u003cspan class=\"bounce-animation\" style=\"color: #2E7D32; font-size: clamp(1.2rem, 3vw, 1.5rem); flex-shrink: 0; line-height: 1;\"\u003e✅\u003c\/span\u003e\n                \u003cspan\u003eOrganización completa en menos de 10 minutos\u003c\/span\u003e\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003c!-- Badge Compra Segura --\u003e\n    \u003cdiv class=\"animate-on-scroll hover-scale btn-shine\" style=\"display: inline-flex; align-items: center; gap: clamp(0.5rem, 2vw, 0.8rem); background: linear-gradient(135deg, #1B5E20 0%, #2E7D32 100%); color: white; padding: clamp(0.8rem, 2.5vw, 1rem) clamp(1.2rem, 4vw, 2rem); border-radius: 50px; font-weight: 900; font-size: clamp(0.9rem, 2.3vw, 1.1rem); margin-top: 1.5rem; box-shadow: 0 10px 30px rgba(46, 125, 50, 0.4); border: 3px solid #FFF8DC; flex-wrap: wrap; justify-content: center;\"\u003e\n        \u003cspan class=\"pulse-animation\" style=\"font-size: clamp(1.5rem, 4vw, 2rem);\"\u003e🛡️\u003c\/span\u003e\n        \u003cdiv style=\"text-align: left;\"\u003e\n            \u003cdiv style=\"font-size: clamp(0.75rem, 2vw, 0.85rem); text-transform: uppercase; letter-spacing: 1px;\"\u003eCompra 100% Segura\u003c\/div\u003e\n            \u003cdiv style=\"font-size: clamp(1rem, 2.5vw, 1.2rem); font-weight: 900;\"\u003eSolo Pagás en la Entrega\u003c\/div\u003e\n        \u003c\/div\u003e\n    \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- Badges de Confiança --\u003e\n\u003csection class=\"animate-on-scroll\" style=\"background: white; padding: clamp(1.5rem, 4vw, 2rem) clamp(1rem, 3vw, 1.5rem); border-bottom: 3px solid #DAA520;\"\u003e\n    \u003cdiv style=\"max-width: 1000px; margin: 0 auto; display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: clamp(1rem, 3vw, 1.5rem);\"\u003e\n        \u003cdiv class=\"hover-lift animate-on-scroll stagger-1\" style=\"display: flex; align-items: center; justify-content: center; gap: 0.8rem; padding: 1rem; background: linear-gradient(135deg, #FFF8DC 0%, #FFFAF0 100%); border-radius: 12px; border: 2px solid #2E7D32; box-shadow: 0 4px 15px rgba(46, 125, 50, 0.15);\"\u003e\n            \u003cspan class=\"wiggle-animation\" style=\"font-size: clamp(2rem, 5vw, 2.5rem);\"\u003e🔒\u003c\/span\u003e\n            \u003cdiv style=\"text-align: left;\"\u003e\n                \u003cdiv style=\"font-weight: 800; font-size: clamp(0.85rem, 2vw, 1rem); color: #2E7D32; text-transform: uppercase;\"\u003eCompra Segura\u003c\/div\u003e\n                \u003cdiv style=\"font-size: clamp(0.75rem, 1.8vw, 0.85rem); color: #555; font-weight: 600;\"\u003eCertificado SSL\u003c\/div\u003e\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n        \n        \u003cdiv class=\"hover-lift animate-on-scroll stagger-2\" style=\"display: flex; align-items: center; justify-content: center; gap: 0.8rem; padding: 1rem; background: linear-gradient(135deg, #FFF8DC 0%, #FFFAF0 100%); border-radius: 12px; border: 2px solid #2E7D32; box-shadow: 0 4px 15px rgba(46, 125, 50, 0.15);\"\u003e\n            \u003cspan class=\"bounce-animation\" style=\"font-size: clamp(2rem, 5vw, 2.5rem);\"\u003e✅\u003c\/span\u003e\n            \u003cdiv style=\"text-align: left;\"\u003e\n                \u003cdiv style=\"font-weight: 800; font-size: clamp(0.85rem, 2vw, 1rem); color: #2E7D32; text-transform: uppercase;\"\u003eSatisfacción\u003c\/div\u003e\n                \u003cdiv style=\"font-size: clamp(0.75rem, 1.8vw, 0.85rem); color: #555; font-weight: 600;\"\u003eGarantizada 30 Días\u003c\/div\u003e\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n        \n        \u003cdiv class=\"hover-lift animate-on-scroll stagger-3\" style=\"display: flex; align-items: center; justify-content: center; gap: 0.8rem; padding: 1rem; background: linear-gradient(135deg, #FFF8DC 0%, #FFFAF0 100%); border-radius: 12px; border: 2px solid #2E7D32; box-shadow: 0 4px 15px rgba(46, 125, 50, 0.15);\"\u003e\n            \u003cspan class=\"float-animation\" style=\"font-size: clamp(2rem, 5vw, 2.5rem);\"\u003e🚚\u003c\/span\u003e\n            \u003cdiv style=\"text-align: left;\"\u003e\n                \u003cdiv style=\"font-weight: 800; font-size: clamp(0.85rem, 2vw, 1rem); color: #2E7D32; text-transform: uppercase;\"\u003eEnvío Gratis\u003c\/div\u003e\n                \u003cdiv style=\"font-size: clamp(0.75rem, 1.8vw, 0.85rem); color: #555; font-weight: 600;\"\u003eToda Colombia\u003c\/div\u003e\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n        \n        \u003cdiv class=\"hover-lift animate-on-scroll stagger-4\" style=\"display: flex; align-items: center; justify-content: center; gap: 0.8rem; padding: 1rem; background: linear-gradient(135deg, #FFF8DC 0%, #FFFAF0 100%); border-radius: 12px; border: 2px solid #2E7D32; box-shadow: 0 4px 15px rgba(46, 125, 50, 0.15);\"\u003e\n            \u003cspan class=\"pulse-animation\" style=\"font-size: clamp(2rem, 5vw, 2.5rem);\"\u003e💵\u003c\/span\u003e\n            \u003cdiv style=\"text-align: left;\"\u003e\n                \u003cdiv style=\"font-weight: 800; font-size: clamp(0.85rem, 2vw, 1rem); color: #2E7D32; text-transform: uppercase;\"\u003ePago Efectivo\u003c\/div\u003e\n                \u003cdiv style=\"font-size: clamp(0.75rem, 1.8vw, 0.85rem); color: #555; font-weight: 600;\"\u003eContra Entrega\u003c\/div\u003e\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n    \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- Continua... devido ao tamanho, vou adicionar o resto em outro comando --\u003e\n\n\u003c!-- Cómo Funciona (3 Pasos) --\u003e\n\u003csection class=\"animate-on-scroll\" style=\"background: linear-gradient(135deg, #2E7D32 0%, #1B5E20 100%); padding: clamp(3rem, 6vw, 4rem) clamp(1rem, 3vw, 1.5rem); text-align: center; border-bottom: 4px solid #DAA520;\"\u003e\n    \u003ch2 style=\"font-family: 'Poppins', sans-serif; font-size: clamp(1.8rem, 5vw, 2.8rem); font-weight: 900; color: white; margin-bottom: 1rem; text-transform: uppercase; padding: 0 1rem;\"\u003e\n        🎯 ¿CÓMO FUNCIONA?\n    \u003c\/h2\u003e\n    \u003cp class=\"animate-on-scroll\" style=\"color: #FFF8DC; font-size: clamp(1rem, 2.5vw, 1.3rem); font-weight: 600; max-width: 700px; margin: 0 auto 3rem; padding: 0 1rem;\"\u003e\n        Es tan simple que lo vas a tener en tu casa en menos de una semana\n    \u003c\/p\u003e\n    \n    \u003cdiv style=\"max-width: 1200px; margin: 0 auto; display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap: clamp(2rem, 4vw, 3rem);\"\u003e\n        \u003c!-- Paso 1 --\u003e\n        \u003cdiv class=\"hover-lift animate-on-scroll stagger-1\" style=\"background: white; padding: clamp(2rem, 4vw, 2.5rem) clamp(1.5rem, 3vw, 2rem); border-radius: 20px; box-shadow: 0 10px 40px rgba(0, 0, 0, 0.2); position: relative; border: 4px solid #DAA520;\"\u003e\n            \u003cdiv class=\"pulse-animation\" style=\"position: absolute; top: -25px; left: 50%; transform: translateX(-50%); background: linear-gradient(135deg, #D2691E 0%, #8B4513 100%); width: 50px; height: 50px; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-family: 'Poppins', sans-serif; font-size: 1.8rem; font-weight: 900; color: white; box-shadow: 0 5px 20px rgba(210, 105, 30, 0.4);\"\u003e1\u003c\/div\u003e\n            \u003cdiv class=\"float-animation\" style=\"font-size: clamp(3rem, 7vw, 4rem); margin-bottom: 1rem; margin-top: 1rem;\"\u003e🛒\u003c\/div\u003e\n            \u003ch3 style=\"font-family: 'Poppins', sans-serif; font-size: clamp(1.2rem, 3vw, 1.5rem); font-weight: 800; color: #654321; margin-bottom: 1rem; text-transform: uppercase;\"\u003eORDENÁS\u003c\/h3\u003e\n            \u003cp style=\"color: #555; font-size: clamp(0.95rem, 2.3vw, 1.1rem); line-height: 1.7; font-weight: 500; margin: 0;\"\u003eElegís tu set de 7 frascos herméticos. \u003cstrong\u003eNo pagás nada ahora.\u003c\/strong\u003e\u003c\/p\u003e\n        \u003c\/div\u003e\n        \n        \u003c!-- Paso 2 --\u003e\n        \u003cdiv class=\"hover-lift animate-on-scroll stagger-2\" style=\"background: white; padding: clamp(2rem, 4vw, 2.5rem) clamp(1.5rem, 3vw, 2rem); border-radius: 20px; box-shadow: 0 10px 40px rgba(0, 0, 0, 0.2); position: relative; border: 4px solid #DAA520;\"\u003e\n            \u003cdiv class=\"pulse-animation\" style=\"position: absolute; top: -25px; left: 50%; transform: translateX(-50%); background: linear-gradient(135deg, #D2691E 0%, #8B4513 100%); width: 50px; height: 50px; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-family: 'Poppins', sans-serif; font-size: 1.8rem; font-weight: 900; color: white; box-shadow: 0 5px 20px rgba(210, 105, 30, 0.4);\"\u003e2\u003c\/div\u003e\n            \u003cdiv class=\"float-animation\" style=\"font-size: clamp(3rem, 7vw, 4rem); margin-bottom: 1rem; margin-top: 1rem; animation-delay: 0.5s;\"\u003e📦\u003c\/div\u003e\n            \u003ch3 style=\"font-family: 'Poppins', sans-serif; font-size: clamp(1.2rem, 3vw, 1.5rem); font-weight: 800; color: #654321; margin-bottom: 1rem; text-transform: uppercase;\"\u003eRECIBÍS\u003c\/h3\u003e\n            \u003cp style=\"color: #555; font-size: clamp(0.95rem, 2.3vw, 1.1rem); line-height: 1.7; font-weight: 500; margin: 0;\"\u003eEn 4-7 días llega a tu casa. \u003cstrong\u003eEnvío 100% GRATIS\u003c\/strong\u003e a toda Colombia.\u003c\/p\u003e\n        \u003c\/div\u003e\n        \n        \u003c!-- Paso 3 --\u003e\n        \u003cdiv class=\"hover-lift animate-on-scroll stagger-3\" style=\"background: white; padding: clamp(2rem, 4vw, 2.5rem) clamp(1.5rem, 3vw, 2rem); border-radius: 20px; box-shadow: 0 10px 40px rgba(0, 0, 0, 0.2); position: relative; border: 4px solid #DAA520;\"\u003e\n            \u003cdiv class=\"pulse-animation\" style=\"position: absolute; top: -25px; left: 50%; transform: translateX(-50%); background: linear-gradient(135deg, #D2691E 0%, #8B4513 100%); width: 50px; height: 50px; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-family: 'Poppins', sans-serif; font-size: 1.8rem; font-weight: 900; color: white; box-shadow: 0 5px 20px rgba(210, 105, 30, 0.4);\"\u003e3\u003c\/div\u003e\n            \u003cdiv class=\"float-animation\" style=\"font-size: clamp(3rem, 7vw, 4rem); margin-bottom: 1rem; margin-top: 1rem; animation-delay: 1s;\"\u003e💵\u003c\/div\u003e\n            \u003ch3 style=\"font-family: 'Poppins', sans-serif; font-size: clamp(1.2rem, 3vw, 1.5rem); font-weight: 800; color: #654321; margin-bottom: 1rem; text-transform: uppercase;\"\u003ePAGÁS\u003c\/h3\u003e\n            \u003cp style=\"color: #555; font-size: clamp(0.95rem, 2.3vw, 1.1rem); line-height: 1.7; font-weight: 500; margin: 0;\"\u003eSolo cuando lo tenés en tu mano. \u003cstrong\u003eEn efectivo al mensajero.\u003c\/strong\u003e\u003c\/p\u003e\n        \u003c\/div\u003e\n    \u003c\/div\u003e\n    \n    \u003cdiv class=\"animate-on-scroll hover-scale\" style=\"margin-top: 3rem; padding: clamp(1.5rem, 3vw, 2rem); background: rgba(255, 255, 255, 0.15); border-radius: 15px; backdrop-filter: blur(10px); max-width: 800px; margin-left: auto; margin-right: auto; border: 3px solid rgba(255, 255, 255, 0.3);\"\u003e\n        \u003cp style=\"color: white; font-size: clamp(1.1rem, 3vw, 1.4rem); font-weight: 800; margin: 0; line-height: 1.5;\"\u003e\n            ✨ \u003cspan class=\"pulse-animation\" style=\"color: #FFD700;\"\u003e¡ASÍ DE FÁCIL!\u003c\/span\u003e Sin riesgos, sin complicaciones, sin tarjetas. Solo efectivo cuando recibís tu set.\n        \u003c\/p\u003e\n    \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- Contador de Estoque --\u003e\n\u003cdiv class=\"animate-on-scroll\" style=\"background: linear-gradient(135deg, #FFF3E0 0%, #FFE0B2 100%); padding: clamp(1rem, 3vw, 1.2rem) clamp(1rem, 3vw, 1.5rem); text-align: center; border-top: 3px solid #D2691E; border-bottom: 3px solid #D2691E; box-shadow: 0 5px 20px rgba(210, 105, 30, 0.2);\"\u003e\n    \u003cdiv class=\"hover-scale\" style=\"display: inline-flex; align-items: center; gap: clamp(0.6rem, 2vw, 1rem); background: white; padding: clamp(0.8rem, 2.5vw, 1rem) clamp(1.2rem, 4vw, 2rem); border-radius: 50px; border: 3px solid #D32F2F; box-shadow: 0 8px 25px rgba(211, 47, 47, 0.3); flex-wrap: wrap; justify-content: center;\"\u003e\n        \u003cspan class=\"shake-animation\" style=\"font-size: clamp(1.5rem, 4vw, 2rem);\"\u003e⚠️\u003c\/span\u003e\n        \u003cdiv style=\"text-align: left;\"\u003e\n            \u003cdiv style=\"font-weight: 900; font-size: clamp(0.9rem, 2.5vw, 1.2rem); color: #D32F2F; text-transform: uppercase; line-height: 1.2;\"\u003e¡ATENCIÓN!\u003c\/div\u003e\n            \u003cdiv style=\"font-weight: 700; font-size: clamp(0.85rem, 2.3vw, 1rem); color: #1A1A1A;\"\u003eQuedan solo \u003cspan style=\"color: #D32F2F; font-size: clamp(1.3rem, 3.5vw, 1.8rem); font-weight: 900;\" id=\"stock-counter\"\u003e18\u003c\/span\u003e unidades\u003c\/div\u003e\n        \u003c\/div\u003e\n    \u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003c!-- Preços --\u003e\n\u003csection class=\"animate-on-scroll\" style=\"background: linear-gradient(135deg, #FFF4E6 0%, #FFE4B5 100%); padding: clamp(2.5rem, 5vw, 3rem) clamp(1rem, 3vw, 1.5rem); text-align: center; border-top: 4px solid #D2691E; border-bottom: 4px solid #D2691E;\"\u003e\n    \u003cdiv class=\"pulse-animation btn-shine\" style=\"display: inline-block; background: linear-gradient(135deg, #D32F2F 0%, #B71C1C 100%); color: white; padding: clamp(0.6rem, 2vw, 0.8rem) clamp(1.2rem, 4vw, 2rem); border-radius: 50px; font-family: 'Poppins', sans-serif; font-weight: 900; font-size: clamp(1.1rem, 3.5vw, 1.5rem); margin-bottom: 1.5rem; text-transform: uppercase; letter-spacing: 2px; box-shadow: 0 10px 30px rgba(211, 47, 47, 0.4);\"\u003e\n        ⚡ 76% DE DESCUENTO ⚡\n    \u003c\/div\u003e\n    \u003cdiv class=\"animate-on-scroll\" style=\"font-family: 'Poppins', sans-serif; font-size: clamp(1.8rem, 5vw, 2.5rem); color: #999; text-decoration: line-through; font-weight: 700; margin-bottom: 0.8rem;\"\u003e$450.000\u003c\/div\u003e\n    \u003cdiv class=\"animate-on-scroll pulse-animation\" style=\"font-family: 'Poppins', sans-serif; font-size: clamp(3rem, 8vw, 5rem); font-weight: 900; color: #D2691E; margin-bottom: 1rem; line-height: 1;\"\u003e$110.000\u003c\/div\u003e\n    \u003cp class=\"animate-on-scroll\" style=\"font-family: 'Poppins', sans-serif; font-size: clamp(1.1rem, 3vw, 1.5rem); color: #2E7D32; font-weight: 900; margin-bottom: 2rem; text-transform: uppercase;\"\u003e💰 ¡AHORRÁS $340.000 HOY!\u003c\/p\u003e\n    \n    \u003cdiv style=\"display: grid; grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); gap: clamp(1rem, 3vw, 1.5rem); max-width: 1000px; margin: 0 auto;\"\u003e\n        \u003cdiv class=\"hover-lift animate-on-scroll stagger-1\" style=\"background: white; padding: clamp(1rem, 3vw, 1.5rem); border-radius: 15px; border: 3px solid #DAA520; box-shadow: 0 5px 20px rgba(218, 165, 32, 0.2);\"\u003e\n            \u003cdiv class=\"float-animation\" style=\"font-size: clamp(2rem, 5vw, 2.5rem); margin-bottom: 0.8rem;\"\u003e🚚\u003c\/div\u003e\n            \u003cdiv style=\"font-weight: 800; font-size: clamp(0.95rem, 2.5vw, 1.1rem); margin-bottom: 0.5rem; color: #654321;\"\u003eENVÍO GRATIS\u003c\/div\u003e\n            \u003cp style=\"color: #555; font-size: clamp(0.85rem, 2vw, 0.95rem); font-weight: 500; margin: 0;\"\u003eA toda Colombia\u003c\/p\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"hover-lift animate-on-scroll stagger-2\" style=\"background: white; padding: clamp(1rem, 3vw, 1.5rem); border-radius: 15px; border: 3px solid #DAA520; box-shadow: 0 5px 20px rgba(218, 165, 32, 0.2);\"\u003e\n            \u003cdiv class=\"bounce-animation\" style=\"font-size: clamp(2rem, 5vw, 2.5rem); margin-bottom: 0.8rem;\"\u003e💵\u003c\/div\u003e\n            \u003cdiv style=\"font-weight: 800; font-size: clamp(0.95rem, 2.5vw, 1.1rem); margin-bottom: 0.5rem; color: #654321;\"\u003ePago Contra Entrega\u003c\/div\u003e\n            \u003cp style=\"color: #555; font-size: clamp(0.85rem, 2vw, 0.95rem); font-weight: 500; margin: 0;\"\u003eEn efectivo al recibir\u003c\/p\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"hover-lift animate-on-scroll stagger-3\" style=\"background: white; padding: clamp(1rem, 3vw, 1.5rem); border-radius: 15px; border: 3px solid #DAA520; box-shadow: 0 5px 20px rgba(218, 165, 32, 0.2);\"\u003e\n            \u003cdiv class=\"wiggle-animation\" style=\"font-size: clamp(2rem, 5vw, 2.5rem); margin-bottom: 0.8rem;\"\u003e⚡\u003c\/div\u003e\n            \u003cdiv style=\"font-weight: 800; font-size: clamp(0.95rem, 2.5vw, 1.1rem); margin-bottom: 0.5rem; color: #654321;\"\u003eEntrega Rápida\u003c\/div\u003e\n            \u003cp style=\"color: #555; font-size: clamp(0.85rem, 2vw, 0.95rem); font-weight: 500; margin: 0;\"\u003e4-7 días hábiles\u003c\/p\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"hover-lift animate-on-scroll stagger-4\" style=\"background: white; padding: clamp(1rem, 3vw, 1.5rem); border-radius: 15px; border: 3px solid #DAA520; box-shadow: 0 5px 20px rgba(218, 165, 32, 0.2);\"\u003e\n            \u003cdiv class=\"pulse-animation\" style=\"font-size: clamp(2rem, 5vw, 2.5rem); margin-bottom: 0.8rem;\"\u003e🛡️\u003c\/div\u003e\n            \u003cdiv style=\"font-weight: 800; font-size: clamp(0.95rem, 2.5vw, 1.1rem); margin-bottom: 0.5rem; color: #654321;\"\u003e30 Días Garantía\u003c\/div\u003e\n            \u003cp style=\"color: #555; font-size: clamp(0.85rem, 2vw, 0.95rem); font-weight: 500; margin: 0;\"\u003ePor defectos\u003c\/p\u003e\n        \u003c\/div\u003e\n    \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- Continua parte 3... --\u003e\n\n\u003c!-- Features --\u003e\n\u003csection class=\"animate-on-scroll\" style=\"padding: clamp(3rem, 6vw, 4rem) clamp(1rem, 3vw, 1.5rem); background: white;\"\u003e\n    \u003ch2 style=\"font-family: 'Poppins', sans-serif; font-size: clamp(1.8rem, 5vw, 2.5rem); font-weight: 900; text-align: center; color: #654321; margin-bottom: 1rem; text-transform: uppercase; padding: 0 1rem;\"\u003e🏆 POR QUÉ ESTE SET CAMBIA TU VIDA\u003c\/h2\u003e\n    \u003cp class=\"animate-on-scroll\" style=\"text-align: center; font-size: clamp(1rem, 2.5vw, 1.2rem); color: #555; max-width: 800px; margin: 0 auto 3rem; font-weight: 600; padding: 0 1rem;\"\u003eNo es solo organizar. Es RECUPERAR tu tiempo, tu dinero y tu tranquilidad.\u003c\/p\u003e\n    \n    \u003cdiv style=\"display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap: clamp(1.5rem, 3vw, 2rem); max-width: 1200px; margin: 0 auto;\"\u003e\n        \u003cdiv class=\"hover-lift animate-on-scroll stagger-1\" style=\"background: linear-gradient(135deg, #FFF8DC 0%, #FFFAF0 100%); padding: clamp(1.5rem, 3vw, 2rem) clamp(1.2rem, 3vw, 1.5rem); border-radius: 15px; border: 3px solid #DAA520; box-shadow: 0 5px 20px rgba(218, 165, 32, 0.15);\"\u003e\n            \u003cdiv class=\"wiggle-animation\" style=\"font-size: clamp(2.5rem, 6vw, 3rem); margin-bottom: 1rem;\"\u003e🔒\u003c\/div\u003e\n            \u003ch3 style=\"font-family: 'Poppins', sans-serif; font-size: clamp(1.1rem, 3vw, 1.4rem); font-weight: 800; margin-bottom: 1rem; color: #654321; text-transform: uppercase;\"\u003eSELLO HERMÉTICO 100%\u003c\/h3\u003e\n            \u003cp style=\"color: #444; line-height: 1.7; font-size: clamp(0.9rem, 2.3vw, 1rem); font-weight: 500; margin: 0;\"\u003eAnillo de silicona grueso + cierre tipo hebilla. CERO humedad, CERO bichos, CERO aire. Tus alimentos duran hasta 3 veces más frescos. ¡Ya no tirás más comida!\u003c\/p\u003e\n        \u003c\/div\u003e\n        \n        \u003cdiv class=\"hover-lift animate-on-scroll stagger-2\" style=\"background: linear-gradient(135deg, #FFF8DC 0%, #FFFAF0 100%); padding: clamp(1.5rem, 3vw, 2rem) clamp(1.2rem, 3vw, 1.5rem); border-radius: 15px; border: 3px solid #DAA520; box-shadow: 0 5px 20px rgba(218, 165, 32, 0.15);\"\u003e\n            \u003cdiv class=\"bounce-animation\" style=\"font-size: clamp(2.5rem, 6vw, 3rem); margin-bottom: 1rem;\"\u003e📦\u003c\/div\u003e\n            \u003ch3 style=\"font-family: 'Poppins', sans-serif; font-size: clamp(1.1rem, 3vw, 1.4rem); font-weight: 800; margin-bottom: 1rem; color: #654321; text-transform: uppercase;\"\u003e7 TAMAÑOS PERFECTOS\u003c\/h3\u003e\n            \u003cp style=\"color: #444; line-height: 1.7; font-size: clamp(0.9rem, 2.3vw, 1rem); font-weight: 500; margin: 0;\"\u003e2 de 0.5L + 2 de 0.8L + 2 de 1.2L + 1 de 1.9L. Desde especias hasta pasta, arroz, azúcar, harina. TODO tiene su lugar. Se apilan sin ocupar espacio.\u003c\/p\u003e\n        \u003c\/div\u003e\n        \n        \u003cdiv class=\"hover-lift animate-on-scroll stagger-3\" style=\"background: linear-gradient(135deg, #FFF8DC 0%, #FFFAF0 100%); padding: clamp(1.5rem, 3vw, 2rem) clamp(1.2rem, 3vw, 1.5rem); border-radius: 15px; border: 3px solid #DAA520; box-shadow: 0 5px 20px rgba(218, 165, 32, 0.15);\"\u003e\n            \u003cdiv class=\"float-animation\" style=\"font-size: clamp(2.5rem, 6vw, 3rem); margin-bottom: 1rem;\"\u003e👁️\u003c\/div\u003e\n            \u003ch3 style=\"font-family: 'Poppins', sans-serif; font-size: clamp(1.1rem, 3vw, 1.4rem); font-weight: 800; margin-bottom: 1rem; color: #654321; text-transform: uppercase;\"\u003eVES TODO DE UN VISTAZO\u003c\/h3\u003e\n            \u003cp style=\"color: #444; line-height: 1.7; font-size: clamp(0.9rem, 2.3vw, 1rem); font-weight: 500; margin: 0;\"\u003eCuerpo transparente. Sabés exactamente qué hay adentro sin abrir. Boca ancha para llenar y limpiar fácil. ¡Se acabó buscar 10 minutos lo que necesitás!\u003c\/p\u003e\n        \u003c\/div\u003e\n        \n        \u003cdiv class=\"hover-lift animate-on-scroll stagger-4\" style=\"background: linear-gradient(135deg, #FFF8DC 0%, #FFFAF0 100%); padding: clamp(1.5rem, 3vw, 2rem) clamp(1.2rem, 3vw, 1.5rem); border-radius: 15px; border: 3px solid #DAA520; box-shadow: 0 5px 20px rgba(218, 165, 32, 0.15);\"\u003e\n            \u003cdiv class=\"pulse-animation\" style=\"font-size: clamp(2.5rem, 6vw, 3rem); margin-bottom: 1rem;\"\u003e🧼\u003c\/div\u003e\n            \u003ch3 style=\"font-family: 'Poppins', sans-serif; font-size: clamp(1.1rem, 3vw, 1.4rem); font-weight: 800; margin-bottom: 1rem; color: #654321; text-transform: uppercase;\"\u003eAPTO LAVAVAJILLAS\u003c\/h3\u003e\n            \u003cp style=\"color: #444; line-height: 1.7; font-size: clamp(0.9rem, 2.3vw, 1rem); font-weight: 500; margin: 0;\"\u003eMaterial PP + PS libre de BPA. Seguro para alimentos, resistente y fácil de lavar. Incluso podés usarlo en el freezer. Durabilidad garantizada por años.\u003c\/p\u003e\n        \u003c\/div\u003e\n        \n        \u003cdiv class=\"hover-lift animate-on-scroll stagger-5\" style=\"background: linear-gradient(135deg, #FFF8DC 0%, #FFFAF0 100%); padding: clamp(1.5rem, 3vw, 2rem) clamp(1.2rem, 3vw, 1.5rem); border-radius: 15px; border: 3px solid #DAA520; box-shadow: 0 5px 20px rgba(218, 165, 32, 0.15);\"\u003e\n            \u003cdiv class=\"wiggle-animation\" style=\"font-size: clamp(2.5rem, 6vw, 3rem); margin-bottom: 1rem;\"\u003e💪\u003c\/div\u003e\n            \u003ch3 style=\"font-family: 'Poppins', sans-serif; font-size: clamp(1.1rem, 3vw, 1.4rem); font-weight: 800; margin-bottom: 1rem; color: #654321; text-transform: uppercase;\"\u003eDISEÑO APILABLE INTELIGENTE\u003c\/h3\u003e\n            \u003cp style=\"color: #444; line-height: 1.7; font-size: clamp(0.9rem, 2.3vw, 1rem); font-weight: 500; margin: 0;\"\u003eEsquinas elevadas que encajan perfecto. Se apilan firme sin deslizarse. Maximizás el espacio vertical de tu alacena. Organización nivel profesional.\u003c\/p\u003e\n        \u003c\/div\u003e\n        \n        \u003cdiv class=\"hover-lift animate-on-scroll stagger-6\" style=\"background: linear-gradient(135deg, #FFF8DC 0%, #FFFAF0 100%); padding: clamp(1.5rem, 3vw, 2rem) clamp(1.2rem, 3vw, 1.5rem); border-radius: 15px; border: 3px solid #DAA520; box-shadow: 0 5px 20px rgba(218, 165, 32, 0.15);\"\u003e\n            \u003cdiv class=\"bounce-animation\" style=\"font-size: clamp(2.5rem, 6vw, 3rem); margin-bottom: 1rem;\"\u003e✨\u003c\/div\u003e\n            \u003ch3 style=\"font-family: 'Poppins', sans-serif; font-size: clamp(1.1rem, 3vw, 1.4rem); font-weight: 800; margin-bottom: 1rem; color: #654321; text-transform: uppercase;\"\u003eAHORRÁS DINERO REAL\u003c\/h3\u003e\n            \u003cp style=\"color: #444; line-height: 1.7; font-size: clamp(0.9rem, 2.3vw, 1rem); font-weight: 500; margin: 0;\"\u003eMenos comida desperdiciada = menos plata tirada a la basura. Comprás al por mayor y conservás perfecto. Este set se paga solo en 2 meses.\u003c\/p\u003e\n        \u003c\/div\u003e\n    \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- GIFs --\u003e\n\u003csection class=\"animate-on-scroll\" style=\"padding: clamp(3rem, 6vw, 4rem) clamp(1rem, 3vw, 1.5rem); background: linear-gradient(135deg, #FFF4E6 0%, #FFE4B5 100%);\"\u003e\n    \u003ch2 style=\"font-family: 'Poppins', sans-serif; font-size: clamp(1.8rem, 5vw, 2.5rem); font-weight: 900; text-align: center; color: #654321; margin-bottom: 1rem; text-transform: uppercase; padding: 0 1rem;\"\u003e📸 MIRÁ LA CALIDAD REAL\u003c\/h2\u003e\n    \u003cp class=\"animate-on-scroll\" style=\"text-align: center; font-size: clamp(1rem, 2.5vw, 1.2rem); color: #555; max-width: 800px; margin: 0 auto 3rem; font-weight: 600; padding: 0 1rem;\"\u003eNo vendemos fotos editadas. Esto es lo que VAS A RECIBIR en tu casa.\u003c\/p\u003e\n    \n    \u003cdiv class=\"animate-on-scroll hover-lift\" style=\"max-width: 800px; margin: 0 auto 2.5rem;\"\u003e\n        \u003cdiv style=\"border-radius: 20px; overflow: hidden; border: 5px solid #D2691E; box-shadow: 0 10px 40px rgba(210, 105, 30, 0.3);\"\u003e\n            \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0941\/2762\/0479\/files\/G1.gif?v=1763072816\" alt=\"Set completo\" style=\"width: 100%; height: auto; display: block;\"\u003e\n        \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv style=\"display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap: clamp(1.5rem, 3vw, 2rem); max-width: 1000px; margin: 0 auto;\"\u003e\n        \u003cdiv class=\"animate-on-scroll hover-lift stagger-1\" style=\"border-radius: 20px; overflow: hidden; border: 5px solid #D2691E; box-shadow: 0 10px 40px rgba(210, 105, 30, 0.3);\"\u003e\n            \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0941\/2762\/0479\/files\/G4.gif?v=1763072818\" alt=\"Cierre hermético\" style=\"width: 100%; height: auto; display: block;\"\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"animate-on-scroll hover-lift stagger-2\" style=\"border-radius: 20px; overflow: hidden; border: 5px solid #D2691E; box-shadow: 0 10px 40px rgba(210, 105, 30, 0.3);\"\u003e\n            \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0941\/2762\/0479\/files\/G3.gif?v=1763072819\" alt=\"Organizador\" style=\"width: 100%; height: auto; display: block;\"\u003e\n        \u003c\/div\u003e\n    \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- Depoimentos --\u003e\n\u003csection class=\"animate-on-scroll\" style=\"padding: clamp(3rem, 6vw, 4rem) clamp(1rem, 3vw, 1.5rem); background: white;\"\u003e\n    \u003ch2 style=\"font-family: 'Poppins', sans-serif; font-size: clamp(1.8rem, 5vw, 2.5rem); font-weight: 900; text-align: center; color: #654321; margin-bottom: 1rem; text-transform: uppercase; padding: 0 1rem;\"\u003e⭐ HISTORIAS REALES DE COLOMBIA\u003c\/h2\u003e\n    \u003cp class=\"animate-on-scroll\" style=\"text-align: center; font-size: clamp(1rem, 2.5vw, 1.2rem); color: #555; max-width: 800px; margin: 0 auto 3rem; font-weight: 600; padding: 0 1rem;\"\u003eMás de 15.000 familias colombianas ya transformaron su cocina\u003c\/p\u003e\n    \n    \u003cdiv style=\"display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: clamp(1.5rem, 3vw, 2rem); max-width: 1200px; margin: 0 auto;\"\u003e\n        \u003cdiv class=\"hover-lift animate-left\" style=\"background: linear-gradient(135deg, #FFF8DC 0%, #FFFAF0 100%); padding: clamp(1.5rem, 3vw, 2rem); border-radius: 15px; border-left: 5px solid #2E7D32; box-shadow: 0 8px 25px rgba(46, 125, 50, 0.15);\"\u003e\n            \u003cdiv style=\"color: #DAA520; font-size: clamp(1.3rem, 3.5vw, 1.6rem); margin-bottom: 1rem;\"\u003e★★★★★\u003c\/div\u003e\n            \u003cp style=\"color: #333; line-height: 1.8; margin-bottom: 1.5rem; font-size: clamp(0.9rem, 2.3vw, 1rem); font-weight: 500;\"\u003e\"¡No puedo creer la diferencia! Antes gastaba como $100.000 al mes tirando comida echada a perder. Con estos frascos TODO dura fresco. El arroz, los frijoles, todo. Ya recuperé la inversión. Lo mejor que compré este año.\"\u003c\/p\u003e\n            \u003cdiv style=\"font-weight: 800; color: #1A1A1A; font-size: clamp(0.95rem, 2.3vw, 1.05rem); margin-bottom: 0.3rem;\"\u003eCarmen López\u003c\/div\u003e\n            \u003cdiv style=\"color: #666; font-size: clamp(0.85rem, 2vw, 0.9rem);\"\u003eBogotá, D.C.\u003c\/div\u003e\n            \u003cspan style=\"display: inline-block; background: #2E7D32; color: white; padding: 0.3rem 0.9rem; border-radius: 20px; font-size: clamp(0.7rem, 1.8vw, 0.75rem); font-weight: 800; text-transform: uppercase; margin-top: 0.5rem;\"\u003e✓ COMPRA VERIFICADA\u003c\/span\u003e\n        \u003c\/div\u003e\n        \n        \u003cdiv class=\"hover-lift animate-on-scroll\" style=\"background: linear-gradient(135deg, #FFF8DC 0%, #FFFAF0 100%); padding: clamp(1.5rem, 3vw, 2rem); border-radius: 15px; border-left: 5px solid #2E7D32; box-shadow: 0 8px 25px rgba(46, 125, 50, 0.15);\"\u003e\n            \u003cdiv style=\"color: #DAA520; font-size: clamp(1.3rem, 3.5vw, 1.6rem); margin-bottom: 1rem;\"\u003e★★★★★\u003c\/div\u003e\n            \u003cp style=\"color: #333; line-height: 1.8; margin-bottom: 1.5rem; font-size: clamp(0.9rem, 2.3vw, 1rem); font-weight: 500;\"\u003e\"Mi esposo quedó impresionado. Llegó en 5 días, perfecto. Los cierres son muy firmes, se ve que son de calidad. Organicé la despensa completa y hasta sobró espacio. Se apilan re bien. Voy a comprar otro set.\"\u003c\/p\u003e\n            \u003cdiv style=\"font-weight: 800; color: #1A1A1A; font-size: clamp(0.95rem, 2.3vw, 1.05rem); margin-bottom: 0.3rem;\"\u003eMaría Rodríguez\u003c\/div\u003e\n            \u003cdiv style=\"color: #666; font-size: clamp(0.85rem, 2vw, 0.9rem);\"\u003eMedellín, Antioquia\u003c\/div\u003e\n            \u003cspan style=\"display: inline-block; background: #2E7D32; color: white; padding: 0.3rem 0.9rem; border-radius: 20px; font-size: clamp(0.7rem, 1.8vw, 0.75rem); font-weight: 800; text-transform: uppercase; margin-top: 0.5rem;\"\u003e✓ COMPRA VERIFICADA\u003c\/span\u003e\n        \u003c\/div\u003e\n        \n        \u003cdiv class=\"hover-lift animate-right\" style=\"background: linear-gradient(135deg, #FFF8DC 0%, #FFFAF0 100%); padding: clamp(1.5rem, 3vw, 2rem); border-radius: 15px; border-left: 5px solid #2E7D32; box-shadow: 0 8px 25px rgba(46, 125, 50, 0.15);\"\u003e\n            \u003cdiv style=\"color: #DAA520; font-size: clamp(1.3rem, 3.5vw, 1.6rem); margin-bottom: 1rem;\"\u003e★★★★★\u003c\/div\u003e\n            \u003cp style=\"color: #333; line-height: 1.8; margin-bottom: 1.5rem; font-size: clamp(0.9rem, 2.3vw, 1rem); font-weight: 500;\"\u003e\"Trabajo todo el día y no tenía tiempo de ordenar. Con estos frascos todo queda organizado en minutos. Se ven lindos en la alacena y lo mejor: NO ENTRAN MÁS HORMIGAS. El sello funciona perfecto. Super recomendado.\"\u003c\/p\u003e\n            \u003cdiv style=\"font-weight: 800; color: #1A1A1A; font-size: clamp(0.95rem, 2.3vw, 1.05rem); margin-bottom: 0.3rem;\"\u003eAndrea Martínez\u003c\/div\u003e\n            \u003cdiv style=\"color: #666; font-size: clamp(0.85rem, 2vw, 0.9rem);\"\u003eCali, Valle del Cauca\u003c\/div\u003e\n            \u003cspan style=\"display: inline-block; background: #2E7D32; color: white; padding: 0.3rem 0.9rem; border-radius: 20px; font-size: clamp(0.7rem, 1.8vw, 0.75rem); font-weight: 800; text-transform: uppercase; margin-top: 0.5rem;\"\u003e✓ COMPRA VERIFICADA\u003c\/span\u003e\n        \u003c\/div\u003e\n    \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- Continua parte 4... --\u003e\n\n\u003c!-- Calculadora de Economia --\u003e\n\u003csection class=\"animate-on-scroll\" style=\"padding: clamp(3rem, 6vw, 4rem) clamp(1rem, 3vw, 1.5rem); background: linear-gradient(135deg, #FFF4E6 0%, #FFE4B5 100%); border-top: 4px solid #D2691E; border-bottom: 4px solid #D2691E;\"\u003e\n    \u003ch2 style=\"font-family: 'Poppins', sans-serif; font-size: clamp(1.8rem, 5vw, 2.5rem); font-weight: 900; text-align: center; color: #654321; margin-bottom: 1rem; text-transform: uppercase; padding: 0 1rem;\"\u003e💰 CALCULÁ TU AHORRO ANUAL\u003c\/h2\u003e\n    \u003cp class=\"animate-on-scroll\" style=\"text-align: center; font-size: clamp(1rem, 2.5vw, 1.2rem); color: #555; max-width: 800px; margin: 0 auto 3rem; font-weight: 600; padding: 0 1rem;\"\u003e¿Cuánto gastás por mes en comida que se echa a perder?\u003c\/p\u003e\n    \n    \u003cdiv class=\"hover-lift animate-on-scroll glow\" style=\"max-width: 700px; margin: 0 auto; background: white; padding: clamp(2rem, 4vw, 3rem); border-radius: 20px; box-shadow: 0 10px 40px rgba(210, 105, 30, 0.3); border: 4px solid #DAA520;\"\u003e\n        \n        \u003cdiv style=\"margin-bottom: 2rem;\"\u003e\n            \u003clabel style=\"display: block; font-weight: 800; font-size: clamp(1rem, 2.5vw, 1.2rem); color: #654321; margin-bottom: 1rem; text-align: center;\"\u003e\n                Deslizá para elegir tu gasto mensual:\n            \u003c\/label\u003e\n            \u003cinput type=\"range\" id=\"savingsSlider\" min=\"20000\" max=\"200000\" step=\"10000\" value=\"100000\" style=\"width: 100%; height: 15px; border-radius: 10px; background: linear-gradient(90deg, #2E7D32 0%, #D32F2F 100%); outline: none; cursor: pointer;\"\u003e\n            \n            \u003cdiv style=\"display: flex; justify-content: space-between; margin-top: 0.5rem; font-size: clamp(0.8rem, 2vw, 0.9rem); color: #666; font-weight: 600;\"\u003e\n                \u003cspan\u003e$20.000\u003c\/span\u003e\n                \u003cspan\u003e$200.000\u003c\/span\u003e\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n        \n        \u003cdiv class=\"animate-on-scroll\" style=\"text-align: center; background: linear-gradient(135deg, #FFF8DC 0%, #FFFAF0 100%); padding: clamp(1.5rem, 3vw, 2rem); border-radius: 15px; border: 3px solid #D2691E; margin-bottom: 2rem;\"\u003e\n            \u003cdiv style=\"font-size: clamp(0.9rem, 2.3vw, 1.1rem); color: #555; font-weight: 700; margin-bottom: 0.5rem;\"\u003e\n                Gastás por mes en comida desperdiciada:\n            \u003c\/div\u003e\n            \u003cdiv id=\"monthlyWaste\" class=\"pulse-animation\" style=\"font-family: 'Poppins', sans-serif; font-size: clamp(2rem, 6vw, 3rem); font-weight: 900; color: #D32F2F; margin-bottom: 1rem;\"\u003e\n                $100.000\n            \u003c\/div\u003e\n            \n            \u003cdiv style=\"border-top: 3px dashed #DAA520; padding-top: 1.5rem; margin-top: 1rem;\"\u003e\n                \u003cdiv style=\"font-size: clamp(0.9rem, 2.3vw, 1.1rem); color: #555; font-weight: 700; margin-bottom: 0.5rem;\"\u003e\n                    ✨ Con nuestros frascos AHORRÁS al año:\n                \u003c\/div\u003e\n                \u003cdiv id=\"annualSavings\" class=\"pulse-animation\" style=\"font-family: 'Poppins', sans-serif; font-size: clamp(2.5rem, 7vw, 4rem); font-weight: 900; color: #2E7D32; line-height: 1;\"\u003e\n                    $1.200.000\n                \u003c\/div\u003e\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n        \n        \u003cdiv class=\"btn-shine\" style=\"background: linear-gradient(135deg, #2E7D32 0%, #1B5E20 100%); padding: clamp(1.2rem, 3vw, 1.5rem); border-radius: 12px; text-align: center;\"\u003e\n            \u003cp style=\"color: white; font-size: clamp(1rem, 2.5vw, 1.3rem); font-weight: 800; margin: 0; line-height: 1.5;\"\u003e\n                🎯 El set se paga solo en \u003cspan id=\"paybackMonths\" style=\"color: #FFD700; font-size: clamp(1.3rem, 3.5vw, 1.8rem);\"\u003e2\u003c\/span\u003e meses!\n            \u003c\/p\u003e\n        \u003c\/div\u003e\n    \u003c\/div\u003e\n    \n    \u003cp class=\"animate-on-scroll\" style=\"text-align: center; font-size: clamp(0.9rem, 2.3vw, 1.1rem); color: #666; margin-top: 2rem; font-style: italic; padding: 0 1rem;\"\u003e\n        * Cálculo basado en reducción del 85% de desperdicio de alimentos\n    \u003c\/p\u003e\n\u003c\/section\u003e\n\n\u003c!-- FAQ --\u003e\n\u003csection class=\"animate-on-scroll\" style=\"padding: clamp(3rem, 6vw, 4rem) clamp(1rem, 3vw, 1.5rem); background: linear-gradient(135deg, #FFF4E6 0%, #FFE4B5 100%);\"\u003e\n    \u003ch2 style=\"font-family: 'Poppins', sans-serif; font-size: clamp(1.8rem, 5vw, 2.5rem); font-weight: 900; text-align: center; color: #654321; margin-bottom: 1rem; text-transform: uppercase; padding: 0 1rem;\"\u003e❓ PREGUNTAS FRECUENTES\u003c\/h2\u003e\n    \u003cp class=\"animate-on-scroll\" style=\"text-align: center; font-size: clamp(1rem, 2.5vw, 1.2rem); color: #555; max-width: 800px; margin: 0 auto 3rem; font-weight: 600; padding: 0 1rem;\"\u003eTodo lo que necesitás saber antes de ordenar\u003c\/p\u003e\n    \n    \u003cdiv style=\"max-width: 900px; margin: 0 auto;\"\u003e\n        \u003cdiv class=\"faq-item hover-lift animate-on-scroll stagger-1\" style=\"background: white; margin-bottom: 1.2rem; border-radius: 15px; border: 3px solid #DAA520; overflow: hidden; box-shadow: 0 6px 20px rgba(218, 165, 32, 0.15);\"\u003e\n            \u003cdiv class=\"faq-question\" onclick=\"toggleFAQ(this)\" style=\"padding: clamp(1rem, 3vw, 1.5rem) clamp(1.2rem, 3vw, 1.8rem); cursor: pointer; display: flex; justify-content: space-between; align-items: center; font-weight: 800; font-size: clamp(0.95rem, 2.5vw, 1.1rem); color: #654321; gap: 1rem;\"\u003e\n                \u003cspan style=\"flex: 1;\"\u003e¿Realmente mantiene los alimentos frescos más tiempo?\u003c\/span\u003e\n                \u003cspan class=\"faq-icon\" style=\"font-size: clamp(1.5rem, 4vw, 2rem); color: #D2691E; font-weight: 900; width: clamp(30px, 8vw, 35px); height: clamp(30px, 8vw, 35px); display: flex; align-items: center; justify-content: center; background: rgba(210, 105, 30, 0.1); border-radius: 50%; flex-shrink: 0; transition: all 0.3s ease;\"\u003e+\u003c\/span\u003e\n            \u003c\/div\u003e\n            \u003cdiv class=\"faq-answer\" style=\"max-height: 0; overflow: hidden; transition: max-height 0.4s ease;\"\u003e\n                \u003cdiv style=\"padding: 0 clamp(1.2rem, 3vw, 1.8rem) clamp(1.2rem, 3vw, 1.8rem) clamp(1.2rem, 3vw, 1.8rem); color: #333; line-height: 1.9; font-size: clamp(0.9rem, 2.3vw, 1.05rem); font-weight: 500;\"\u003e\n                    \u003cspan style=\"color: #D2691E; font-weight: 700;\"\u003e¡SÍ, 100%!\u003c\/span\u003e El sello hermético con anillo de silicona de grado alimenticio impide que entre aire, humedad o bichos. Tus alimentos duran \u003cspan style=\"color: #D2691E; font-weight: 700;\"\u003ehasta 3 veces más frescos\u003c\/span\u003e comparado con bolsas o frascos normales. Pasta, arroz, azúcar, harina, galletas, cereales, TODO se mantiene como recién comprado por meses.\n                \u003c\/div\u003e\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n\n        \u003cdiv class=\"faq-item hover-lift animate-on-scroll stagger-2\" style=\"background: white; margin-bottom: 1.2rem; border-radius: 15px; border: 3px solid #DAA520; overflow: hidden; box-shadow: 0 6px 20px rgba(218, 165, 32, 0.15);\"\u003e\n            \u003cdiv class=\"faq-question\" onclick=\"toggleFAQ(this)\" style=\"padding: clamp(1rem, 3vw, 1.5rem) clamp(1.2rem, 3vw, 1.8rem); cursor: pointer; display: flex; justify-content: space-between; align-items: center; font-weight: 800; font-size: clamp(0.95rem, 2.5vw, 1.1rem); color: #654321; gap: 1rem;\"\u003e\n                \u003cspan style=\"flex: 1;\"\u003e¿Puedo pagar cuando me llegue el pedido?\u003c\/span\u003e\n                \u003cspan class=\"faq-icon\" style=\"font-size: clamp(1.5rem, 4vw, 2rem); color: #D2691E; font-weight: 900; width: clamp(30px, 8vw, 35px); height: clamp(30px, 8vw, 35px); display: flex; align-items: center; justify-content: center; background: rgba(210, 105, 30, 0.1); border-radius: 50%; flex-shrink: 0; transition: all 0.3s ease;\"\u003e+\u003c\/span\u003e\n            \u003c\/div\u003e\n            \u003cdiv class=\"faq-answer\" style=\"max-height: 0; overflow: hidden; transition: max-height 0.4s ease;\"\u003e\n                \u003cdiv style=\"padding: 0 clamp(1.2rem, 3vw, 1.8rem) clamp(1.2rem, 3vw, 1.8rem) clamp(1.2rem, 3vw, 1.8rem); color: #333; line-height: 1.9; font-size: clamp(0.9rem, 2.3vw, 1.05rem); font-weight: 500;\"\u003e\n                    \u003cspan style=\"color: #D2691E; font-weight: 700;\"\u003e¡Por supuesto! Trabajamos con pago CONTRA ENTREGA en toda Colombia.\u003c\/span\u003e El mensajero te entrega el paquete, vos lo revisás tranquilamente, y si está todo perfecto, pagás en efectivo. \u003cspan style=\"color: #D2691E; font-weight: 700;\"\u003eNO necesitás tarjeta de crédito ni hacer transferencias.\u003c\/span\u003e\n                \u003c\/div\u003e\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n\n        \u003cdiv class=\"faq-item hover-lift animate-on-scroll stagger-3\" style=\"background: white; margin-bottom: 1.2rem; border-radius: 15px; border: 3px solid #DAA520; overflow: hidden; box-shadow: 0 6px 20px rgba(218, 165, 32, 0.15);\"\u003e\n            \u003cdiv class=\"faq-question\" onclick=\"toggleFAQ(this)\" style=\"padding: clamp(1rem, 3vw, 1.5rem) clamp(1.2rem, 3vw, 1.8rem); cursor: pointer; display: flex; justify-content: space-between; align-items: center; font-weight: 800; font-size: clamp(0.95rem, 2.5vw, 1.1rem); color: #654321; gap: 1rem;\"\u003e\n                \u003cspan style=\"flex: 1;\"\u003e¿Cuánto tiempo tarda en llegar a mi ciudad?\u003c\/span\u003e\n                \u003cspan class=\"faq-icon\" style=\"font-size: clamp(1.5rem, 4vw, 2rem); color: #D2691E; font-weight: 900; width: clamp(30px, 8vw, 35px); height: clamp(30px, 8vw, 35px); display: flex; align-items: center; justify-content: center; background: rgba(210, 105, 30, 0.1); border-radius: 50%; flex-shrink: 0; transition: all 0.3s ease;\"\u003e+\u003c\/span\u003e\n            \u003c\/div\u003e\n            \u003cdiv class=\"faq-answer\" style=\"max-height: 0; overflow: hidden; transition: max-height 0.4s ease;\"\u003e\n                \u003cdiv style=\"padding: 0 clamp(1.2rem, 3vw, 1.8rem) clamp(1.2rem, 3vw, 1.8rem) clamp(1.2rem, 3vw, 1.8rem); color: #333; line-height: 1.9; font-size: clamp(0.9rem, 2.3vw, 1.05rem); font-weight: 500;\"\u003e\n                    El envío es \u003cspan style=\"color: #D2691E; font-weight: 700;\"\u003eGRATIS a toda Colombia.\u003c\/span\u003e Tiempos de entrega: \u003cspan style=\"color: #D2691E; font-weight: 700;\"\u003eBogotá, Medellín, Cali, Barranquilla (4-5 días hábiles).\u003c\/span\u003e Otras ciudades principales (5-6 días hábiles). Municipios pequeños (6-7 días hábiles).\n                \u003c\/div\u003e\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n    \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- Footer --\u003e\n\u003cdiv class=\"animate-on-scroll\" style=\"padding: clamp(2rem, 5vw, 3rem) clamp(1rem, 3vw, 1.5rem); background: #654321; text-align: center; color: #FFF8DC;\"\u003e\n    \u003cp style=\"margin-bottom: 0.5rem; font-size: clamp(0.85rem, 2vw, 0.95rem);\"\u003e\u003cstrong\u003eSet 7 Frascos Herméticos Organizadores\u003c\/strong\u003e - Calidad Premium Garantizada\u003c\/p\u003e\n    \u003cp style=\"margin-bottom: 0.5rem; font-size: clamp(0.85rem, 2vw, 0.95rem);\"\u003e🔒 Compra 100% Segura • 🚚 Envío GRATIS • 💵 Pago Contra Entrega\u003c\/p\u003e\n    \u003cp style=\"margin-top: 2rem; font-size: clamp(0.75rem, 1.8vw, 0.85rem); opacity: 0.8;\"\u003e© 2025 Organizadores Colombia. Todos los derechos reservados.\u003c\/p\u003e\n\u003c\/div\u003e\n\n\u003cscript\u003e\n\/\/ INTERSECTION OBSERVER PARA ANIMAÇÕES ON SCROLL\nconst observerOptions = { threshold: 0.1, rootMargin: '0px 0px -50px 0px' };\nconst observer = new IntersectionObserver(function(entries) {\n    entries.forEach(function(entry) {\n        if (entry.isIntersecting) {\n            entry.target.classList.add('visible');\n            observer.unobserve(entry.target);\n        }\n    });\n}, observerOptions);\n\ndocument.addEventListener('DOMContentLoaded', function() {\n    document.querySelectorAll('.animate-on-scroll, .animate-left, .animate-right, .animate-scale').forEach(function(el) {\n        observer.observe(el);\n    });\n});\n\n\/\/ NOTIFICAÇÕES DE COMPRA\nvar buyers = [\n    { name: 'María González', location: 'Bogotá' },\n    { name: 'Carmen López', location: 'Medellín' },\n    { name: 'Andrea Martínez', location: 'Cali' },\n    { name: 'Rosa Díaz', location: 'Barranquilla' },\n    { name: 'Luz Fernández', location: 'Bucaramanga' },\n    { name: 'Patricia Silva', location: 'Cartagena' },\n    { name: 'Ana Rodríguez', location: 'Pereira' },\n    { name: 'Julián Morales', location: 'Villavicencio' }\n];\n\nvar notificationVisible = false;\n\nfunction showNotification() {\n    if (notificationVisible) return;\n    \n    var notification = document.getElementById('liveNotification');\n    var randomBuyer = buyers[Math.floor(Math.random() * buyers.length)];\n    \n    document.getElementById('buyerName').textContent = randomBuyer.name;\n    document.getElementById('buyerLocation').textContent = randomBuyer.location + ', Colombia';\n    \n    notification.style.opacity = '1';\n    notification.style.visibility = 'visible';\n    notification.style.transform = 'translateX(0)';\n    notificationVisible = true;\n    \n    setTimeout(function() {\n        notification.style.opacity = '0';\n        notification.style.transform = 'translateX(-400px)';\n        setTimeout(function() {\n            notification.style.visibility = 'hidden';\n            notificationVisible = false;\n        }, 500);\n    }, 5000);\n}\n\nsetTimeout(showNotification, 3000);\nsetInterval(showNotification, 8000);\n\n\/\/ FAQ ACCORDION\nfunction toggleFAQ(element) {\n    var faqItem = element.parentElement;\n    var answer = faqItem.querySelector('.faq-answer');\n    var icon = element.querySelector('.faq-icon');\n    var isOpen = answer.style.maxHeight \u0026\u0026 answer.style.maxHeight !== '0px';\n    \n    var allAnswers = document.querySelectorAll('.faq-answer');\n    var allIcons = document.querySelectorAll('.faq-icon');\n    for (var i = 0; i \u003c allAnswers.length; i++) {\n        allAnswers[i].style.maxHeight = '0px';\n        allIcons[i].textContent = '+';\n        allIcons[i].style.transform = 'rotate(0deg)';\n        allIcons[i].style.background = 'rgba(210, 105, 30, 0.1)';\n        allIcons[i].style.color = '#D2691E';\n    }\n    \n    if (!isOpen) {\n        answer.style.maxHeight = '1000px';\n        icon.textContent = '+';\n        icon.style.transform = 'rotate(45deg)';\n        icon.style.background = '#D2691E';\n        icon.style.color = 'white';\n    }\n}\n\n\/\/ CALCULADORA DE ECONOMIA\nvar slider = document.getElementById('savingsSlider');\nvar monthlyWasteEl = document.getElementById('monthlyWaste');\nvar annualSavingsEl = document.getElementById('annualSavings');\nvar paybackMonthsEl = document.getElementById('paybackMonths');\n\nfunction formatCurrency(value) {\n    return '$' + value.toString().replace(\/\\B(?=(\\d{3})+(?!\\d))\/g, \".\");\n}\n\nfunction updateSavings() {\n    if (!slider || !monthlyWasteEl || !annualSavingsEl || !paybackMonthsEl) return;\n    \n    var monthlyWaste = parseInt(slider.value);\n    var annualSavings = monthlyWaste * 12;\n    var paybackMonths = Math.ceil(110000 \/ monthlyWaste);\n    \n    monthlyWasteEl.textContent = formatCurrency(monthlyWaste);\n    annualSavingsEl.textContent = formatCurrency(annualSavings);\n    paybackMonthsEl.textContent = paybackMonths;\n}\n\nif (slider) {\n    slider.addEventListener('input', updateSavings);\n    updateSavings();\n}\n\n\/\/ CONTADOR DE VENDAS ANIMADO\nvar salesCount = 127;\nvar salesBar = document.getElementById('sales-bar');\nvar salesToday = document.getElementById('sales-today');\n\nfunction animateSales() {\n    if (Math.random() \u003e 0.6 \u0026\u0026 salesCount \u003c 150) {\n        salesCount++;\n        if (salesToday) salesToday.textContent = salesCount;\n        var percentage = Math.min(95, 60 + (salesCount - 127) * 1.5);\n        if (salesBar) {\n            salesBar.style.width = percentage + '%';\n            salesBar.querySelector('span').textContent = Math.round(percentage) + '% VENDIDO';\n        }\n    }\n}\n\nsetInterval(animateSales, 45000);\n\n\/\/ STOCK COUNTER\nvar currentStock = 18;\nfunction decrementStock() {\n    if (currentStock \u003e 5 \u0026\u0026 Math.random() \u003e 0.7) {\n        currentStock--;\n        var stockEl = document.getElementById('stock-counter');\n        var unitsEl = document.getElementById('units-left');\n        if (stockEl) stockEl.textContent = currentStock;\n        if (unitsEl) unitsEl.textContent = currentStock;\n    }\n}\nsetInterval(decrementStock, 30000);\n\n\/\/ HOVER 3D EFFECT\ndocument.querySelectorAll('.hover-lift').forEach(function(card) {\n    card.addEventListener('mousemove', function(e) {\n        var rect = card.getBoundingClientRect();\n        var x = e.clientX - rect.left;\n        var y = e.clientY - rect.top;\n        var centerX = rect.width \/ 2;\n        var centerY = rect.height \/ 2;\n        var rotateX = (y - centerY) \/ 15;\n        var rotateY = (centerX - x) \/ 15;\n        \n        card.style.transform = 'perspective(1000px) rotateX(' + rotateX + 'deg) rotateY(' + rotateY + 'deg) translateY(-12px) scale(1.02)';\n    });\n    \n    card.addEventListener('mouseleave', function() {\n        card.style.transform = '';\n    });\n});\n\nconsole.log('✨ Página con animaciones cargada con éxito!');\n\u003c\/script\u003e\n\n\n\u003c\/body\u003e","brand":"Tuttora","offers":[{"title":"Default Title","offer_id":45565172089017,"sku":"SKU_1763074168025_48","price":110000.0,"currency_code":"COP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0654\/3477\/9833\/files\/g1.webp?v=1763499229","url":"https:\/\/lojaencantos.com\/products\/%e2%8f%b0-pocas-unidades-en-colombia-kit-de-7-recipientes-hermeticos-menos-desorden-mas-practicidad-%e2%9c%a8","provider":"Encatos Tienda","version":"1.0","type":"link"}