{"product_id":"bobana-hair-serum-jojoba-oil-for-dull-frizzy-hair-100ml","title":"BOBANA Hair Serum Jojoba Oil For Dull \u0026 Frizzy Hair 100ml","description":"\u003c!-- BOBANA Hair Serum Product Description --\u003e\n\u003cstyle\u003e\n  .bobana-container {\n    line-height: 1.6;\n    color: #333;\n    max-width: 1200px;\n    margin: 0 auto;\n    background: linear-gradient(135deg, #f8f9fa 0%, #ffffff 100%);\n    overflow: hidden;\n  }\n  \n  .hero-section {\n    text-align: center;\n    padding: 4rem 2rem;\n    background: linear-gradient(135deg, #1a1a1a 0%, #2d2d2d 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=\"grain\" width=\"100\" height=\"100\" patternUnits=\"userSpaceOnUse\"\u003e\u003ccircle cx=\"25\" cy=\"25\" r=\"0.5\" fill=\"%23ffffff\" opacity=\"0.05\"\/\u003e\u003ccircle cx=\"75\" cy=\"75\" r=\"0.3\" fill=\"%23ffffff\" opacity=\"0.03\"\/\u003e\u003ccircle cx=\"50\" cy=\"10\" r=\"0.4\" fill=\"%23ffffff\" opacity=\"0.04\"\/\u003e\u003c\/pattern\u003e\u003c\/defs\u003e\u003crect width=\"100\" height=\"100\" fill=\"url(%23grain)\"\/\u003e\u003c\/svg\u003e');\n    animation: float 20s 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, #9C8102, #D4AF37);\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: 600px;\n    margin: 0 auto;\n    animation: heroFade 1s ease-out 0.3s both;\n    position: relative;\n    z-index: 2;\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(156, 129, 2, 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(156, 129, 2, 0.25);\n  }\n  \n  .product-name {\n    font-size: 2rem;\n    font-weight: 600;\n    color: #9C8102;\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  }\n  \n  .benefits-grid {\n    display: grid;\n    grid-template-columns: repeat(auto-fit, minmax(280px, 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, #9C8102, #D4AF37);\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(156, 129, 2, 0.15);\n    border-color: #9C8102;\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  .benefit-card:nth-child(4) { animation-delay: 0.4s; }\n  \n  .benefit-number {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    width: 40px;\n    height: 40px;\n    background: linear-gradient(45deg, #9C8102, #D4AF37);\n    color: white;\n    border-radius: 50%;\n    font-weight: bold;\n    margin-bottom: 1rem;\n    animation: pulse 2s ease-in-out infinite;\n    font-size: 1.1rem;\n  }\n  \n  .benefit-title {\n    font-size: 1.3rem;\n    font-weight: 600;\n    color: #9C8102;\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: #9C8102;\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: #9C8102;\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-right: 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    right: 0;\n    top: 50%;\n    transform: translateY(-50%);\n    background: linear-gradient(45deg, #9C8102, #D4AF37);\n    -webkit-background-clip: text;\n    -webkit-text-fill-color: transparent;\n    background-clip: text;\n    font-weight: bold;\n    font-size: 1.2rem;\n  }\n  \n  .timeline {\n    padding: 3rem 2rem;\n    background: linear-gradient(135deg, #f8f9fa 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  .timeline-item:nth-child(4) { animation-delay: 0.4s; }\n  \n  .timeline-marker {\n    width: 60px;\n    height: 60px;\n    background: linear-gradient(45deg, #9C8102, #D4AF37);\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: markerPulse 2s ease-in-out infinite;\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-right: 1rem;\n    flex-grow: 1;\n    border-right: 4px solid #9C8102;\n  }\n  \n  .timeline-content h4 {\n    color: #9C8102;\n    margin-bottom: 0.5rem;\n    font-size: 1.2rem;\n    font-weight: 600;\n  }\n  \n  .cta-section {\n    text-align: center;\n    padding: 4rem 2rem;\n    background: linear-gradient(135deg, #1a1a1a 0%, #2d2d2d 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(156, 129, 2, 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, #9C8102, #D4AF37);\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-right: auto;\n    animation: slideUp 0.8s ease-out 0.2s both;\n    position: relative;\n    z-index: 2;\n  }\n  \n  .floating-elements {\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  .floating-element {\n    position: absolute;\n    width: 10px;\n    height: 10px;\n    background: linear-gradient(45deg, #9C8102, #D4AF37);\n    opacity: 0.3;\n    animation: floatUp 8s linear infinite;\n  }\n  \n  .floating-element:nth-child(1) { left: 10%; animation-delay: 0s; }\n  .floating-element:nth-child(2) { left: 30%; animation-delay: 2s; }\n  .floating-element:nth-child(3) { left: 50%; animation-delay: 4s; }\n  .floating-element:nth-child(4) { left: 70%; animation-delay: 6s; }\n  .floating-element:nth-child(5) { left: 90%; animation-delay: 1s; }\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 imageFloat {\n    0%, 100% { transform: translateY(0px); }\n    50% { transform: translateY(-10px); }\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 pulse {\n    0%, 100% { transform: scale(1); }\n    50% { transform: scale(1.05); }\n  }\n  \n  @keyframes markerPulse {\n    0%, 100% { box-shadow: 0 0 0 0 rgba(156, 129, 2, 0.4); }\n    50% { box-shadow: 0 0 0 10px rgba(156, 129, 2, 0); }\n  }\n  \n  @keyframes float {\n    0%, 100% { transform: translateY(0px) rotate(0deg); }\n    33% { transform: translateY(-10px) rotate(1deg); }\n    66% { transform: translateY(5px) rotate(-1deg); }\n  }\n  \n  @keyframes floatUp {\n    0% { transform: translateY(100vh) rotate(0deg); opacity: 0; }\n    10% { opacity: 0.3; }\n    90% { opacity: 0.3; }\n    100% { transform: translateY(-100px) rotate(360deg); opacity: 0; }\n  }\n  \n  @keyframes ctaGlow {\n    0% { opacity: 0.1; }\n    100% { opacity: 0.3; }\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 {\n      grid-template-columns: 1fr;\n    }\n    \n    .timeline-item {\n      flex-direction: column;\n      text-align: center;\n    }\n    \n    .timeline-marker {\n      margin: 1rem auto;\n    }\n    \n    .timeline-content {\n      margin: 0;\n    }\n  }\n\u003c\/style\u003e\n\u003cdiv class=\"bobana-container\"\u003e\n\u003c!-- Floating Elements --\u003e\n\u003cdiv class=\"floating-elements\"\u003e\n\u003cdiv class=\"floating-element\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"floating-element\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"floating-element\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"floating-element\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"floating-element\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Hero Section --\u003e\n\u003cdiv class=\"hero-section\"\u003e\n\u003ch1 class=\"hero-title\"\u003eEl sol quema tu cabello todos los días... ¡y a ti no te importa!\u003c\/h1\u003e\n\u003cp class=\"hero-subtitle\"\u003eTus cabellos están muriendo lentamente... y cada día que pasa, pierdes cabellos que nunca volverán\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- Product Showcase --\u003e\n\u003cdiv class=\"product-showcase\"\u003e\n\u003cimg alt=\"BOBANA Hair Serum\" class=\"product-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/bobana_jojoba_oil_heat_protectant_serum_3.webp?v=1751730801\"\/\u003e\n\u003ch2 class=\"product-name\"\u003esuero nutritivo para el cabello BOBANA Aceite de Jojoba - un escudo completo de protección para tu cabello\u003c\/h2\u003e\n\u003cp class=\"product-intro\"\u003e\n      Cada vez que sales a la calle, cada vez que usas un secador o una plancha, cada vez que dejas tu cabello expuesto al sol y al viento... tu piel está protegida por cremas, ¿pero tu cabello? Tu cabello queda solo, luchando contra todos estos enemigos sin ninguna protección.\n    \u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- Benefits Grid --\u003e\n\u003cdiv class=\"section\"\u003e\n\u003ch2 class=\"section-title\"\u003e4 soluciones radicales en un producto\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\"\u003eProtección solar completa SPF 30+\u003c\/h3\u003e\n\u003cp class=\"benefit-description\"\u003eEl primer protector solar específicamente diseñado para el cabello con una fórmula avanzada que protege de los rayos ultravioleta que destruyen la queratina y hacen que el color del cabello se vea opaco.\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\"\u003eProtección contra el calor para el peinado\u003c\/h3\u003e\n\u003cp class=\"benefit-description\"\u003eUna capa aislante que protege tu cabello de las altas temperaturas de secador y plancha, previniendo la quema de proteínas y la desecación del cabello.\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\"\u003eUna solución mágica para las puntas abiertas\u003c\/h3\u003e\n\u003cp class=\"benefit-description\"\u003eUna fórmula regeneradora que repara las grietas en la estructura del cabello y fortalece las puntas débiles, evitando que las puntas abiertas se propaguen hacia arriba.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-card\"\u003e\n\u003cdiv class=\"benefit-number\"\u003e4\u003c\/div\u003e\n\u003ch3 class=\"benefit-title\"\u003eControl perfecto del cabello encrespado\u003c\/h3\u003e\n\u003cp class=\"benefit-description\"\u003eElimina la electricidad estática y pesa delicadamente el cabello, dejándote el control de tu melena en cualquier condición climática.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Product Details --\u003e\n\u003cdiv class=\"section\"\u003e\n\u003cdiv class=\"two-column\"\u003e\n\u003cdiv class=\"text-content\"\u003e\n\u003ch2 class=\"section-title\"\u003eBOBANA: El milagro químico que salvará tu cabello del desastre\u003c\/h2\u003e\n\u003ch3\u003eNo es solo un suero... es un sistema de protección integrado para tu cabello\u003c\/h3\u003e\n\u003cp\u003eEl suero BOBANA es diferente de cualquier otro producto que puedas encontrar en el mercado. Este \u003cstrong\u003eDefensa aérea completa\u003c\/strong\u003e Para tu cabello contra todos los factores que lo destruyen diariamente.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cimg alt=\"BOBANA Product\" class=\"content-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/bobana_jojoba_oil_heat_protectant_serum_4.webp?v=1751731054\"\/\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Jojoba Oil Section --\u003e\n\u003cdiv class=\"section\"\u003e\n\u003cdiv class=\"two-column\"\u003e\n\u003cimg alt=\"Jojoba Oil\" class=\"content-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/jojoba_oil.jpg?v=1751731143\"\/\u003e\n\u003cdiv class=\"text-content\"\u003e\n\u003ch3\u003eAceite de jojoba: el milagro natural que imita los aceites naturales de tu cabello\u003c\/h3\u003e\n\u003cp\u003eEl aceite de jojoba no es solo un aceite \u003cstrong\u003eLíquido ceroso natural\u003c\/strong\u003e Su fórmula es similar al 97% a los aceites naturales de tu cuero cabelludo.\u003c\/p\u003e\n\u003cul class=\"feature-list\"\u003e\n\u003cli\u003e\n\u003cstrong\u003ePenetra en la raíz del cabello\u003c\/strong\u003e Las nutre desde el interior hacia el exterior\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eRegula la secreción de aceites\u003c\/strong\u003e En el cuero cabelludo\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eToca las capas externas\u003c\/strong\u003e Para abrir el cabello y volver a cerrarlo\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eTrata la humedad natural\u003c\/strong\u003e Déjalo en el cabello durante 24 horas\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- SPF Protection --\u003e\n\u003cdiv class=\"section\"\u003e\n\u003cdiv class=\"two-column reverse-mobile\"\u003e\n\u003cdiv class=\"text-content\"\u003e\n\u003ch3\u003eProtección SPF 30+: ¡Tus cabellos necesitan protección solar al igual que tu piel!\u003c\/h3\u003e\n\u003cp\u003eTu cabello está expuesto a los mismos rayos UV que dañan la piel, pero en mayor cantidad porque está expuesto todo el día.\u003c\/p\u003e\n\u003cul class=\"feature-list\"\u003e\n\u003cli\u003eColor desvanecido\u003c\/li\u003e\n\u003cli\u003eTextura áspera\u003c\/li\u003e\n\u003cli\u003eFácil de romper\u003c\/li\u003e\n\u003cli\u003ePérdida de brillo natural\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp\u003e\u003cstrong\u003eSuero para manos BOBANA Protección SPF 30+\u003c\/strong\u003e - Así como aplicas la crema solar, hará lo mismo en tu cabello.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cimg alt=\"SPF Protection\" class=\"content-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/bobana_jojoba_oil_heat_protectant_serum_1.webp?v=1751731174\"\/\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Heat Protection --\u003e\n\u003cdiv class=\"section\"\u003e\n\u003cdiv class=\"two-column\"\u003e\n\u003cimg alt=\"Hair Protection\" class=\"content-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/damaged-hair.jpg?v=1751731310\"\/\u003e\n\u003cdiv class=\"text-content\"\u003e\n\u003ch3\u003ePROTECCIÓN CONTRA EL CALOR: El fin de la era del cabello quemado\u003c\/h3\u003e\n\u003cp\u003eCada vez que usas un secador o una plancha sin protección, es como si estuvieras quemando tu cabello con un encendedor!\u003c\/p\u003e\n\u003cp\u003eLa temperatura de la plancha alcanza los 200 grados Celsius. Tu cabello solo puede soportar 60 grados de calor.\u003c\/p\u003e\n\u003cul class=\"feature-list\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eCapa aislante\u003c\/strong\u003e Se forma alrededor de cada cabello\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eDistribución del calor\u003c\/strong\u003e Igualmente\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003ePreviene la pérdida de humedad\u003c\/strong\u003e Durante el peinado\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eProtección de las proteínas\u003c\/strong\u003e De quiebres y daños\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Split Ends \u0026 Flyaway Hair --\u003e\n\u003cdiv class=\"section\"\u003e\n\u003cdiv class=\"section-content\"\u003e\n\u003ch2 class=\"section-title\"\u003eRepara las puntas abiertas y controla el frizz del cabello\u003c\/h2\u003e\n\u003cdiv class=\"two-column\"\u003e\n\u003cdiv class=\"text-content\"\u003e\n\u003ch3\u003eLas puntas abiertas no son solo un problema estético... ¡es una señal de peligro!\u003c\/h3\u003e\n\u003cp\u003eCuando el cabello se rompe, las puntas abiertas van hacia arriba, como una grieta que se propaga en el vidrio.\u003c\/p\u003e\n\u003cul class=\"feature-list\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eRellena los espacios vacíos\u003c\/strong\u003e En la estructura del cabello dañado\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eDistribuye las capas\u003c\/strong\u003e Peeling de nuevo juntos\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eFortalece los enlaces\u003c\/strong\u003e Cabello débil\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003ePreviene nuevas roturas\u003c\/strong\u003e del suceder\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"text-content\"\u003e\n\u003ch3\u003eCabello encrespado = signo de extrema sequedad y electricidad estática\u003c\/h3\u003e\n\u003cp\u003eCuando tu cabello está seco, pierde la capacidad de conducir electricidad, por lo que las cargas se acumulan en su superficie.\u003c\/p\u003e\n\u003cul class=\"feature-list\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eHidrata el cabello\u003c\/strong\u003e Lo convierte en un buen conductor de electricidad\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003ePesa un poco el cabello\u003c\/strong\u003e Porque la gravedad vence a la electricidad\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eCrea una capa de protección\u003c\/strong\u003e Previene la acumulación de carga\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Safe Formula --\u003e\n\u003cdiv class=\"section\"\u003e\n\u003cdiv class=\"section-content\"\u003e\n\u003ch2 class=\"section-title\"\u003eSin parabenos y sulfatos: limpieza sin daños\u003c\/h2\u003e\n\u003cp style=\"text-align: center; font-size: 1.1rem; color: #555; max-width: 700px; margin: 0 auto;\"\u003e\n\u003cstrong\u003eParabenos:\u003c\/strong\u003e Un conservante económico, pero se acumula en los tejidos y provoca alergias e irritaciones\u003cbr\/\u003e\n\u003cstrong\u003eSulfatos:\u003c\/strong\u003e Un detergente muy potente que elimina los aceites naturales y deja el cabello como paja.\u003cbr\/\u003e\u003cbr\/\u003e\n\u003cstrong\u003eBOBANA ha elegido el camino difícil y costoso:\u003c\/strong\u003e Usa alternativas naturales que sean seguras y eficaces al mismo tiempo.\n      \u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Timeline Results --\u003e\n\u003cdiv class=\"timeline\"\u003e\n\u003ch2 class=\"section-title\"\u003eViaje de transformación: ¿Qué le pasará a tu cabello con BOBANA?\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\u003cul class=\"feature-list\"\u003e\n\u003cli\u003eFrescura instantánea y textura visiblemente más lisa\u003c\/li\u003e\n\u003cli\u003eEl brillo natural aparece en pocos minutos\u003c\/li\u003e\n\u003cli\u003eControla el frizz desde la primera aplicación\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-marker\"\u003e1\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-item\"\u003e\n\u003cdiv class=\"timeline-content\"\u003e\n\u003ch4\u003eDespués de una semana\u003c\/h4\u003e\n\u003cul class=\"feature-list\"\u003e\n\u003cli\u003eSuavidad visible en la consistencia y la forma\u003c\/li\u003e\n\u003cli\u003eResistencia más fuerte a la humedad y a los factores externos\u003c\/li\u003e\n\u003cli\u003eFacilidad de peinado y mayor duración del peinado\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-marker\"\u003e7\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\u003cul class=\"feature-list\"\u003e\n\u003cli\u003eReparación visible de las puntas abiertas\u003c\/li\u003e\n\u003cli\u003eColor más vibrante y brillo natural duradero\u003c\/li\u003e\n\u003cli\u003eMayor fuerza y flexibilidad contra la rotura\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-marker\"\u003e14\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\u003cul class=\"feature-list\"\u003e\n\u003cli\u003eUna transformación completa en la salud y el aspecto del cabello\u003c\/li\u003e\n\u003cli\u003eProtección continua contra los factores nocivos\u003c\/li\u003e\n\u003cli\u003eCabello sano y fuerte resistente a todos los desafíos diarios\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-marker\"\u003e30\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Value Proposition --\u003e\n\u003cdiv class=\"section\"\u003e\n\u003cdiv class=\"section-content\"\u003e\n\u003ch2 class=\"section-title\"\u003eValor excepcional por el precio\u003c\/h2\u003e\n\u003cdiv class=\"benefits-grid\" style=\"margin-top: 2rem;\"\u003e\n\u003cdiv class=\"benefit-card\"\u003e\n\u003ch3 class=\"benefit-title\"\u003e4 productos en uno\u003c\/h3\u003e\n\u003cp class=\"benefit-description\"\u003eCrema solar + protección térmica + tratamiento para las puntas abiertas + control del frizz\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-card\"\u003e\n\u003ch3 class=\"benefit-title\"\u003eFrasco de 100 ml\u003c\/h3\u003e\n\u003cp class=\"benefit-description\"\u003eSuficiente para 4-6 meses de uso diario con una fórmula concentrada\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-card\"\u003e\n\u003ch3 class=\"benefit-title\"\u003eAbsorción rápida\u003c\/h3\u003e\n\u003cp class=\"benefit-description\"\u003eNo deja un efecto graso o pesado en el cabello\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-card\"\u003e\n\u003ch3 class=\"benefit-title\"\u003eResultados acumulativos\u003c\/h3\u003e\n\u003cp class=\"benefit-description\"\u003eCada uso se construye sobre el anterior\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Call to Action --\u003e\n\u003cdiv class=\"cta-section\"\u003e\n\u003ch2 class=\"cta-title\"\u003eTu cabello está esperando que tomes la decisión correcta... antes de que sea demasiado tarde\u003c\/h2\u003e\n\u003cp class=\"cta-text\"\u003e\n      Cada día que pospones el cuidado de tu cabello es el día en que tu cabello se vuelve más débil. Sol, calor, contaminación y descuido... son todos factores que trabajan en tu contra las 24 horas del día.\n    \u003c\/p\u003e\n\u003cp class=\"cta-text\"\u003e\n\u003cstrong\u003eEl suero nutritivo para el cabello BOBANA no es solo un producto de belleza... es una inversión en tu autoestima.\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 benefit cards\n  const benefitCards = document.querySelectorAll('.benefit-card');\n  benefitCards.forEach(card =\u003e {\n    card.addEventListener('mouseenter', function() {\n      this.style.transform = 'translateY(-12px) scale(1.02)';\n      this.style.boxShadow = '0 25px 60px rgba(156, 129, 2, 0.2)';\n    });\n    \n    card.addEventListener('mouseleave', function() {\n      this.style.transform = 'translateY(0) scale(1)';\n      this.style.boxShadow = '0 10px 30px rgba(0,0,0,0.08)';\n    });\n  });\n  \n  \/\/ Enhanced parallax effect for floating elements\n  let ticking = false;\n  \n  function updateFloatingElements() {\n    const scrolled = window.pageYOffset;\n    const floatingElements = document.querySelectorAll('.floating-element');\n    \n    floatingElements.forEach((element, index) =\u003e {\n      const speed = 0.5 + (index * 0.1);\n      const yPos = -(scrolled * speed);\n      element.style.transform = `translateY(${yPos}px) rotate(${scrolled * 0.1}deg)`;\n    });\n    \n    ticking = false;\n  }\n  \n  function requestTick() {\n    if (!ticking) {\n      requestAnimationFrame(updateFloatingElements);\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 = `markerPulse 2s ease-in-out infinite ${index * 0.5}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(156, 129, 2, 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\u003c\/script\u003e","brand":"Bobana","offers":[{"title":"Default Title","offer_id":44878300479685,"sku":null,"price":650.0,"currency_code":"EGP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/bobanabr-serum-brwith-jojoba-oil-688273.webp?v=1751730739","url":"https:\/\/sa.instachiq.com\/es\/products\/bobana-hair-serum-jojoba-oil-for-dull-frizzy-hair-100ml","provider":"Instachiq","version":"1.0","type":"link"}