{"product_id":"bobana-honey-collagen-scrub","title":"Bobana Honey \u0026 Collagen Scrub","description":"\u003c!-- BOBANA Honey \u0026 Collagen Scrub Product Description --\u003e\n\u003cstyle\u003e\n  .bobana-honey-container {\n    line-height: 1.6;\n    color: #333;\n    max-width: 1200px;\n    margin: 0 auto;\n    background: linear-gradient(135deg, #fefcf8 0%, #ffffff 100%);\n    overflow: hidden;\n  }\n  \n  .hero-section {\n    text-align: center;\n    padding: 4rem 2rem;\n    background: linear-gradient(135deg, #8B4513 0%, #CD853F 100%);\n    color: white;\n    position: relative;\n    overflow: hidden;\n  }\n  \n  .hero-section::before {\n    content: '';\n    position: absolute;\n    top: 0;\n    left: 0;\n    right: 0;\n    bottom: 0;\n    background: url('data:image\/svg+xml,\u003csvg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 100 100\"\u003e\u003cdefs\u003e\u003cpattern id=\"honey\" width=\"60\" height=\"60\" patternUnits=\"userSpaceOnUse\"\u003e\u003ccircle cx=\"15\" cy=\"15\" r=\"2\" fill=\"%23ffffff\" opacity=\"0.1\"\/\u003e\u003ccircle cx=\"45\" cy=\"45\" r=\"1.5\" fill=\"%23ffffff\" opacity=\"0.08\"\/\u003e\u003ccircle cx=\"30\" cy=\"50\" r=\"1\" fill=\"%23ffffff\" opacity=\"0.06\"\/\u003e\u003c\/pattern\u003e\u003c\/defs\u003e\u003crect width=\"100\" height=\"100\" fill=\"url(%23honey)\"\/\u003e\u003c\/svg\u003e');\n    animation: honeyFlow 35s ease-in-out infinite;\n  }\n  \n  .hero-title {\n    font-size: 2.5rem;\n    font-weight: 700;\n    margin-bottom: 1rem;\n    background: linear-gradient(45deg, #FFD700, #FFA500);\n    -webkit-background-clip: text;\n    -webkit-text-fill-color: transparent;\n    background-clip: text;\n    animation: heroSlide 1s ease-out;\n    position: relative;\n    z-index: 2;\n  }\n  \n  .hero-subtitle {\n    font-size: 1.1rem;\n    opacity: 0.9;\n    max-width: 700px;\n    margin: 0 auto;\n    animation: heroFade 1s ease-out 0.3s both;\n    position: relative;\n    z-index: 2;\n    line-height: 1.7;\n  }\n  \n  .product-showcase {\n    padding: 3rem 2rem;\n    text-align: center;\n    position: relative;\n  }\n  \n  .product-image {\n    max-width: 400px;\n    width: 100%;\n    height: auto;\n    border-radius: 20px;\n    box-shadow: 0 20px 60px rgba(255, 165, 0, 0.15);\n    transition: all 0.6s cubic-bezier(0.4, 0, 0.2, 1);\n    margin: 2rem auto;\n    display: block;\n  }\n  \n  .product-image:hover {\n    transform: translateY(-10px) scale(1.02);\n    box-shadow: 0 30px 80px rgba(255, 165, 0, 0.25);\n  }\n  \n  .product-name {\n    font-size: 2rem;\n    font-weight: 600;\n    color: #FF8C00;\n    margin: 2rem 0 1rem;\n    animation: slideUp 0.8s ease-out 0.2s both;\n  }\n  \n  .product-intro {\n    font-size: 1.1rem;\n    color: #555;\n    max-width: 800px;\n    margin: 0 auto 3rem;\n    animation: slideUp 0.8s ease-out 0.4s both;\n    line-height: 1.7;\n  }\n  \n  .benefits-grid {\n    display: grid;\n    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\n    gap: 2rem;\n    padding: 2rem;\n    margin: 3rem 0;\n  }\n  \n  .benefit-card {\n    background: white;\n    border-radius: 15px;\n    padding: 2rem;\n    box-shadow: 0 10px 30px rgba(0,0,0,0.08);\n    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\n    border: 2px solid transparent;\n    animation: cardSlide 0.6s ease-out both;\n    position: relative;\n    overflow: hidden;\n  }\n  \n  .benefit-card::before {\n    content: '';\n    position: absolute;\n    top: 0;\n    left: 0;\n    right: 0;\n    height: 4px;\n    background: linear-gradient(90deg, #FFD700, #FFA500);\n    transform: scaleX(0);\n    transition: transform 0.4s ease;\n  }\n  \n  .benefit-card:hover {\n    transform: translateY(-8px);\n    box-shadow: 0 20px 50px rgba(255, 165, 0, 0.15);\n    border-color: #FF8C00;\n  }\n  \n  .benefit-card:hover::before {\n    transform: scaleX(1);\n  }\n  \n  .benefit-card:nth-child(1) { animation-delay: 0.1s; }\n  .benefit-card:nth-child(2) { animation-delay: 0.2s; }\n  .benefit-card:nth-child(3) { animation-delay: 0.3s; }\n  \n  .benefit-number {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    width: 50px;\n    height: 50px;\n    background: linear-gradient(45deg, #FFD700, #FFA500);\n    color: white;\n    border-radius: 50%;\n    font-weight: bold;\n    margin-bottom: 1rem;\n    animation: honeyglow 3s ease-in-out infinite;\n    font-size: 1.2rem;\n  }\n  \n  .benefit-title {\n    font-size: 1.3rem;\n    font-weight: 600;\n    color: #FF8C00;\n    margin-bottom: 1rem;\n  }\n  \n  .benefit-description {\n    color: #666;\n    line-height: 1.6;\n  }\n  \n  .section {\n    padding: 3rem 2rem;\n    margin: 2rem 0;\n  }\n  \n  .section-title {\n    font-size: 2rem;\n    font-weight: 600;\n    color: #FF8C00;\n    text-align: center;\n    margin-bottom: 2rem;\n    animation: slideUp 0.8s ease-out both;\n  }\n  \n  .section-content {\n    max-width: 800px;\n    margin: 0 auto;\n    animation: slideUp 0.8s ease-out 0.2s both;\n  }\n  \n  .two-column {\n    display: grid;\n    grid-template-columns: 1fr 1fr;\n    gap: 3rem;\n    align-items: center;\n    margin: 3rem 0;\n  }\n  \n  .content-image {\n    width: 100%;\n    max-width: 350px;\n    height: auto;\n    border-radius: 15px;\n    box-shadow: 0 15px 40px rgba(0,0,0,0.1);\n    transition: all 0.5s ease;\n    animation: imageSlide 0.8s ease-out both;\n  }\n  \n  .content-image:hover {\n    transform: scale(1.05) rotate(1deg);\n    box-shadow: 0 25px 60px rgba(0,0,0,0.15);\n  }\n  \n  .text-content {\n    animation: slideUp 0.8s ease-out 0.3s both;\n  }\n  \n  .text-content h3 {\n    font-size: 1.5rem;\n    color: #FF8C00;\n    margin-bottom: 1rem;\n    font-weight: 600;\n  }\n  \n  .text-content p {\n    color: #555;\n    margin-bottom: 1rem;\n    line-height: 1.7;\n  }\n  \n  .feature-list {\n    list-style: none;\n    padding: 0;\n    margin: 1.5rem 0;\n  }\n  \n  .feature-list li {\n    padding: 0.8rem 0;\n    border-bottom: 1px solid #eee;\n    position: relative;\n    padding-left: 2rem;\n    animation: listSlide 0.5s ease-out both;\n    color: #555;\n  }\n  \n  .feature-list li:nth-child(1) { animation-delay: 0.1s; }\n  .feature-list li:nth-child(2) { animation-delay: 0.2s; }\n  .feature-list li:nth-child(3) { animation-delay: 0.3s; }\n  .feature-list li:nth-child(4) { animation-delay: 0.4s; }\n  \n  .feature-list li::before {\n    content: '';\n    position: absolute;\n    left: 0;\n    top: 50%;\n    transform: translateY(-50%);\n    width: 15px;\n    height: 15px;\n    background: linear-gradient(45deg, #FFD700, #FFA500);\n    border-radius: 50%;\n  }\n  \n  .feature-list li::after {\n    content: '🍯';\n    position: absolute;\n    left: 3px;\n    top: 50%;\n    transform: translateY(-50%);\n    font-size: 0.6rem;\n  }\n  \n  .technology-section {\n    background: linear-gradient(135deg, #FFF8DC 0%, #ffffff 100%);\n    border-radius: 20px;\n    padding: 3rem 2rem;\n    margin: 3rem 0;\n    border-left: 5px solid #FFD700;\n  }\n  \n  .tech-features {\n    display: grid;\n    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\n    gap: 2rem;\n    margin-top: 2rem;\n  }\n  \n  .tech-feature {\n    background: white;\n    border-radius: 12px;\n    padding: 1.5rem;\n    box-shadow: 0 8px 25px rgba(0,0,0,0.06);\n    border-top: 3px solid #FFA500;\n    animation: cardSlide 0.6s ease-out both;\n    transition: all 0.3s ease;\n  }\n  \n  .tech-feature:hover {\n    transform: translateY(-5px);\n    box-shadow: 0 12px 35px rgba(255, 165, 0, 0.12);\n  }\n  \n  .tech-feature:nth-child(1) { animation-delay: 0.1s; }\n  .tech-feature:nth-child(2) { animation-delay: 0.2s; }\n  .tech-feature:nth-child(3) { animation-delay: 0.3s; }\n  \n  .ingredient-section {\n    background: linear-gradient(135deg, #8B4513 0%, #CD853F 100%);\n    color: white;\n    padding: 4rem 2rem;\n    border-radius: 20px;\n    margin: 3rem 0;\n    position: relative;\n    overflow: hidden;\n  }\n  \n  .ingredient-section::before {\n    content: '';\n    position: absolute;\n    top: 0;\n    left: 0;\n    right: 0;\n    bottom: 0;\n    background: radial-gradient(circle at 70% 30%, rgba(255, 215, 0, 0.1) 0%, transparent 50%);\n    animation: ctaGlow 4s ease-in-out infinite alternate;\n  }\n  \n  .ingredient-cards {\n    display: grid;\n    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n    gap: 2rem;\n    margin: 3rem 0;\n    position: relative;\n    z-index: 2;\n  }\n  \n  .ingredient-card {\n    background: rgba(255,255,255,0.1);\n    border-radius: 15px;\n    padding: 2rem;\n    backdrop-filter: blur(10px);\n    border: 1px solid rgba(255,255,255,0.1);\n    animation: cardSlide 0.6s ease-out both;\n    transition: all 0.3s ease;\n  }\n  \n  .ingredient-card:hover {\n    background: rgba(255,255,255,0.15);\n    transform: translateY(-5px);\n  }\n  \n  .ingredient-card:nth-child(1) { animation-delay: 0.1s; }\n  .ingredient-card:nth-child(2) { animation-delay: 0.2s; }\n  .ingredient-card:nth-child(3) { animation-delay: 0.3s; }\n  \n  .ingredient-title {\n    font-size: 1.3rem;\n    font-weight: 600;\n    color: #FFD700;\n    margin-bottom: 1rem;\n  }\n  \n  .ingredient-icon {\n    font-size: 2rem;\n    margin-bottom: 1rem;\n    display: block;\n  }\n  \n  .value-section {\n    background: linear-gradient(135deg, #FFF8DC 0%, #ffffff 100%);\n    padding: 3rem 2rem;\n    border-radius: 20px;\n    margin: 3rem 0;\n    text-align: center;\n  }\n  \n  .value-highlights {\n    display: grid;\n    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n    gap: 2rem;\n    margin: 2rem 0;\n  }\n  \n  .value-item {\n    background: white;\n    border-radius: 12px;\n    padding: 1.5rem;\n    box-shadow: 0 8px 25px rgba(0,0,0,0.06);\n    border-top: 3px solid #FFD700;\n    animation: cardSlide 0.6s ease-out both;\n  }\n  \n  .value-number {\n    font-size: 1.8rem;\n    font-weight: bold;\n    color: #FF8C00;\n    margin-bottom: 0.5rem;\n  }\n  \n  .usage-section {\n    background: white;\n    border-radius: 20px;\n    padding: 3rem 2rem;\n    margin: 3rem 0;\n    border: 2px solid #FFD700;\n  }\n  \n  .usage-steps {\n    display: grid;\n    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n    gap: 2rem;\n    margin-top: 2rem;\n  }\n  \n  .usage-step {\n    text-align: center;\n    padding: 1.5rem;\n    border-radius: 12px;\n    background: linear-gradient(135deg, #FFF8DC 0%, #ffffff 100%);\n    animation: cardSlide 0.6s ease-out both;\n    transition: all 0.3s ease;\n  }\n  \n  .usage-step:hover {\n    transform: translateY(-5px);\n    box-shadow: 0 10px 25px rgba(255, 165, 0, 0.1);\n  }\n  \n  .step-number {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    width: 40px;\n    height: 40px;\n    background: linear-gradient(45deg, #FFD700, #FFA500);\n    color: white;\n    border-radius: 50%;\n    font-weight: bold;\n    margin-bottom: 1rem;\n    font-size: 1.1rem;\n  }\n  \n  .results-timeline {\n    padding: 3rem 2rem;\n    background: linear-gradient(135deg, #FFF8DC 0%, #ffffff 100%);\n  }\n  \n  .timeline-item {\n    display: flex;\n    margin: 2rem 0;\n    animation: timelineSlide 0.8s ease-out both;\n    align-items: flex-start;\n  }\n  \n  .timeline-item:nth-child(1) { animation-delay: 0.1s; }\n  .timeline-item:nth-child(2) { animation-delay: 0.2s; }\n  .timeline-item:nth-child(3) { animation-delay: 0.3s; }\n  \n  .timeline-marker {\n    width: 80px;\n    height: 80px;\n    background: linear-gradient(45deg, #FFD700, #FFA500);\n    border-radius: 50%;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    color: white;\n    font-weight: bold;\n    margin-left: 2rem;\n    flex-shrink: 0;\n    animation: honeyPulse 2s ease-in-out infinite;\n    font-size: 0.8rem;\n    text-align: center;\n    line-height: 1.2;\n  }\n  \n  .timeline-content {\n    background: white;\n    padding: 1.5rem;\n    border-radius: 15px;\n    box-shadow: 0 10px 30px rgba(0,0,0,0.08);\n    margin-left: 1rem;\n    flex-grow: 1;\n    border-right: 4px solid #FF8C00;\n  }\n  \n  .timeline-content h4 {\n    color: #FF8C00;\n    margin-bottom: 0.5rem;\n    font-size: 1.2rem;\n    font-weight: 600;\n  }\n  \n  .warning-section {\n    background: linear-gradient(135deg, #FFF0F0 0%, #ffffff 100%);\n    border: 2px solid #FFA500;\n    border-radius: 15px;\n    padding: 2rem;\n    margin: 3rem 0;\n    text-align: center;\n    animation: warningPulse 3s ease-in-out infinite;\n  }\n  \n  .warning-icon {\n    font-size: 2rem;\n    color: #FF8C00;\n    margin-bottom: 1rem;\n  }\n  \n  .cta-section {\n    text-align: center;\n    padding: 4rem 2rem;\n    background: linear-gradient(135deg, #8B4513 0%, #CD853F 100%);\n    color: white;\n    position: relative;\n    overflow: hidden;\n  }\n  \n  .cta-section::before {\n    content: '';\n    position: absolute;\n    top: 0;\n    left: 0;\n    right: 0;\n    bottom: 0;\n    background: radial-gradient(circle at 30% 70%, rgba(255, 215, 0, 0.1) 0%, transparent 50%);\n    animation: ctaGlow 4s ease-in-out infinite alternate;\n  }\n  \n  .cta-title {\n    font-size: 2.2rem;\n    font-weight: 600;\n    margin-bottom: 1rem;\n    background: linear-gradient(45deg, #FFD700, #FFA500);\n    -webkit-background-clip: text;\n    -webkit-text-fill-color: transparent;\n    background-clip: text;\n    animation: slideUp 0.8s ease-out both;\n    position: relative;\n    z-index: 2;\n  }\n  \n  .cta-text {\n    font-size: 1.1rem;\n    opacity: 0.9;\n    margin-bottom: 2rem;\n    max-width: 600px;\n    margin-left: auto;\n    margin-left: auto;\n    animation: slideUp 0.8s ease-out 0.2s both;\n    position: relative;\n    z-index: 2;\n    line-height: 1.7;\n  }\n  \n  .floating-honey {\n    position: absolute;\n    top: 0;\n    left: 0;\n    right: 0;\n    bottom: 0;\n    pointer-events: none;\n    overflow: hidden;\n  }\n  \n  .honey-drop {\n    position: absolute;\n    width: 8px;\n    height: 12px;\n    background: linear-gradient(180deg, #FFD700, #FFA500);\n    border-radius: 50% 50% 50% 50% \/ 60% 60% 40% 40%;\n    opacity: 0.3;\n    animation: honeyDrop 10s linear infinite;\n  }\n  \n  .honey-drop:nth-child(1) { left: 10%; animation-delay: 0s; }\n  .honey-drop:nth-child(2) { left: 30%; animation-delay: 2s; }\n  .honey-drop:nth-child(3) { left: 50%; animation-delay: 4s; }\n  .honey-drop:nth-child(4) { left: 70%; animation-delay: 6s; }\n  .honey-drop:nth-child(5) { left: 90%; animation-delay: 8s; }\n  \n  @keyframes heroSlide {\n    0% { transform: translateY(30px); opacity: 0; }\n    100% { transform: translateY(0); opacity: 1; }\n  }\n  \n  @keyframes heroFade {\n    0% { opacity: 0; transform: translateY(20px); }\n    100% { opacity: 0.9; transform: translateY(0); }\n  }\n  \n  @keyframes slideUp {\n    0% { transform: translateY(30px); opacity: 0; }\n    100% { transform: translateY(0); opacity: 1; }\n  }\n  \n  @keyframes cardSlide {\n    0% { transform: translateY(50px) scale(0.9); opacity: 0; }\n    100% { transform: translateY(0) scale(1); opacity: 1; }\n  }\n  \n  @keyframes imageSlide {\n    0% { transform: translateX(-30px); opacity: 0; }\n    100% { transform: translateX(0); opacity: 1; }\n  }\n  \n  @keyframes listSlide {\n    0% { transform: translateX(-20px); opacity: 0; }\n    100% { transform: translateX(0); opacity: 1; }\n  }\n  \n  @keyframes timelineSlide {\n    0% { transform: translateX(-50px); opacity: 0; }\n    100% { transform: translateX(0); opacity: 1; }\n  }\n  \n  @keyframes honeyglow {\n    0%, 100% { transform: scale(1); box-shadow: 0 0 0 0 rgba(255, 215, 0, 0.4); }\n    50% { transform: scale(1.05); box-shadow: 0 0 0 10px rgba(255, 215, 0, 0); }\n  }\n  \n  @keyframes honeyPulse {\n    0%, 100% { box-shadow: 0 0 0 0 rgba(255, 215, 0, 0.4); }\n    50% { box-shadow: 0 0 0 10px rgba(255, 215, 0, 0); }\n  }\n  \n  @keyframes honeyFlow {\n    0%, 100% { transform: translateY(0px) rotate(0deg); }\n    33% { transform: translateY(-8px) rotate(1deg); }\n    66% { transform: translateY(4px) rotate(-1deg); }\n  }\n  \n  @keyframes honeyDrop {\n    0% { transform: translateY(-100px) rotate(0deg); opacity: 0; }\n    10% { opacity: 0.3; }\n    90% { opacity: 0.3; }\n    100% { transform: translateY(100vh) rotate(180deg); opacity: 0; }\n  }\n  \n  @keyframes ctaGlow {\n    0% { opacity: 0.1; }\n    100% { opacity: 0.3; }\n  }\n  \n  @keyframes warningPulse {\n    0%, 100% { border-color: #FFA500; }\n    50% { border-color: #FFD700; }\n  }\n  \n  @media (max-width: 768px) {\n    .hero-title {\n      font-size: 2rem;\n    }\n    \n    .two-column {\n      grid-template-columns: 1fr;\n      gap: 2rem;\n    }\n    \n    .reverse-mobile {\n      display: flex;\n      flex-direction: column;\n    }\n    \n    .reverse-mobile .content-image {\n      order: -1;\n      margin-bottom: 1rem;\n    }\n    \n    .benefits-grid, .tech-features, .ingredient-cards, .value-highlights, .usage-steps {\n      grid-template-columns: 1fr;\n    }\n    \n    .timeline-item {\n      flex-direction: column;\n      text-align: center;\n    }\n    \n    .timeline-marker {\n      order: -1;\n      margin: 0 auto 1rem auto;\n    }\n    \n    .timeline-content {\n      margin: 0;\n    }\n  }\n\u003c\/style\u003e\n\u003cdiv class=\"bobana-honey-container\"\u003e\n\u003c!-- Floating Honey Drops --\u003e\n\u003cdiv class=\"floating-honey\"\u003e\n\u003cdiv class=\"honey-drop\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"honey-drop\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"honey-drop\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"honey-drop\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"honey-drop\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Hero Section --\u003e\n\u003cdiv class=\"hero-section\"\u003e\n\u003ch1 class=\"hero-title\"\u003e¿Prefieres ver cada día en el espejo los signos del envejecimiento?\u003c\/h1\u003e\n\u003cp class=\"hero-subtitle\"\u003eCada día pasa, las células muertas se acumulan en tu piel, dejándola opaca y cansada, y las manchas oscuras aumentan... ¿pero qué estás esperando? Peel \u003cstrong\u003eBOBANA\u003c\/strong\u003e Con miel y colágeno, detiene el tiempo y devuelve tu esplendor juvenil en un solo paso sencillo!\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- Product Showcase --\u003e\n\u003cdiv class=\"product-showcase\"\u003e\n\u003cimg alt=\"BOBANA Honey \u0026amp; Collagen Scrub\" class=\"product-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/bobana-honey-collagen-scrub-972189.webp?v=1752353400\"\/\u003e\n\u003ch2 class=\"product-name\"\u003eExfoliante BOBANA Miel \u0026amp; Colágeno - El secreto de la juventud en un único exfoliante\u003c\/h2\u003e\n\u003cp class=\"product-intro\"\u003e\n      El tiempo no será amable contigo... Cada día que pasa deja su huella en tu piel. ¡Pero ahora puedes combatir el tiempo y ganar la batalla con el exfoliante natural más poderoso para rostro y cuerpo!\n    \u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- Benefits Grid --\u003e\n\u003cdiv class=\"section\"\u003e\n\u003ch2 class=\"section-title\"\u003e3 potentes beneficios para cara y cuerpo\u003c\/h2\u003e\n\u003cdiv class=\"benefits-grid\"\u003e\n\u003cdiv class=\"benefit-card\"\u003e\n\u003cdiv class=\"benefit-number\"\u003e1\u003c\/div\u003e\n\u003ch3 class=\"benefit-title\"\u003eCombate los signos del envejecimiento\u003c\/h3\u003e\n\u003cp class=\"benefit-description\"\u003eEl colágeno estimula la regeneración celular y reduce las líneas finas, restaurando la elasticidad y la suavidad juvenil de la piel.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-card\"\u003e\n\u003cdiv class=\"benefit-number\"\u003e2\u003c\/div\u003e\n\u003ch3 class=\"benefit-title\"\u003eExfoliación profunda de las células muertas\u003c\/h3\u003e\n\u003cp class=\"benefit-description\"\u003eSuaves gránulos de miel y colágeno eliminan delicadamente las capas de piel muerta, revelando una piel fresca y luminosa.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-card\"\u003e\n\u003cdiv class=\"benefit-number\"\u003e3\u003c\/div\u003e\n\u003ch3 class=\"benefit-title\"\u003eQuitar las manchas oscuras\u003c\/h3\u003e\n\u003cp class=\"benefit-description\"\u003eLa miel natural aclara la pigmentación, uniforma el tono de la piel, borra los efectos de los años y restaura la luminosidad natural.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Technology Section --\u003e\n\u003cdiv class=\"technology-section\"\u003e\n\u003cdiv class=\"two-column\"\u003e\n\u003cdiv class=\"text-content\"\u003e\n\u003ch2 style=\"color: #FF8C00; text-align: left;\"\u003eTecnología de encapsulamiento: un verdadero desarrollo en el mundo del peeling\u003c\/h2\u003e\n\u003ch3\u003eGránulos suaves y redondeados = exfoliación indolora\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003eBOBANA\u003c\/strong\u003e Usa las tecnologías más recientes para darle a tus manos una exfoliación eficaz y delicada:\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cimg alt=\"Technology\" class=\"content-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/bobana-honey-collagen-scrub-508233.webp?v=1752353401\"\/\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"tech-features\"\u003e\n\u003cdiv class=\"tech-feature\"\u003e\n\u003ch4 style=\"color: #FF8C00; margin-bottom: 1rem;\"\u003eGránulos perfectamente redondos\u003c\/h4\u003e\n\u003cp\u003eNo hay rasguños ni pequeñas heridas\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"tech-feature\"\u003e\n\u003ch4 style=\"color: #FF8C00; margin-bottom: 1rem;\"\u003eTecnología avanzada de envasado\u003c\/h4\u003e\n\u003cp\u003eLibera gradualmente los ingredientes activos\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"tech-feature\"\u003e\n\u003ch4 style=\"color: #FF8C00; margin-bottom: 1rem;\"\u003eSuavidad excepcional\u003c\/h4\u003e\n\u003cp\u003eExfoliación profunda con sensación sedosa\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Ingredients Section --\u003e\n\u003cdiv class=\"ingredient-section\"\u003e\n\u003ch2 style=\"text-align: center; font-size: 2rem; color: #FFD700; margin-bottom: 2rem;\"\u003eIngredientes activos\u003c\/h2\u003e\n\u003cdiv class=\"ingredient-cards\"\u003e\n\u003cdiv class=\"ingredient-card\"\u003e\n\u003cspan class=\"ingredient-icon\"\u003e🍯\u003c\/span\u003e\n\u003ch4 class=\"ingredient-title\"\u003eHONEY \u0026amp; COLLAGEN MICROBEADS\u003c\/h4\u003e\n\u003cp\u003e\u003cstrong\u003eMiel natural:\u003c\/strong\u003e Un potente antioxidante que ilumina, hidrata y sana\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003eColágeno microscópico:\u003c\/strong\u003e Estimula la producción natural de colágeno y reafirma la piel\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ingredient-card\"\u003e\n\u003cspan class=\"ingredient-icon\"\u003e🌾\u003c\/span\u003e\n\u003ch4 class=\"ingredient-title\"\u003eProteínas de avena\u003c\/h4\u003e\n\u003cp\u003e\u003cstrong\u003eCalma instantánea\u003c\/strong\u003e Para piel sensible durante la exfoliación\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003eHidratación continua\u003c\/strong\u003e Previene sequedad e irritación\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ingredient-card\"\u003e\n\u003cspan class=\"ingredient-icon\"\u003e💎\u003c\/span\u003e\n\u003ch4 class=\"ingredient-title\"\u003eGLICERINA + fórmula avanzada\u003c\/h4\u003e\n\u003cp\u003e\u003cstrong\u003eGlicerina:\u003c\/strong\u003e Retiene la humedad y deja la piel suave durante horas\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003eFórmula comprobada:\u003c\/strong\u003e Distribución perfecta y resultados garantizados\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Value Section --\u003e\n\u003cdiv class=\"value-section\"\u003e\n\u003ch2 class=\"section-title\"\u003e300 gramos = valor extraordinario\u003c\/h2\u003e\n\u003ch3 style=\"color: #FF8C00; margin-bottom: 2rem;\"\u003eTamaño gigante a un precio irresistible\u003c\/h3\u003e\n\u003cdiv class=\"value-highlights\"\u003e\n\u003cdiv class=\"value-item\"\u003e\n\u003cdiv class=\"value-number\"\u003e4-5 meses\u003c\/div\u003e\n\u003cp\u003ePara rostro y cuerpo\u003c\/p\u003e\n\u003csmall\u003eUso regular\u003c\/small\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"value-item\"\u003e\n\u003cdiv class=\"value-number\"\u003e1-2 veces\u003c\/div\u003e\n\u003cp\u003eSolo semanal\u003c\/p\u003e\n\u003csmall\u003eUso requerido\u003c\/small\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"value-item\"\u003e\n\u003cdiv class=\"value-number\"\u003eMenos de 2 libras\u003c\/div\u003e\n\u003cp\u003eCosto diario\u003c\/p\u003e\n\u003csmall\u003e¡Más barato que el jugo!\u003c\/small\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Usage Section --\u003e\n\u003cdiv class=\"usage-section\"\u003e\n\u003ch2 style=\"text-align: center; color: #FF8C00; margin-bottom: 2rem;\"\u003eModo rápido de usar\u003c\/h2\u003e\n\u003cdiv class=\"usage-steps\"\u003e\n\u003cdiv class=\"usage-step\"\u003e\n\u003cdiv class=\"step-number\"\u003e1\u003c\/div\u003e\n\u003ch4 style=\"color: #FF8C00; margin-bottom: 0.5rem;\"\u003eLimpieza\u003c\/h4\u003e\n\u003cp\u003eLimpia la piel con agua tibia\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"usage-step\"\u003e\n\u003cdiv class=\"step-number\"\u003e2\u003c\/div\u003e\n\u003ch4 style=\"color: #FF8C00; margin-bottom: 0.5rem;\"\u003eAplicación\u003c\/h4\u003e\n\u003cp\u003eAplica el exfoliante sobre la piel mojada\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"usage-step\"\u003e\n\u003cdiv class=\"step-number\"\u003e3\u003c\/div\u003e\n\u003ch4 style=\"color: #FF8C00; margin-bottom: 0.5rem;\"\u003eMasaje\u003c\/h4\u003e\n\u003cp\u003eMasajear suavemente durante dos minutos\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"usage-step\"\u003e\n\u003cdiv class=\"step-number\"\u003e4\u003c\/div\u003e\n\u003ch4 style=\"color: #FF8C00; margin-bottom: 0.5rem;\"\u003eEnjuagar\u003c\/h4\u003e\n\u003cp\u003eEnjuagar con agua caliente y disfrutar\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv style=\"text-align: center; margin-top: 2rem; padding: 1rem; background: #FFF8DC; border-radius: 10px;\"\u003e\n\u003cp style=\"margin: 0; color: #8B4513;\"\u003e\u003cstrong\u003eRepetir:\u003c\/strong\u003e 1-2 veces a la semana para cara y cuerpo\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Results Timeline --\u003e\n\u003cdiv class=\"results-timeline\"\u003e\n\u003ch2 class=\"section-title\"\u003eResultados rápidos y claros\u003c\/h2\u003e\n\u003cdiv class=\"timeline-item\"\u003e\n\u003cdiv class=\"timeline-content\"\u003e\n\u003ch4\u003eDesde el primer uso\u003c\/h4\u003e\n\u003cp\u003e\u003cstrong\u003eSuavidad instantánea\u003c\/strong\u003e Brillo natural\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003ePiel más suave\u003c\/strong\u003e Y textura sedosa\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-marker\"\u003ePrimera vez\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-item\"\u003e\n\u003cdiv class=\"timeline-content\"\u003e\n\u003ch4\u003eDespués de dos semanas\u003c\/h4\u003e\n\u003cp\u003e\u003cstrong\u003eAclarar las manchas oscuras\u003c\/strong\u003e A una tasa evidente\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003eMejora de la elasticidad de la piel\u003c\/strong\u003e Y reduce las líneas finas\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-marker\"\u003eDos semanas\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-item\"\u003e\n\u003cdiv class=\"timeline-content\"\u003e\n\u003ch4\u003eDespués de un mes\u003c\/h4\u003e\n\u003cp\u003e\u003cstrong\u003ePiel joven y fresca\u003c\/strong\u003e Es como si hubieras retrocedido en los años\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003eRadiosidad eterna\u003c\/strong\u003e Color uniforme en todo el cuerpo\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-marker\"\u003eUn mes entero\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Warning Section --\u003e\n\u003cdiv class=\"warning-section\"\u003e\n\u003cdiv class=\"warning-icon\"\u003e⚠️\u003c\/div\u003e\n\u003ch3 style=\"color: #FF8C00; margin-bottom: 1rem;\"\u003e¡La prueba alérgica es importante!\u003c\/h3\u003e\n\u003cp style=\"margin: 0; color: #8B4513;\"\u003eAntes del uso, hacer una prueba simple en una pequeña área y esperar 24 horas.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- Call to Action --\u003e\n\u003cdiv class=\"cta-section\"\u003e\n\u003ch2 class=\"cta-title\"\u003eEl tiempo corre... y tu piel te necesita justo ahora\u003c\/h2\u003e\n\u003cp class=\"cta-text\"\u003e\n\u003cstrong\u003eBOBANA Honey \u0026amp; Collagen Scrub\u003c\/strong\u003e No es solo un exfoliante... esto lo es todo \u003cstrong\u003eMáquina del tiempo\u003c\/strong\u003e Que te devolverá a la juventud.\n    \u003c\/p\u003e\n\u003cp class=\"cta-text\"\u003e\n\u003cstrong\u003e¡Ordena ahora... y deja que tu piel cuente una nueva historia de juventud!\u003c\/strong\u003e\n\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cscript\u003e\ndocument.addEventListener('DOMContentLoaded', function() {\n  \/\/ Enhanced hover effects for all cards\n  const cards = document.querySelectorAll('.benefit-card, .tech-feature, .ingredient-card, .value-item, .usage-step');\n  cards.forEach(card =\u003e {\n    card.addEventListener('mouseenter', function() {\n      this.style.transform = 'translateY(-8px) scale(1.02)';\n      this.style.boxShadow = '0 15px 40px rgba(255, 165, 0, 0.15)';\n    });\n    \n    card.addEventListener('mouseleave', function() {\n      this.style.transform = 'translateY(0) scale(1)';\n      this.style.boxShadow = '0 8px 25px rgba(0,0,0,0.08)';\n    });\n  });\n  \n  \/\/ Enhanced parallax effect for floating honey drops\n  let ticking = false;\n  \n  function updateFloatingHoney() {\n    const scrolled = window.pageYOffset;\n    const honeyDrops = document.querySelectorAll('.honey-drop');\n    \n    honeyDrops.forEach((drop, index) =\u003e {\n      const speed = 0.15 + (index * 0.02);\n      const yPos = -(scrolled * speed);\n      drop.style.transform = `translateY(${yPos}px) rotate(${scrolled * 0.01}deg)`;\n    });\n    \n    ticking = false;\n  }\n  \n  function requestTick() {\n    if (!ticking) {\n      requestAnimationFrame(updateFloatingHoney);\n      ticking = true;\n    }\n  }\n  \n  window.addEventListener('scroll', requestTick);\n  \n  \/\/ Timeline marker animation enhancement\n  const timelineMarkers = document.querySelectorAll('.timeline-marker');\n  timelineMarkers.forEach((marker, index) =\u003e {\n    setTimeout(() =\u003e {\n      marker.style.animation = `honeyPulse 2s ease-in-out infinite ${index * 0.4}s`;\n    }, index * 200);\n  });\n  \n  \/\/ Dynamic text effects\n  const dynamicTexts = document.querySelectorAll('.hero-title, .cta-title');\n  dynamicTexts.forEach(text =\u003e {\n    text.addEventListener('mouseenter', function() {\n      this.style.textShadow = '0 0 20px rgba(255, 215, 0, 0.3)';\n      this.style.transform = 'scale(1.02)';\n    });\n    \n    text.addEventListener('mouseleave', function() {\n      this.style.textShadow = 'none';\n      this.style.transform = 'scale(1)';\n    });\n  });\n  \n  \/\/ Honey-themed interactions\n  const honeyElements = document.querySelectorAll('.ingredient-card');\n  honeyElements.forEach((element, index) =\u003e {\n    element.addEventListener('mouseenter', function() {\n      this.style.background = 'rgba(255,255,255,0.2)';\n      this.style.transform = 'translateY(-8px) scale(1.02)';\n    });\n    \n    element.addEventListener('mouseleave', function() {\n      this.style.background = 'rgba(255,255,255,0.1)';\n      this.style.transform = 'translateY(0) scale(1)';\n    });\n  });\n  \n  \/\/ Warning section interaction\n  const warningSection = document.querySelector('.warning-section');\n  if (warningSection) {\n    warningSection.addEventListener('mouseenter', function() {\n      this.style.borderColor = '#FFD700';\n      this.style.boxShadow = '0 10px 30px rgba(255, 215, 0, 0.15)';\n    });\n    \n    warningSection.addEventListener('mouseleave', function() {\n      this.style.borderColor = '#FFA500';\n      this.style.boxShadow = 'none';\n    });\n  }\n  \n  \/\/ Value numbers animation on scroll\n  const valueNumbers = document.querySelectorAll('.value-number');\n  const observerOptions = {\n    threshold: 0.5,\n    rootMargin: '0px'\n  };\n  \n  const observer = new IntersectionObserver((entries) =\u003e {\n    entries.forEach(entry =\u003e {\n      if (entry.isIntersecting) {\n        entry.target.style.animation = 'honeyglow 1.5s ease-out';\n      }\n    });\n  }, observerOptions);\n  \n  valueNumbers.forEach(number =\u003e {\n    observer.observe(number);\n  });\n});\n\u003c\/script\u003e","brand":"Bobana","offers":[{"title":"Default Title","offer_id":46999402152110,"sku":null,"price":20.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0717\/5359\/7102\/files\/bobanabr-honey-collagenbr-scrub-866517_79a7f60c-0f88-4525-ae69-fdaeabcc9c79.webp?v=1788175335","url":"https:\/\/skingeer.com\/es\/products\/bobana-honey-collagen-scrub","provider":"SkinGeer","version":"1.0","type":"link"}