{"title":"Mejor vendido","description":"","products":[{"product_id":"abera-fordyce-cream","title":"Crema Fordyce ABERA para labios con retinoides HPR","description":"\u003c!--\n ABERA FORDYCE CREAM — SHOPIFY PRODUCT DESCRIPTION V2 (MOBILE OPTIMIZED)\n Paste this entire block into Shopify Product \u003e Description \u003e Show HTML (\u003c\/\u003e)\n No \u003chtml\u003e, \u003chead\u003e, or \u003cbody\u003e tags are required.\n--\u003e\n\n\u003cdiv id=\"abera-fordyce-description\" style=\"font-family: 'Segoe UI', Arial, Helvetica, sans-serif !important;\"\u003e\n \u003cstyle\u003e\n #abera-fordyce-description {\n --abera-green: #07856f;\n --abera-green-dark: #075f52;\n --abera-green-soft: #eaf7f3;\n --abera-mint: #f5fbf9;\n --abera-blush: #fff6f7;\n --abera-ink: #18232b;\n --abera-muted: #5d6972;\n --abera-line: #dce8e4;\n --abera-white: #ffffff;\n --abera-gold: #b68127;\n\n width: 100%;\n max-width: 1180px;\n margin: 0 auto;\n color: var(--abera-ink);\n font-family: \"Segoe UI\", Arial, Helvetica, sans-serif !important;\n font-size: 17px;\n line-height: 1.68;\n text-rendering: optimizeLegibility;\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n text-align: left;\n overflow: visible;\n }\n\n #abera-fordyce-description,\n #abera-fordyce-description * {\n box-sizing: border-box;\n font-family: inherit !important;\n overflow-wrap: break-word;\n }\n\n #abera-fordyce-description img,\n #abera-fordyce-description iframe {\n display: block;\n width: 100%;\n max-width: 100%;\n border: 0;\n }\n\n #abera-fordyce-description img {\n height: auto;\n }\n\n #abera-fordyce-description h2,\n #abera-fordyce-description h3,\n #abera-fordyce-description h4,\n #abera-fordyce-description p {\n margin-top: 0;\n }\n\n #abera-fordyce-description h2 {\n margin-bottom: 14px;\n color: var(--abera-green-dark);\n font-size: clamp(30px, 5vw, 42px);\n line-height: 1.16;\n letter-spacing: -0.02em;\n font-weight: 750;\n }\n\n #abera-fordyce-description h3 {\n margin-bottom: 10px;\n color: var(--abera-ink);\n font-size: clamp(23px, 3.2vw, 30px);\n line-height: 1.25;\n font-weight: 720;\n }\n\n #abera-fordyce-description h4 {\n margin-bottom: 8px;\n color: var(--abera-green-dark);\n font-size: 19px;\n line-height: 1.4;\n font-weight: 700;\n }\n\n #abera-fordyce-description p {\n margin-bottom: 14px;\n color: var(--abera-muted);\n font-size: 18px;\n }\n\n #abera-fordyce-description strong {\n color: var(--abera-ink);\n }\n\n #abera-fordyce-description .abera-section {\n padding: 54px 22px;\n }\n\n #abera-fordyce-description .abera-section + .abera-section {\n border-top: 1px solid var(--abera-line);\n }\n\n #abera-fordyce-description .abera-section-inner {\n width: 100%;\n max-width: 1080px;\n margin: 0 auto;\n }\n\n #abera-fordyce-description .abera-center {\n text-align: center;\n }\n\n #abera-fordyce-description .abera-center p {\n max-width: 760px;\n margin-left: auto;\n margin-right: auto;\n }\n\n #abera-fordyce-description .abera-eyebrow {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n gap: 8px;\n margin-bottom: 12px;\n padding: 7px 12px;\n border: 1px solid rgba(7, 133, 111, 0.22);\n border-radius: 999px;\n background: rgba(255, 255, 255, 0.8);\n color: var(--abera-green-dark);\n font-size: 13px;\n line-height: 1.25;\n letter-spacing: 0.08em;\n text-transform: uppercase;\n font-weight: 750;\n }\n\n #abera-fordyce-description .abera-hero {\n padding: 28px 22px 48px;\n background:\n radial-gradient(circle at 10% 5%, rgba(255, 226, 230, 0.75), transparent 32%),\n linear-gradient(135deg, #f6fcfa 0%, #ffffff 52%, #fff7f8 100%);\n border: 1px solid var(--abera-line);\n border-radius: 22px;\n }\n\n #abera-fordyce-description .abera-hero-grid,\n #abera-fordyce-description .abera-split {\n display: grid;\n grid-template-columns: 1fr;\n gap: 36px;\n align-items: center;\n }\n\n #abera-fordyce-description .abera-hero-copy p {\n max-width: 610px;\n font-size: 17px;\n }\n\n #abera-fordyce-description .abera-hero-media img,\n #abera-fordyce-description .abera-feature-media img,\n #abera-fordyce-description .abera-gallery img {\n border-radius: 18px;\n box-shadow: 0 14px 38px rgba(17, 66, 56, 0.10);\n }\n\n #abera-fordyce-description .abera-chip-row {\n display: flex;\n flex-wrap: wrap;\n gap: 9px;\n margin-top: 20px;\n }\n\n #abera-fordyce-description .abera-chip {\n display: inline-flex;\n align-items: center;\n min-height: 36px;\n padding: 7px 12px;\n border: 1px solid var(--abera-line);\n border-radius: 999px;\n background: var(--abera-white);\n color: var(--abera-green-dark);\n font-size: 14px;\n font-weight: 650;\n }\n\n #abera-fordyce-description .abera-note {\n margin-top: 18px;\n padding: 12px 14px;\n border-left: 4px solid var(--abera-green);\n border-radius: 0 10px 10px 0;\n background: var(--abera-green-soft);\n color: var(--abera-green-dark);\n font-size: 16px;\n line-height: 1.6;\n }\n\n #abera-fordyce-description .abera-video {\n position: relative;\n width: 100%;\n overflow: hidden;\n border-radius: 18px;\n background: #0f171b;\n box-shadow: 0 14px 38px rgba(17, 66, 56, 0.11);\n }\n\n #abera-fordyce-description .abera-video--landscape {\n aspect-ratio: 16 \/ 9;\n }\n\n #abera-fordyce-description .abera-video--portrait {\n max-width: 390px;\n margin: 0 auto;\n aspect-ratio: 9 \/ 16;\n }\n\n #abera-fordyce-description .abera-video iframe {\n width: 100%;\n height: 100%;\n }\n\n #abera-fordyce-description .abera-stat-row {\n display: grid;\n grid-template-columns: 1fr;\n gap: 12px;\n margin-top: 22px;\n }\n\n #abera-fordyce-description .abera-stat {\n padding: 16px 12px;\n border: 1px solid var(--abera-line);\n border-radius: 14px;\n background: var(--abera-white);\n text-align: center;\n }\n\n #abera-fordyce-description .abera-stat b {\n display: block;\n margin-bottom: 3px;\n color: var(--abera-green-dark);\n font-size: 18px;\n }\n\n #abera-fordyce-description .abera-stat span {\n color: var(--abera-muted);\n font-size: 14px;\n line-height: 1.5;\n }\n\n #abera-fordyce-description .abera-benefit-grid {\n display: grid;\n grid-template-columns: 1fr;\n gap: 18px;\n margin-top: 30px;\n }\n\n #abera-fordyce-description .abera-benefit-card {\n overflow: hidden;\n border: 1px solid var(--abera-line);\n border-radius: 18px;\n background: var(--abera-white);\n box-shadow: 0 10px 28px rgba(20, 58, 50, 0.06);\n }\n\n #abera-fordyce-description .abera-benefit-card img {\n width: 100%;\n height: auto;\n object-fit: contain;\n border-bottom: 1px solid var(--abera-line);\n background: #f7fbfa;\n }\n\n #abera-fordyce-description .abera-benefit-copy {\n padding: 20px 18px 22px;\n }\n\n #abera-fordyce-description .abera-benefit-copy p {\n margin-bottom: 0;\n font-size: 16px;\n line-height: 1.6;\n }\n\n #abera-fordyce-description .abera-soft-bg {\n background: var(--abera-mint);\n }\n\n #abera-fordyce-description .abera-blush-bg {\n background: var(--abera-blush);\n }\n\n #abera-fordyce-description .abera-timeline {\n position: relative;\n display: grid;\n grid-template-columns: 1fr;\n gap: 18px;\n margin-top: 30px;\n }\n\n #abera-fordyce-description .abera-step {\n position: relative;\n padding: 24px 18px 20px;\n border: 1px solid var(--abera-line);\n border-radius: 16px;\n background: var(--abera-white);\n }\n\n #abera-fordyce-description .abera-step-number {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n width: 44px;\n height: 44px;\n margin-bottom: 14px;\n border-radius: 50%;\n background: var(--abera-green);\n color: var(--abera-white);\n font-size: 16px;\n font-weight: 800;\n }\n\n #abera-fordyce-description .abera-step p {\n margin-bottom: 0;\n font-size: 16px;\n line-height: 1.6;\n }\n\n #abera-fordyce-description .abera-ingredient-grid {\n display: grid;\n grid-template-columns: 1fr;\n gap: 14px;\n margin-top: 28px;\n }\n\n #abera-fordyce-description .abera-ingredient {\n padding: 18px;\n border: 1px solid var(--abera-line);\n border-radius: 14px;\n background: var(--abera-white);\n }\n\n #abera-fordyce-description .abera-ingredient b {\n display: block;\n margin-bottom: 5px;\n color: var(--abera-green-dark);\n font-size: 16px;\n }\n\n #abera-fordyce-description .abera-ingredient span {\n color: var(--abera-muted);\n font-size: 15px;\n line-height: 1.58;\n }\n\n #abera-fordyce-description .abera-routine {\n display: grid;\n grid-template-columns: 1fr;\n gap: 12px;\n margin-top: 26px;\n }\n\n #abera-fordyce-description .abera-routine-item {\n padding: 16px 14px;\n border: 1px solid var(--abera-line);\n border-radius: 14px;\n background: var(--abera-white);\n text-align: center;\n }\n\n #abera-fordyce-description .abera-routine-item b {\n display: block;\n margin-bottom: 5px;\n color: var(--abera-green-dark);\n font-size: 16px;\n }\n\n #abera-fordyce-description .abera-routine-item span {\n color: var(--abera-muted);\n font-size: 14px;\n line-height: 1.55;\n }\n\n #abera-fordyce-description .abera-gallery {\n display: grid;\n grid-template-columns: 1fr;\n gap: 14px;\n margin-top: 24px;\n }\n\n #abera-fordyce-description .abera-gallery--four {\n grid-template-columns: 1fr;\n }\n\n #abera-fordyce-description .abera-gallery img {\n width: 100%;\n height: auto;\n object-fit: contain;\n background: #f7fbfa;\n }\n\n #abera-fordyce-description .abera-video-grid {\n display: grid;\n grid-template-columns: 1fr;\n gap: 22px;\n align-items: start;\n margin-top: 28px;\n }\n\n #abera-fordyce-description .abera-video-card {\n padding: 16px;\n border: 1px solid var(--abera-line);\n border-radius: 18px;\n background: var(--abera-white);\n box-shadow: 0 10px 28px rgba(20, 58, 50, 0.05);\n }\n\n #abera-fordyce-description .abera-video-card h4 {\n margin-top: 14px;\n margin-bottom: 4px;\n text-align: center;\n }\n\n #abera-fordyce-description .abera-video-card p {\n margin-bottom: 0;\n font-size: 15px;\n line-height: 1.55;\n text-align: center;\n }\n\n #abera-fordyce-description .abera-gallery--support {\n grid-template-columns: 1fr;\n }\n\n #abera-fordyce-description .abera-document-block {\n max-width: 960px;\n margin: 34px auto 0;\n padding: 24px 18px;\n border: 1px solid var(--abera-line);\n border-radius: 18px;\n background: linear-gradient(180deg, #ffffff 0%, #f4fbf8 100%);\n text-align: center;\n box-shadow: 0 10px 28px rgba(20, 58, 50, 0.06);\n }\n\n #abera-fordyce-description .abera-document-block h3 {\n margin-bottom: 8px;\n color: var(--abera-green-dark);\n }\n\n #abera-fordyce-description .abera-document-block \u003e p {\n max-width: 760px;\n margin-left: auto;\n margin-right: auto;\n }\n\n #abera-fordyce-description .abera-document {\n margin: 20px auto 0;\n padding: 12px;\n border: 1px solid var(--abera-line);\n border-radius: 16px;\n background: var(--abera-white);\n }\n\n #abera-fordyce-description .abera-document a {\n display: block;\n text-decoration: none;\n }\n\n #abera-fordyce-description .abera-document img {\n width: 100%;\n height: auto;\n max-height: none;\n object-fit: contain;\n border-radius: 10px;\n box-shadow: none;\n cursor: zoom-in;\n }\n\n #abera-fordyce-description .abera-document figcaption {\n margin-top: 12px;\n color: var(--abera-muted);\n font-size: 14px;\n line-height: 1.55;\n text-align: center;\n }\n\n #abera-fordyce-description .abera-faq {\n max-width: 860px;\n margin: 26px auto 0;\n }\n\n #abera-fordyce-description details {\n border-bottom: 1px solid var(--abera-line);\n background: var(--abera-white);\n }\n\n #abera-fordyce-description details:first-child {\n border-top: 1px solid var(--abera-line);\n }\n\n #abera-fordyce-description summary {\n position: relative;\n display: block;\n padding: 18px 42px 18px 4px;\n color: var(--abera-ink);\n cursor: pointer;\n list-style: none;\n font-weight: 700;\n }\n\n #abera-fordyce-description summary::-webkit-details-marker {\n display: none;\n }\n\n #abera-fordyce-description summary::after {\n content: \"+\";\n position: absolute;\n top: 50%;\n right: 6px;\n transform: translateY(-50%);\n color: var(--abera-green);\n font-size: 24px;\n font-weight: 400;\n }\n\n #abera-fordyce-description details[open] summary::after {\n content: \"−\";\n }\n\n #abera-fordyce-description .abera-faq-answer {\n padding: 0 40px 18px 4px;\n }\n\n #abera-fordyce-description .abera-faq-answer p {\n margin-bottom: 0;\n font-size: 16px;\n line-height: 1.6;\n }\n\n #abera-fordyce-description .abera-cta {\n padding: 40px 24px;\n border-radius: 20px;\n background: linear-gradient(135deg, var(--abera-green-dark), var(--abera-green));\n color: var(--abera-white);\n text-align: center;\n box-shadow: 0 16px 38px rgba(7, 95, 82, 0.20);\n }\n\n #abera-fordyce-description .abera-cta h2,\n #abera-fordyce-description .abera-cta p {\n color: var(--abera-white);\n }\n\n #abera-fordyce-description .abera-cta p {\n max-width: 680px;\n margin-left: auto;\n margin-right: auto;\n opacity: 0.92;\n }\n\n #abera-fordyce-description .abera-button {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n min-width: 230px;\n min-height: 50px;\n margin-top: 8px;\n padding: 13px 22px;\n border-radius: 999px;\n background: var(--abera-white);\n color: var(--abera-green-dark);\n text-decoration: none;\n font-size: 16px;\n font-weight: 800;\n box-shadow: 0 8px 20px rgba(0, 0, 0, 0.13);\n }\n\n #abera-fordyce-description .abera-button:hover {\n transform: translateY(-1px);\n }\n\n #abera-fordyce-description .abera-disclaimer {\n margin-top: 18px;\n color: #6c777f;\n font-size: 13px;\n line-height: 1.6;\n text-align: center;\n }\n\n @media (min-width: 640px) {\n #abera-fordyce-description .abera-stat-row {\n grid-template-columns: repeat(3, minmax(0, 1fr));\n }\n\n #abera-fordyce-description .abera-routine {\n grid-template-columns: repeat(2, minmax(0, 1fr));\n }\n\n #abera-fordyce-description .abera-gallery,\n #abera-fordyce-description .abera-gallery--support {\n grid-template-columns: repeat(2, minmax(0, 1fr));\n }\n }\n\n @media (min-width: 768px) {\n #abera-fordyce-description .abera-section {\n padding: 58px 24px;\n }\n\n #abera-fordyce-description .abera-hero {\n padding: 34px 28px 50px;\n }\n\n #abera-fordyce-description .abera-benefit-grid,\n #abera-fordyce-description .abera-timeline,\n #abera-fordyce-description .abera-ingredient-grid {\n grid-template-columns: repeat(2, minmax(0, 1fr));\n }\n\n #abera-fordyce-description .abera-video-grid {\n grid-template-columns: repeat(2, minmax(0, 1fr));\n }\n }\n\n @media (min-width: 980px) {\n #abera-fordyce-description .abera-hero-grid,\n #abera-fordyce-description .abera-split {\n grid-template-columns: 1.03fr 0.97fr;\n }\n\n #abera-fordyce-description .abera-benefit-grid,\n #abera-fordyce-description .abera-timeline,\n #abera-fordyce-description .abera-ingredient-grid {\n grid-template-columns: repeat(3, minmax(0, 1fr));\n }\n\n #abera-fordyce-description .abera-routine {\n grid-template-columns: repeat(4, minmax(0, 1fr));\n }\n\n #abera-fordyce-description .abera-gallery {\n grid-template-columns: repeat(2, minmax(0, 1fr));\n }\n\n #abera-fordyce-description .abera-gallery--support {\n grid-template-columns: repeat(2, minmax(0, 1fr));\n }\n }\n\n @media (max-width: 639px) {\n #abera-fordyce-description {\n font-size: 17px;\n line-height: 1.7;\n }\n\n #abera-fordyce-description .abera-section {\n padding: 42px 16px;\n }\n\n #abera-fordyce-description .abera-hero {\n padding: 26px 16px 36px;\n border-radius: 16px;\n }\n\n #abera-fordyce-description h2 {\n font-size: 29px;\n line-height: 1.2;\n }\n\n #abera-fordyce-description h3 {\n font-size: 23px;\n line-height: 1.28;\n }\n\n #abera-fordyce-description h4 {\n font-size: 18px;\n }\n\n #abera-fordyce-description p,\n #abera-fordyce-description .abera-benefit-copy p,\n #abera-fordyce-description .abera-step p,\n #abera-fordyce-description .abera-faq-answer p {\n font-size: 17px;\n }\n\n #abera-fordyce-description .abera-eyebrow {\n font-size: 13px;\n padding: 8px 12px;\n }\n\n #abera-fordyce-description .abera-chip {\n min-height: 38px;\n font-size: 14px;\n }\n\n #abera-fordyce-description .abera-benefit-copy {\n padding: 22px 18px 24px;\n }\n\n #abera-fordyce-description .abera-ingredient,\n #abera-fordyce-description .abera-routine-item,\n #abera-fordyce-description .abera-step,\n #abera-fordyce-description .abera-stat {\n padding: 20px 18px;\n }\n\n #abera-fordyce-description summary {\n padding: 20px 44px 20px 4px;\n font-size: 17px;\n line-height: 1.45;\n }\n\n #abera-fordyce-description .abera-document-block {\n padding: 22px 12px;\n }\n\n #abera-fordyce-description .abera-document {\n padding: 6px;\n }\n }\n\n\n \/* === FONT LOCK: uses a local system font, so it cannot fail to load or be replaced by the Shopify theme === *\/\n #abera-fordyce-description#abera-fordyce-description#abera-fordyce-description,\n #abera-fordyce-description#abera-fordyce-description#abera-fordyce-description *,\n #abera-fordyce-description#abera-fordyce-description#abera-fordyce-description *::before,\n #abera-fordyce-description#abera-fordyce-description#abera-fordyce-description *::after {\n font-family: \"Segoe UI\", Arial, Helvetica, sans-serif !important;\n }\n \u003c\/style\u003e\n\n \u003c!-- HERO --\u003e\n \u003csection class=\"abera-section\" id=\"abera-fordyce-top\"\u003e\n \u003cdiv class=\"abera-section-inner abera-hero\"\u003e\n \u003cdiv class=\"abera-hero-grid\"\u003e\n \u003cdiv class=\"abera-hero-copy\"\u003e\n \u003cspan class=\"abera-eyebrow\"\u003eCuidado diario específico para los labios\u003c\/span\u003e\n \u003ch2\u003eABERA Fordyce Cream\u003c\/h2\u003e\n \u003cp\u003e\n Una crema labial ligera creada para tratar visualmente las preocupaciones que suelen acompañar a\n \u003cstrong\u003elos puntos de Fordyce, la textura irregular, la resequedad y los labios de aspecto opaco.\u003c\/strong\u003e\n La fórmula combina HPR, Activoil Spotless, ceramida, vitamina E e ingredientes hidratantes y nutritivos\n para ayudar a que los labios luzcan más suaves, tersos y uniformes con el uso constante.\n \u003c\/p\u003e\n\n \u003cdiv class=\"abera-chip-row\" aria-label=\"Características destacadas del producto\"\u003e\n \u003cspan class=\"abera-chip\"\u003eAbsorción rápida\u003c\/span\u003e\n \u003cspan class=\"abera-chip\"\u003eAcabado no pegajoso\u003c\/span\u003e\n \u003cspan class=\"abera-chip\"\u003eAplicador metálico refrescante\u003c\/span\u003e\n \u003cspan class=\"abera-chip\"\u003ePara hombres y mujeres\u003c\/span\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"abera-note\"\u003e\n Los puntos de Fordyce son glándulas sebáceas comunes y no contagiosas. ABERA está diseñado para ayudar a que se vean menos visibles mientras mantiene los labios cómodamente hidratados.\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"abera-hero-media\"\u003e\n \u003cimg\n src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/D1-abera-crema-fordyce-vista-general-producto.webp?v=1787134111\"\n alt=\"Vista general de ABERA Fordyce Cream\"\n width=\"1800\"\n height=\"1350\"\n loading=\"eager\"\n fetchpriority=\"high\"\n \u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SCIENCE --\u003e\n \u003csection class=\"abera-section abera-soft-bg\"\u003e\n \u003cdiv class=\"abera-section-inner abera-center\"\u003e\n \u003cspan class=\"abera-eyebrow\"\u003eLa ciencia detrás de ABERA\u003c\/span\u003e\n \u003ch2\u003eCuidado específico sin sensación pesada ni grasosa\u003c\/h2\u003e\n \u003cp\u003e\n Descubre cómo ABERA Fordyce Cream se integra en una rutina diaria sencilla para los labios y ayuda a mejorar visiblemente la textura, la hidratación y la apariencia de los pequeños puntos blancos.\n \u003c\/p\u003e\n\n \u003cdiv class=\"abera-video abera-video--landscape\" style=\"margin-top: 28px;\"\u003e\n \u003ciframe\n src=\"https:\/\/www.youtube.com\/embed\/8uu-uF2I8tc\"\n title=\"La ciencia detrás de ABERA Fordyce Cream\"\n loading=\"lazy\"\n allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\"\n referrerpolicy=\"strict-origin-when-cross-origin\"\n allowfullscreen\n \u003e\u003c\/iframe\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"abera-stat-row\"\u003e\n \u003cdiv class=\"abera-stat\"\u003e\n \u003cb\u003e2× al día\u003c\/b\u003e\n \u003cspan\u003eRutina sencilla por la mañana y por la noche\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"abera-stat\"\u003e\n \u003cb\u003eAbsorción rápida\u003c\/b\u003e\n \u003cspan\u003eCómodo para usar de día o de noche\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"abera-stat\"\u003e\n \u003cb\u003eMás de 4 semanas\u003c\/b\u003e\n \u003cspan\u003eDuración aproximada de un tubo usándolo dos veces al día\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- 3 CORE BENEFITS --\u003e\n \u003csection class=\"abera-section\"\u003e\n \u003cdiv class=\"abera-section-inner abera-center\"\u003e\n \u003cspan class=\"abera-eyebrow\"\u003eTres beneficios principales\u003c\/span\u003e\n \u003ch2\u003eCuidado completo para las preocupaciones visibles de los labios\u003c\/h2\u003e\n \u003cp\u003e\n La información está organizada de forma clara y fácil de leer para que puedas entender rápidamente los principales beneficios del producto.\n \u003c\/p\u003e\n\n \u003cdiv class=\"abera-benefit-grid\"\u003e\n \u003carticle class=\"abera-benefit-card\"\u003e\n \u003cimg\n src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/D2-abera-crema-fordyce-puntos-fordyce-visibles.webp?v=1787134206\"\n alt=\"Cuidado específico para puntos de Fordyce visibles\"\n width=\"1800\"\n height=\"1350\"\n loading=\"lazy\"\n \u003e\n \u003cdiv class=\"abera-benefit-copy\"\u003e\n \u003ch3\u003eAyuda a que los puntos de Fordyce se vean menos visibles\u003c\/h3\u003e\n \u003cp\u003e\n El HPR y el complejo botánico específico ayudan a mejorar la apariencia de los pequeños puntos blancos y la textura irregular de los labios con el uso constante.\n \u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/article\u003e\n\n \u003carticle class=\"abera-benefit-card\"\u003e\n \u003cimg\n src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/D3-abera-crema-fordyce-labios-hidratados-suaves.webp?v=1787134250\"\n alt=\"Labios hidratados y de apariencia más suave\"\n width=\"1800\"\n height=\"1350\"\n loading=\"lazy\"\n \u003e\n \u003cdiv class=\"abera-benefit-copy\"\u003e\n \u003ch3\u003eLabios más suaves, tersos e hidratados\u003c\/h3\u003e\n \u003cp\u003e\n La ceramida, la vitamina E, la manteca de karité, el aceite de almendras y la glicerina ayudan a reducir la apariencia de resequedad, descamación y textura áspera.\n \u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/article\u003e\n\n \u003carticle class=\"abera-benefit-card\"\u003e\n \u003cimg\n src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/D4-abera-crema-fordyce-tono-labios-uniforme.webp?v=1787134285\"\n alt=\"Tono de labios de apariencia más uniforme\"\n width=\"1800\"\n height=\"1350\"\n loading=\"lazy\"\n \u003e\n \u003cdiv class=\"abera-benefit-copy\"\u003e\n \u003ch3\u003eAyuda a lograr un tono de labios de apariencia más uniforme\u003c\/h3\u003e\n \u003cp\u003e\n Una mezcla botánica hidratante ayuda a que los labios luzcan más saludables, suaves y naturalmente revitalizados, sin dejar una sensación pegajosa ni pesada.\n \u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/article\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- TIMELINE --\u003e\n \u003csection class=\"abera-section abera-blush-bg\"\u003e\n \u003cdiv class=\"abera-section-inner abera-center\"\u003e\n \u003cspan class=\"abera-eyebrow\"\u003eTu rutina de 2–5–8 semanas\u003c\/span\u003e\n \u003ch2\u003eCómo puede verse el progreso con el uso constante\u003c\/h2\u003e\n \u003cp\u003e\n Los cambios visibles se desarrollan gradualmente. Mantén una rutina sencilla y constante en lugar de esperar una transformación de la noche a la mañana.\n \u003c\/p\u003e\n\n \u003cdiv class=\"abera-timeline\"\u003e\n \u003cdiv class=\"abera-step\"\u003e\n \u003cspan class=\"abera-step-number\"\u003e2\u003c\/span\u003e\n \u003ch4\u003eSemana 2 — Más hidratados\u003c\/h4\u003e\n \u003cp\u003eLos labios pueden sentirse más suaves y menos resecos a medida que los ingredientes hidratantes ayudan a mantener el confort diario.\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"abera-step\"\u003e\n \u003cspan class=\"abera-step-number\"\u003e5\u003c\/span\u003e\n \u003ch4\u003eSemana 5 — Textura más suave\u003c\/h4\u003e\n \u003cp\u003eLa superficie de los labios puede verse más suave, uniforme y revitalizada.\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"abera-step\"\u003e\n \u003cspan class=\"abera-step-number\"\u003e8\u003c\/span\u003e\n \u003ch4\u003eSemana 8 — Puntos menos visibles\u003c\/h4\u003e\n \u003cp\u003eCon el uso diario, los puntos de Fordyce pueden verse más pequeños y menos notorios.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cp class=\"abera-disclaimer\"\u003eLos resultados individuales pueden variar según la condición de la piel, la constancia de la rutina y otros factores personales.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- INGREDIENTS --\u003e\n \u003csection class=\"abera-section\"\u003e\n \u003cdiv class=\"abera-section-inner\"\u003e\n \u003cdiv class=\"abera-split\"\u003e\n \u003cdiv class=\"abera-feature-media\"\u003e\n \u003cimg\n src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/D5-abera-crema-fordyce-formula-aplicador.webp?v=1787134323\"\n alt=\"Fórmula y aplicador de ABERA Fordyce Cream\"\n width=\"1800\"\n height=\"1350\"\n loading=\"lazy\"\n \u003e\n \u003c\/div\u003e\n\n \u003cdiv\u003e\n \u003cspan class=\"abera-eyebrow\"\u003eIngredientes clave de la fórmula\u003c\/span\u003e\n \u003ch2\u003eActivos específicos + apoyo a la barrera de los labios\u003c\/h2\u003e\n \u003cp\u003e\n La fórmula combina un retinoide de nueva generación con aceites botánicos e ingredientes que ayudan a mantener la hidratación para una rutina diaria equilibrada.\n \u003c\/p\u003e\n\n \u003cdiv class=\"abera-ingredient-grid\"\u003e\n \u003cdiv class=\"abera-ingredient\"\u003e\n \u003cb\u003eHPR\u003c\/b\u003e\n \u003cspan\u003eUn retinoide de nueva generación que ayuda a mejorar la apariencia de la textura y favorece una renovación visible.\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"abera-ingredient\"\u003e\n \u003cb\u003eActivoil Spotless\u003c\/b\u003e\n \u003cspan\u003eUn complejo botánico específico seleccionado para ayudar a que los labios luzcan más uniformes y de apariencia más clara.\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"abera-ingredient\"\u003e\n \u003cb\u003eCeramida\u003c\/b\u003e\n \u003cspan\u003eAyuda a reforzar la barrera natural de hidratación y a mejorar el confort diario.\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"abera-ingredient\"\u003e\n \u003cb\u003eVitamina E\u003c\/b\u003e\n \u003cspan\u003eAporta apoyo antioxidante y acondicionador para los labios de aspecto reseco.\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"abera-ingredient\"\u003e\n \u003cb\u003eManteca de karité + aceite de almendras\u003c\/b\u003e\n \u003cspan\u003eAyudan a nutrir y suavizar los labios con apariencia áspera, descamada o deshidratada.\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"abera-ingredient\"\u003e\n \u003cb\u003eGlicerina\u003c\/b\u003e\n \u003cspan\u003eAyuda a atraer y retener la humedad para que los labios se sientan más suaves y cómodos.\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- HOW TO USE --\u003e\n \u003csection class=\"abera-section abera-soft-bg\"\u003e\n \u003cdiv class=\"abera-section-inner abera-center\"\u003e\n \u003cspan class=\"abera-eyebrow\"\u003eConsejos para un mejor uso\u003c\/span\u003e\n \u003ch2\u003eUna rutina sencilla que puedes mantener\u003c\/h2\u003e\n \u003cp\u003eUsa una pequeña cantidad de forma constante en lugar de aplicar una capa gruesa de una sola vez.\u003c\/p\u003e\n\n \u003cdiv class=\"abera-routine\"\u003e\n \u003cdiv class=\"abera-routine-item\"\u003e\n \u003cb\u003e1. Limpia y seca\u003c\/b\u003e\n \u003cspan\u003eComienza con los labios limpios y completamente secos.\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"abera-routine-item\"\u003e\n \u003cb\u003e2. Aplica una capa fina\u003c\/b\u003e\n \u003cspan\u003eConcéntrate en las áreas visiblemente irregulares y en los pequeños puntos blancos.\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"abera-routine-item\"\u003e\n \u003cb\u003e3. Usa dos veces al día\u003c\/b\u003e\n \u003cspan\u003eAplica por la mañana y por la noche para mantener una rutina constante.\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"abera-routine-item\"\u003e\n \u003cb\u003e4. Protege durante el día\u003c\/b\u003e\n \u003cspan\u003eUsa un protector labial con FPS cuando tus labios vayan a estar expuestos al sol.\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"abera-note\" style=\"max-width: 780px; margin-left: auto; margin-right: auto; text-align: left;\"\u003e\n Comienza con una pequeña cantidad. Realiza primero una prueba de parche si tus labios son muy reactivos y suspende el uso si aparece irritación persistente.\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- PRODUCT DEMONSTRATION --\u003e\n \u003csection class=\"abera-section\"\u003e\n \u003cdiv class=\"abera-section-inner\"\u003e\n \u003cdiv class=\"abera-split\"\u003e\n \u003cdiv\u003e\n \u003cspan class=\"abera-eyebrow\"\u003eMira el producto en uso\u003c\/span\u003e\n \u003ch2\u003eCuidado ligero que se adapta a tu día a día\u003c\/h2\u003e\n \u003cp\u003e\n El aplicador metálico refrescante permite una aplicación precisa, mientras que la crema transparente se absorbe rápidamente sin dejar una capa pesada sobre los labios.\n \u003c\/p\u003e\n \u003cdiv class=\"abera-chip-row\"\u003e\n \u003cspan class=\"abera-chip\"\u003eAplicación precisa\u003c\/span\u003e\n \u003cspan class=\"abera-chip\"\u003eAcabado transparente\u003c\/span\u003e\n \u003cspan class=\"abera-chip\"\u003eFácil de llevar\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"abera-video abera-video--portrait\"\u003e\n \u003ciframe\n src=\"https:\/\/www.youtube.com\/embed\/-XCoGqrfTC0\"\n title=\"Demostración de ABERA Fordyce Cream\"\n loading=\"lazy\"\n allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\"\n referrerpolicy=\"strict-origin-when-cross-origin\"\n allowfullscreen\n \u003e\u003c\/iframe\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- CUSTOMER EXPERIENCE --\u003e\n \u003csection class=\"abera-section abera-blush-bg\"\u003e\n \u003cdiv class=\"abera-section-inner abera-center\"\u003e\n \u003cspan class=\"abera-eyebrow\"\u003eExperiencia de clientes\u003c\/span\u003e\n \u003ch2\u003eRutinas reales, uso real del producto\u003c\/h2\u003e\n \u003cp\u003e\n Explora contenido de clientes, imágenes del producto y ejemplos de uso diario antes de elegir el paquete que mejor se adapte a tu rutina.\n \u003c\/p\u003e\n\n \u003cdiv class=\"abera-video-grid\"\u003e\n \u003cdiv class=\"abera-video-card\"\u003e\n \u003cdiv class=\"abera-video abera-video--portrait\"\u003e\n \u003ciframe\n src=\"https:\/\/www.youtube.com\/embed\/DyoNWsC0PvE\"\n title=\"Experiencia de cliente con ABERA Fordyce Cream\"\n loading=\"lazy\"\n allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\"\n referrerpolicy=\"strict-origin-when-cross-origin\"\n allowfullscreen\n \u003e\u003c\/iframe\u003e\n \u003c\/div\u003e\n \u003ch4\u003eUso diario cómodo\u003c\/h4\u003e\n \u003cp\u003eUna mirada más de cerca a la textura, la aplicación y cómo el producto se integra en una rutina de cuidado de los labios.\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"abera-video-card\"\u003e\n \u003cimg\n src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/D6-abera-crema-fordyce-foto-producto-cliente.webp?v=1787134363\"\n alt=\"Foto del producto ABERA Fordyce Cream de un cliente\"\n width=\"1200\"\n height=\"1600\"\n loading=\"lazy\"\n style=\"border-radius: 14px;\"\n \u003e\n \u003ch4\u003eSimple y portátil\u003c\/h4\u003e\n \u003cp\u003eUn tubo compacto diseñado para una rutina sencilla por la mañana, por la noche o cuando estás fuera de casa.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"abera-gallery abera-gallery--support\"\u003e\n \u003cimg\n src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/D7-abera-crema-fordyce-informacion-producto-1.webp?v=1787134396\"\n alt=\"Imagen informativa 1 de ABERA Fordyce Cream\"\n width=\"1800\"\n height=\"1350\"\n loading=\"lazy\"\n \u003e\n \u003cimg\n src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/D8-abera-crema-fordyce-informacion-producto-2.webp?v=1787134429\"\n alt=\"Imagen informativa 2 de ABERA Fordyce Cream\"\n width=\"1800\"\n height=\"1350\"\n loading=\"lazy\"\n \u003e\n \u003cimg\n src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/D9-abera-crema-fordyce-informacion-producto-4.webp?v=1787134485\"\n alt=\"Imagen informativa 4 de ABERA Fordyce Cream\"\n width=\"1800\"\n height=\"1350\"\n loading=\"lazy\"\n \u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"abera-document-block\"\u003e\n \u003cspan class=\"abera-eyebrow\"\u003eDocumentación de calidad y seguridad\u003c\/span\u003e\n \u003ch3\u003eDocumentos de respaldo del producto, mostrados con claridad\u003c\/h3\u003e\n \u003cp\u003e\n Esta imagen del documento se muestra a ancho completo en lugar de comprimirse en una miniatura pequeña. Toca la imagen para abrir el archivo original en un tamaño mayor.\n \u003c\/p\u003e\n \u003cfigure class=\"abera-document\"\u003e\n \u003ca\n href=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/D10-abera-crema-fordyce-documentos-calidad-seguridad.webp?v=1787134520\"\n target=\"_blank\"\n rel=\"noopener\"\n aria-label=\"Abrir el documento de respaldo de ABERA Fordyce Cream en tamaño completo\"\n \u003e\n \u003cimg\n src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/D10-abera-crema-fordyce-documentos-calidad-seguridad.webp?v=1787134520\"\n alt=\"Documentos de respaldo de calidad y seguridad de ABERA Fordyce Cream\"\n width=\"1800\"\n height=\"1350\"\n loading=\"lazy\"\n \u003e\n \u003c\/a\u003e\n \u003cfigcaption\u003eToca la imagen del documento para verla en tamaño completo.\u003c\/figcaption\u003e\n \u003c\/figure\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"abera-gallery\"\u003e\n \u003cimg\n src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/D11-abera-crema-fordyce-rutina-cliente.webp?v=1787134556\"\n alt=\"Foto de rutina de cliente con ABERA Fordyce Cream\"\n width=\"1200\"\n height=\"1600\"\n loading=\"lazy\"\n \u003e\n \u003cimg\n src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/D1-abera-crema-fordyce-vista-general-producto.webp?v=1787134111\"\n alt=\"Presentación del producto ABERA Fordyce Cream\"\n width=\"1800\"\n height=\"1350\"\n loading=\"lazy\"\n \u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- FAQ --\u003e\n \u003csection class=\"abera-section\"\u003e\n \u003cdiv class=\"abera-section-inner abera-center\"\u003e\n \u003cspan class=\"abera-eyebrow\"\u003ePreguntas frecuentes\u003c\/span\u003e\n \u003ch2\u003eTodo lo que los clientes suelen querer saber\u003c\/h2\u003e\n\n \u003cdiv class=\"abera-faq\"\u003e\n \u003cdetails\u003e\n \u003csummary\u003e¿Los puntos de Fordyce son contagiosos? ¿Son VPH o herpes?\u003c\/summary\u003e\n \u003cdiv class=\"abera-faq-answer\"\u003e\n \u003cp\u003eNo. Los puntos de Fordyce son glándulas sebáceas visibles y comunes. No son contagiosos y no son lo mismo que el VPH ni el herpes.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n\n \u003cdetails\u003e\n \u003csummary\u003e¿Esta crema solo reseca los labios para hacer que los puntos se vean más pequeños?\u003c\/summary\u003e\n \u003cdiv class=\"abera-faq-answer\"\u003e\n \u003cp\u003eNo. La fórmula combina HPR y Activoil Spotless con ceramida, vitamina E, manteca de karité, aceite de almendras y glicerina, por lo que ayuda tanto a mejorar la apariencia de los puntos como a mantener la hidratación.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n\n \u003cdetails\u003e\n \u003csummary\u003e¿Cuánto tiempo tarda en notarse un cambio visible?\u003c\/summary\u003e\n \u003cdiv class=\"abera-faq-answer\"\u003e\n \u003cp\u003eMuchas rutinas muestran mayor hidratación alrededor de la semana 2, una textura de apariencia más suave cerca de la semana 5 y puntos menos notorios alrededor de la semana 8. Los resultados varían y la constancia diaria es importante.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n\n \u003cdetails\u003e\n \u003csummary\u003e¿Con qué frecuencia debo usarla?\u003c\/summary\u003e\n \u003cdiv class=\"abera-faq-answer\"\u003e\n \u003cp\u003eAplica una capa fina sobre los labios limpios y secos dos veces al día: una vez por la mañana y otra por la noche.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n\n \u003cdetails\u003e\n \u003csummary\u003e¿Los hombres pueden usar ABERA Fordyce Cream?\u003c\/summary\u003e\n \u003cdiv class=\"abera-faq-answer\"\u003e\n \u003cp\u003eSí. La fórmula está diseñada tanto para hombres como para mujeres. Es transparente, ligera y fácil de incorporar a una rutina diaria sencilla.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n\n \u003cdetails\u003e\n \u003csummary\u003e¿Cuánto suele durar un tubo?\u003c\/summary\u003e\n \u003cdiv class=\"abera-faq-answer\"\u003e\n \u003cp\u003eUn tubo puede durar más de cuatro semanas cuando se usa una pequeña cantidad dos veces al día.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- FINAL CTA --\u003e\n \u003csection class=\"abera-section\" style=\"padding-top: 24px;\"\u003e\n \u003cdiv class=\"abera-section-inner abera-cta\"\u003e\n \u003ch2\u003e¿Listo para comenzar tu rutina de cuidado de los labios?\u003c\/h2\u003e\n \u003cp\u003e\n Elige arriba el paquete que mejor se adapte a tu rutina y usa ABERA de forma constante para favorecer los mejores resultados visibles posibles.\n \u003c\/p\u003e\n \u003ca class=\"abera-button\" href=\"#MainContent\" aria-label=\"Volver a las opciones del producto\"\u003eElige tu paquete arriba\u003c\/a\u003e\n \u003cp class=\"abera-disclaimer\" style=\"color: rgba(255,255,255,0.82); margin-bottom: 0;\"\u003e\n Producto cosmético solo para uso externo. Los resultados pueden variar. Este contenido no pretende diagnosticar, tratar, curar ni prevenir ninguna enfermedad.\n \u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\u003c\/div\u003e","brand":"Abera","offers":[{"title":"Fordyce único","offer_id":54273541374320,"sku":"CB-AFORDYCE104+SL1","price":41.99,"currency_code":"USD","in_stock":true},{"title":"Compra 1 Fordyce + 1 Esencia de Ojos Bakuchiol","offer_id":53478029099376,"sku":"CB-AFORDYCE104+SL1-CB-BAKUCHIOL094+SL1","price":56.99,"currency_code":"USD","in_stock":true},{"title":"Compra 2 Fordyce + 1 Bakuchiol GRATIS","offer_id":53478029132144,"sku":"CB-AFORDYCE104+SL2-CB-BAKUCHIOL094+SL1","price":74.99,"currency_code":"USD","in_stock":true},{"title":"Compra 3 Fordyce + 2 regalos GRATIS para el cuidado de los ojos","offer_id":53478029164912,"sku":"CB-AFORDYCE104+SL3-CB-BAKUCHIOL094+SL1-BONGMATUSA061+SL1","price":114.99,"currency_code":"USD","in_stock":true},{"title":"Compra 1 Fordyce + 1 Bakuchiol + 1 Roll-on para ojos","offer_id":67851724554608,"sku":"CB-AFORDYCE104+SL1-CB-BAKUCHIOL094+SL1-BONGMATUSA061+SL1","price":89.99,"currency_code":"USD","in_stock":true},{"title":"Compra 1 Fordyce + 1 Sérum Rodillo para Ojos","offer_id":67701965226352,"sku":"CB-AFORDYCE104+SL1-CB-BONGMATUSA061+SL1","price":58.99,"currency_code":"USD","in_stock":false},{"title":"Compra 2 Fordyce + 1 Eye Roller GRATIS","offer_id":67697254138224,"sku":"CB-AFORDYCE104+SL2-CB-BONGMATUSA061+SL1","price":79.99,"currency_code":"USD","in_stock":false},{"title":"Compre 3 Fordyce + Reciba 2 Bakuchiol Gratis","offer_id":67697255547248,"sku":"CB-AFORDYCE104+SL3-CB-BAKUCHIOL094+SL2","price":94.99,"currency_code":"USD","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/fordyce-01-main-box-tube-hpr.webp?v=1791042689"},{"product_id":"abera-instant-hair-dye-shampoo-bottle","title":"Instant Hair Dye Shampoo","description":"\u003c!-- =========================================================\nTINTA PARA EL CABELLO ABERA — BENEFICIOS PRINCIPALES Y RÁPIDOS\nCONTENIDO DE BENEFICIOS ACTUALIZADO\n========================================================= --\u0026gt;\n\u003c!--$0--\u003e\n\u003cstyle\u003e\n#abera-hero-v4 .ahv4-media video {\n display: block; width: 100%; height: 100%; object-fit: cover;\n border: 1px solid #dbe2e8; border-radius: 14px;\n background: #152638;\n}\n@media (max-width: 767px) {\n #abera-hero-v4 .ahv4-media video { border-radius: 10px; }\n}\n\u003c\/style\u003e\n\u003csection id=\"abera-hero-v4\"\u003e\u003c!-- =========================================================\nBENEFICIOS PRINCIPALES\n========================================================= --\u0026gt;\n\u003cdiv class=\"ahv4-main\"\u003e\n\n\u003cdiv class=\"ahv4-container\"\u003e\n\n\u003cdiv class=\"ahv4-grid\"\u003e\n\n\u003c!-- IZQUIERDA --\u003e\n\u003cdiv class=\"ahv4-copy\"\u003e\n\n\u003cdiv class=\"ahv4-eyebrow\"\u003eCHAMPÚ TINTA INSTANTÁNEA PARA EL CABELLO ABERA\u003c\/div\u003e\n\n\u003ch1 class=\"ahv4-title\"\u003e¿CANAS? \u003cspan\u003e SOLO 15 MINUTOS. \u003c\/span\u003e\n\n\u003c\/h1\u003e\n\n\u003cp class=\"ahv4-description\"\u003e\u003cstrong\u003e Cubre las canas visibles en casa \u003c\/strong\u003e — sin cita en la peluquería ni mezclas complicadas de tinte. ABERA combina coloración, limpieza y acondicionamiento en una rutina sencilla similar a la de un champú.\u003c\/p\u003e\n\n\u003cdiv class=\"ahv4-usp\"\u003e\n\n\u003cdiv class=\"ahv4-usp\"\u003e\n\n\u003cspan class=\"ahv4-check\"\u003e ✓ \u003c\/span\u003e \u003cspan\u003e Cobertura visible de canas en 15 minutos \u003c\/span\u003e\n\n\u003c\/div\u003e\n\n\u003cdiv class=\"ahv4-usp\"\u003e\n\n\u003cspan class=\"ahv4-check\"\u003e ✓ \u003c\/span\u003e \u003cspan\u003e 15-20 aplicaciones \u003c\/span\u003e\n\n\u003c\/div\u003e\n\n\u003cdiv class=\"ahv4-usp\"\u003e\n\n\u003cspan class=\"ahv4-check\"\u003e ✓ \u003c\/span\u003e \u003cspan\u003e 3 en 1: Color + Limpieza + Acondicionamiento \u003c\/span\u003e\n\n\u003c\/div\u003e\n\n\u003cdiv class=\"ahv4-usp\"\u003e\n\n\u003cspan class=\"ahv4-check\"\u003e ✓ \u003c\/span\u003e \u003cspan\u003e Fórmula sin amoníaco \u003c\/span\u003e\n\n\u003c\/div\u003e\n\n\u003cdiv class=\"ahv4-usp\"\u003e\n\n\u003cspan class=\"ahv4-check\"\u003e ✓ \u003c\/span\u003e \u003cspan\u003e Para hombres y mujeres \u003c\/span\u003e\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\u003c!-- IMAGEN DERECHA --\u003e\n\u003cdiv class=\"ahv4-media\"\u003e\n\n\u003cvideo src=\"https:\/\/cdn.shopify.com\/videos\/c\/o\/v\/e6d164eee74040cbb469a953d154060c.mp4\" poster=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/0803_1_1.webp?v=1790069954\" controls=\"auto\" playsinline=\"\" preload=\"metadata\"\u003e\u003c\/video\u003e\n\u003cdiv class=\"ahv4-badge\"\u003e\n\n\u003cstrong\u003e 15 MIN \u003c\/strong\u003e \u003cspan\u003e COBERTURA RÁPIDA DE\u003cbr\u003eCANAS \u003c\/span\u003e\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\n\n\n\n\n\n\n\n\n\u003c!-- =========================================================\nBARRA DE BENEFICIOS RÁPIDOS ACTUALIZADA\n========================================================= --\u0026gt;\n\u003cdiv class=\"ahv4-benefits\"\u003e\n\n\u003cdiv class=\"ahv4-benefits-grid\"\u003e\n\n\u003c!-- 01 --\u003e\n\u003cdiv class=\"ahv4-benefit\"\u003e\n\n\u003cspan\u003e Cubre las canas \u003c\/span\u003e \u003cstrong\u003e en solo 15 minutos \u003c\/strong\u003e\n\n\u003c\/div\u003e\n\n\u003c!-- 02 --\u003e\n\u003cdiv class=\"ahv4-benefit\"\u003e\n\n\u003cspan\u003e Protege el cabello con una \u003c\/span\u003e \u003cstrong\u003e fórmula sin amoníaco \u003c\/strong\u003e\n\n\u003c\/div\u003e\n\n\u003c!-- 03 --\u003e\n\u003cdiv class=\"ahv4-benefit\"\u003e\n\n\u003cspan\u003e Tan fácil como el \u003c\/span\u003e \u003cstrong\u003e champú habitual \u003c\/strong\u003e\n\n\u003c\/div\u003e\n\n\u003c!-- 04 --\u003e\n\u003cdiv class=\"ahv4-benefit\"\u003e\n\n\u003cspan\u003e Apto para \u003c\/span\u003e \u003cstrong\u003e TODOS los tipos de cabello \u003c\/strong\u003e\n\n\u003c\/div\u003e\n\n\n\n\n\n\n\n\u003c\/section\u003e\n\u003c!-- =========================================================\nTINTA PARA EL CABELLO ABERA — CÓMO FUNCIONA\nFONDO BEIGE CONTINUO\nESCRITORIO: VIDEO A LA IZQUIERDA + 3 PASOS A LA DERECHA\nMÓVIL: VIDEO ARRIBA + PASOS ABAJO\n========================================================= --\u0026gt;\n\u003c!--$2--\u003e\n\u003cstyle\u003e\n#abera-how-v4 .ahw4-grid { display: block; }\n#abera-how-v4 .ahw4-steps {\n display: grid; grid-template-columns: repeat(3, minmax(0, 1fr));\n gap: 20px; align-items: stretch;\n}\n#abera-how-v4 .ahw4-step {\n display: flex; flex-direction: column; align-items: flex-start;\n gap: 0; padding: 0 0 24px; overflow: hidden;\n background: #fff; border: 1px solid #dbe2e8;\n}\n#abera-how-v4 .ahw4-step-image {\n display: block; width: 100%; aspect-ratio: 4 \/ 3;\n object-fit: cover; background: #f2f5f7;\n}\n#abera-how-v4 .ahw4-image-slot {\n position: relative; width: 100%; aspect-ratio: 4 \/ 3;\n background: #f2f5f7; overflow: hidden;\n}\n#abera-how-v4 .ahw4-image-slot .ahw4-step-image {\n width: 100%; height: 100%; aspect-ratio: auto;\n}\n#abera-how-v4 .ahw4-image-slot .ahw4-step-image[src=\"\"] { display: none; }\n#abera-how-v4 .ahw4-image-placeholder {\n position: absolute; inset: 0; display: grid; place-items: center;\n padding: 20px; color: #46586a; text-align: center;\n font-size: 15px; font-weight: 600; border-bottom: 1px dashed #c6a15a;\n}\n#abera-how-v4 .ahw4-image-slot:has(.ahw4-step-image:not([src=\"\"])) .ahw4-image-placeholder { display: none; }\n#abera-how-v4 .ahw4-number { margin: 20px 22px 12px; }\n#abera-how-v4 .ahw4-step-copy { padding: 0 22px; }\n@media (max-width: 767px) {\n #abera-how-v4 .ahw4-steps {\n display: grid; grid-template-columns: 1fr; gap: 14px;\n }\n #abera-how-v4 .ahw4-step { width: 100%; padding: 0 0 20px; }\n #abera-how-v4 .ahw4-number { margin: 16px 18px 10px; }\n #abera-how-v4 .ahw4-step-copy { padding: 0 18px; }\n}\n\u003c\/style\u003e\n\u003csection id=\"abera-how-v4\"\u003e\u003c!-- =========================================================\nCONTENIDO DE CÓMO FUNCIONA\n========================================================= --\u0026gt;\n\u003cdiv class=\"ahw4-main\"\u003e\n\n\u003cdiv class=\"ahw4-container\"\u003e\n\n\u003c!-- ENCABEZADO --\u003e\n\u003cdiv class=\"ahw4-header\"\u003e\n\n\u003cp class=\"ahw4-eyebrow\"\u003eCÓMO FUNCIONA\u003c\/p\u003e\n\n\u003ch2 class=\"ahw4-title\"\u003eCOBERTURA DE CANAS EN 3 PASOS SENCILLOS.\u003c\/h2\u003e\n\n\n\u003c\/div\u003e\n\n\u003c!-- CONTENIDO --\u003e\n\u003cdiv class=\"ahw4-grid\"\u003e\n\n\u003c!-- ===================================================\n PASOS\n ==================================================== --\u0026gt;\n\u003cdiv class=\"ahw4-steps\"\u003e\n\n\u003c!-- 01 --\u003e\n\u003cdiv class=\"ahw4-step\"\u003e\n\n\u003c!-- CÓMO USAR 1: pega tu URL de imagen de Shopify en src=\"\" abajo --\u003e\n\u003cdiv class=\"ahw4-image-slot\"\u003e\n\n\u003cimg class=\"ahw4-step-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/0803_1_1.webp?v=1790069954\" alt=\"Ilustración de verter el champú tinto en la palma de la mano\" loading=\"lazy\"\u003e\u003cspan class=\"ahw4-image-placeholder\"\u003eImagen para el Paso 1: VERTER\u003cbr\u003ePega el enlace de la imagen en src\u003c\/span\u003e\n\n\u003c\/div\u003e\n\n\u003cdiv class=\"ahw4-number\"\u003e01\u003c\/div\u003e\n\n\u003cdiv class=\"ahw4-step-copy\"\u003e\n\n\u003ch3 class=\"ahw4-step-title\"\u003eVERTER\u003c\/h3\u003e\n\n\u003cp class=\"ahw4-step-text\"\u003ePonte los guantes proporcionados. Vierte la cantidad de champú en la palma de la mano.\u003c\/p\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\u003c!-- 02 --\u003e\n\u003cdiv class=\"ahw4-step\"\u003e\n\n\u003c!-- CÓMO USAR 2: pega tu URL de imagen de Shopify en src=\"\" abajo --\u003e\n\u003cdiv class=\"ahw4-image-slot\"\u003e\n\n\u003cimg class=\"ahw4-step-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/Your_paragraph_text_9.webp?v=1790159827\" alt=\"Ilustración de aplicar el champú tinto uniformemente en el cabello\" loading=\"lazy\"\u003e\u003cspan class=\"ahw4-image-placeholder\"\u003eImagen para el Paso 2: APLICAR\u003cbr\u003ePega el enlace de la imagen en src\u003c\/span\u003e\n\n\u003c\/div\u003e\n\n\u003cdiv class=\"ahw4-number\"\u003e02\u003c\/div\u003e\n\n\u003cdiv class=\"ahw4-step-copy\"\u003e\n\n\u003ch3 class=\"ahw4-step-title\"\u003eAPLICAR\u003c\/h3\u003e\n\n\u003cp class=\"ahw4-step-text\"\u003eAplícalo uniformemente sobre el cabello seco, masajeando desde las raíces hasta las puntas. Déjalo actuar de 15 a 20 minutos para que el color se desarrolle por completo.\u003c\/p\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\u003c!-- 03 --\u003e\n\u003cdiv class=\"ahw4-step\"\u003e\n\n\u003c!-- CÓMO USAR 3: pega tu URL de imagen de Shopify en src=\"\" abajo --\u003e\n\u003cdiv class=\"ahw4-image-slot\"\u003e\n\n\u003cimg class=\"ahw4-step-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/Your_paragraph_text_8.webp?v=1790159827\" alt=\"Ilustración de enjuagar el cabello con agua\" loading=\"lazy\"\u003e\u003cspan class=\"ahw4-image-placeholder\"\u003eImagen para el Paso 3: ENJUAGAR\u003cbr\u003ePega el enlace de la imagen en src\u003c\/span\u003e\n\n\u003c\/div\u003e\n\n\u003cdiv class=\"ahw4-number\"\u003e03\u003c\/div\u003e\n\n\u003cdiv class=\"ahw4-step-copy\"\u003e\n\n\u003ch3 class=\"ahw4-step-title\"\u003eENJUAGAR\u003c\/h3\u003e\n\n\u003cp class=\"ahw4-step-text\"\u003eEnjuaga abundantemente con agua hasta que el agua salga limpia, luego sécalo con una toalla y disfruta de tu nuevo y vibrante look.\u003c\/p\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\n\n\n\n\n\n\n\n\n\u003c\/section\u003e\n\u003c!-- =========================================================\nTINTA PARA EL CABELLO ABERA — RESULTADOS ANTES \/ DESPUÉS\nFONDO BEIGE CONTINUO\nESCRITORIO: 5 TARJETAS \/ FILA\nMÓVIL: 1 TARJETA + VISTA PREVIA SIGUIENTE\n========================================================= --\u0026gt;\n\u003c!--$4--\u003e\n\u003csection id=\"abera-results-v4\"\u003e\u003c!-- =========================================================\nCONTENIDO DE RESULTADOS\n========================================================= --\u0026gt;\n\u003cdiv class=\"abr4-main\"\u003e\n\n\u003cdiv class=\"abr4-container\"\u003e\n\n\u003c!-- =====================================================\n ENCABEZADO\n ====================================================== --\u0026gt;\n\u003cdiv class=\"abr4-header\"\u003e\n\n\u003cp class=\"abr4-eyebrow\"\u003eLA DIFERENCIA DE 15 MINUTOS\u003c\/p\u003e\n\n\u003ch2 class=\"abr4-title\"\u003eDE CANAS VISIBLES A UN COLOR DE ASPECTO NATURAL\u003c\/h2\u003e\n\n\u003cp class=\"abr4-subtitle\"\u003eAplica. Masajea. Espera 15 minutos. Enjuaga.\u003c\/p\u003e\n\n\n\u003c\/div\u003e\n\n\u003c!-- =====================================================\n RESULTADOS EN HOMBRES\n ====================================================== --\u0026gt;\n\u003cdiv class=\"abr4-group\"\u003e\n\n\u003cdiv class=\"abr4-group-header\"\u003e\n\n\u003cdiv class=\"abr4-group-label\"\u003eRESULTADOS EN HOMBRES\u003c\/div\u003e\n\n\u003cdiv class=\"abr4-group-line\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\u003cdiv class=\"abr4-track\"\u003e\n\n\u003c!-- HOMBRE 01 --\u003e\n\u003carticle class=\"abr4-card\"\u003e\n\u003cdiv class=\"abr4-image\"\u003e\n\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/ChatGPT_14.webp?v=1787212244\" alt=\"Resultado de canas en hombres de ABERA\"\u003e \u003cspan class=\"abr4-tag abr4-before\"\u003e ANTES \u003c\/span\u003e \u003cspan class=\"abr4-tag abr4-after\"\u003e DESPUÉS \u003c\/span\u003e\n\n\u003c\/div\u003e\n\n\u003cdiv class=\"abr4-body\"\u003e\n\n\u003cdiv class=\"abr4-stars\"\u003e★★★★★\u003c\/div\u003e\n\n\u003cp class=\"abr4-review\"\u003e“He dejado de teñirme el cabello de forma tradicional. Este champú tinto es mucho más práctico y el color se ve muy natural.”\u003c\/p\u003e\n\n\u003cdiv class=\"abr4-customer\"\u003e\n\n\u003cstrong\u003e David B. \u003c\/strong\u003e \u003cspan class=\"abr4-location\"\u003e California, EE. UU. \u003c\/span\u003e\n\n\u003c\/div\u003e\n\n\u003cdiv class=\"abr4-verified\"\u003e\n\n\u003cspan class=\"abr4-verified-icon\"\u003e ✓ \u003c\/span\u003e Cliente verificado\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\u003c\/article\u003e\n\u003c!-- HOMBRE 02 --\u003e\n\u003carticle class=\"abr4-card\"\u003e\n\u003cdiv class=\"abr4-image\"\u003e\n\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/ChatGPT_17.webp?v=1787212244\" alt=\"Resultado de canas en hombres de ABERA\"\u003e \u003cspan class=\"abr4-tag abr4-before\"\u003e ANTES \u003c\/span\u003e \u003cspan class=\"abr4-tag abr4-after\"\u003e DESPUÉS \u003c\/span\u003e\n\n\u003c\/div\u003e\n\n\u003cdiv class=\"abr4-body\"\u003e\n\n\u003cdiv class=\"abr4-stars\"\u003e★★★★★\u003c\/div\u003e\n\n\u003cp class=\"abr4-review\"\u003e“Lo uso principalmente alrededor de las sienes cuando empiezan a notarse las canas. La rutina es rápida y sencilla.”\u003c\/p\u003e\n\n\u003cdiv class=\"abr4-customer\"\u003e\n\n\u003cstrong\u003e Michael R. \u003c\/strong\u003e \u003cspan class=\"abr4-location\"\u003e Texas, EE. UU. \u003c\/span\u003e\n\n\u003c\/div\u003e\n\n\u003cdiv class=\"abr4-verified\"\u003e\n\n\u003cspan class=\"abr4-verified-icon\"\u003e ✓ \u003c\/span\u003e Cliente verificado\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\u003c\/article\u003e\n\u003c!-- HOMBRE 03 --\u003e\n\u003carticle class=\"abr4-card\"\u003e\n\u003cdiv class=\"abr4-image\"\u003e\n\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/ChatGPT_16.webp?v=1787212244\" alt=\"Resultado de canas en hombres de ABERA\"\u003e \u003cspan class=\"abr4-tag abr4-before\"\u003e ANTES \u003c\/span\u003e \u003cspan class=\"abr4-tag abr4-after\"\u003e DESPUÉS \u003c\/span\u003e\n\n\u003c\/div\u003e\n\n\u003cdiv class=\"abr4-body\"\u003e\n\n\u003cdiv class=\"abr4-stars\"\u003e★★★★★\u003c\/div\u003e\n\n\u003cp class=\"abr4-review\"\u003e“No quería algo que pareciera todo un proceso de coloración capilar. Esto se adapta mucho mejor a mi rutina.”\u003c\/p\u003e\n\n\u003cdiv class=\"abr4-customer\"\u003e\n\n\u003cstrong\u003e James K. \u003c\/strong\u003e \u003cspan class=\"abr4-location\"\u003e Florida, EE. UU. \u003c\/span\u003e\n\n\u003c\/div\u003e\n\n\u003cdiv class=\"abr4-verified\"\u003e\n\n\u003cspan class=\"abr4-verified-icon\"\u003e ✓ \u003c\/span\u003e Cliente verificado\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\u003c\/article\u003e\n\u003c!-- HOMBRE 04 --\u003e\n\u003carticle class=\"abr4-card\"\u003e\n\u003cdiv class=\"abr4-image\"\u003e\n\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/ChatGPT_15.webp?v=1787212243\" alt=\"Resultado de canas en hombres de ABERA\"\u003e \u003cspan class=\"abr4-tag abr4-before\"\u003e ANTES \u003c\/span\u003e \u003cspan class=\"abr4-tag abr4-after\"\u003e DESPUÉS \u003c\/span\u003e\n\n\u003c\/div\u003e\n\n\u003cdiv class=\"abr4-body\"\u003e\n\n\u003cdiv class=\"abr4-stars\"\u003e★★★★★\u003c\/div\u003e\n\n\u003cp class=\"abr4-review\"\u003e“Mucho más sencillo que los kits de tinte tradicionales que he usado antes.”\u003c\/p\u003e\n\n\u003cdiv class=\"abr4-customer\"\u003e\n\n\u003cstrong\u003e Robert T. \u003c\/strong\u003e \u003cspan class=\"abr4-location\"\u003e Arizona, EE. UU. \u003c\/span\u003e\n\n\u003c\/div\u003e\n\n\u003cdiv class=\"abr4-verified\"\u003e\n\n\u003cspan class=\"abr4-verified-icon\"\u003e ✓ \u003c\/span\u003e Cliente verificado\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\u003c\/article\u003e\n\u003c!-- HOMBRE 05 --\u003e\n\u003carticle class=\"abr4-card\"\u003e\n\u003cdiv class=\"abr4-image\"\u003e\n\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/ChatGPT_19.webp?v=1787212244\" alt=\"Resultado de canas en hombres de ABERA\"\u003e \u003cspan class=\"abr4-tag abr4-before\"\u003e ANTES \u003c\/span\u003e \u003cspan class=\"abr4-tag abr4-after\"\u003e DESPUÉS \u003c\/span\u003e\n\n\u003c\/div\u003e\n\n\u003cdiv class=\"abr4-body\"\u003e\n\n\u003cdiv class=\"abr4-stars\"\u003e★★★★★\u003c\/div\u003e\n\n\u003cp class=\"abr4-review\"\u003e“Quería algo más fácil para retoques rápidos. Esto es mucho más práctico para mi rutina.”\u003c\/p\u003e\n\n\u003cdiv class=\"abr4-customer\"\u003e\n\n\u003cstrong\u003e Daniel S. \u003c\/strong\u003e \u003cspan class=\"abr4-location\"\u003e Nueva York, EE. UU. \u003c\/span\u003e\n\n\u003c\/div\u003e\n\n\u003cdiv class=\"abr4-verified\"\u003e\n\n\u003cspan class=\"abr4-verified-icon\"\u003e ✓ \u003c\/span\u003e Cliente verificado\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\u003c\/article\u003e\n\n\n\n\u003cdiv class=\"abr4-swipe\"\u003eDesliza para ver más \u003cstrong\u003e→\u003c\/strong\u003e\n\n\u003c\/div\u003e\n\n\n\n\n\u003c!-- =====================================================\n RESULTADOS EN MUJERES\n ====================================================== --\u0026gt;\n\u003cdiv class=\"abr4-group\"\u003e\n\n\u003cdiv class=\"abr4-group-header\"\u003e\n\n\u003cdiv class=\"abr4-group-label\"\u003eRESULTADOS EN MUJERES\u003c\/div\u003e\n\n\u003cdiv class=\"abr4-group-line\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\u003cdiv class=\"abr4-track\"\u003e\n\n\u003c!-- MUJER 01 --\u003e\n\u003carticle class=\"abr4-card\"\u003e\n\u003cdiv class=\"abr4-image\"\u003e\n\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/ChatGPT_6.webp?v=1787212243\" alt=\"Resultado de canas en mujeres de ABERA\"\u003e \u003cspan class=\"abr4-tag abr4-before\"\u003e ANTES \u003c\/span\u003e \u003cspan class=\"abr4-tag abr4-after\"\u003e DESPUÉS \u003c\/span\u003e\n\n\u003c\/div\u003e\n\n\u003cdiv class=\"abr4-body\"\u003e\n\n\u003cdiv class=\"abr4-stars\"\u003e★★★★★\u003c\/div\u003e\n\n\u003cp class=\"abr4-review\"\u003e“Teñirme el cabello de forma tradicional siempre me parecía demasiado trabajo. Esto fue mucho más fácil de usar en casa.”\u003c\/p\u003e\n\n\u003cdiv class=\"abr4-customer\"\u003e\n\n\u003cstrong\u003e Linda M. \u003c\/strong\u003e \u003cspan class=\"abr4-location\"\u003e Nueva York, EE. UU. \u003c\/span\u003e\n\n\u003c\/div\u003e\n\n\u003cdiv class=\"abr4-verified\"\u003e\n\n\u003cspan class=\"abr4-verified-icon\"\u003e ✓ \u003c\/span\u003e Cliente verificado\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\u003c\/article\u003e\n\u003c!-- MUJER 02 --\u003e\n\u003carticle class=\"abr4-card\"\u003e\n\u003cdiv class=\"abr4-image\"\u003e\n\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/ChatGPT_7.webp?v=1787212244\" alt=\"Resultado de canas en mujeres de ABERA\"\u003e \u003cspan class=\"abr4-tag abr4-before\"\u003e ANTES \u003c\/span\u003e \u003cspan class=\"abr4-tag abr4-after\"\u003e DESPUÉS \u003c\/span\u003e\n\n\u003c\/div\u003e\n\n\u003cdiv class=\"abr4-body\"\u003e\n\n\u003cdiv class=\"abr4-stars\"\u003e★★★★★\u003c\/div\u003e\n\n\u003cp class=\"abr4-review\"\u003e“Me gusta poder enfocarme en las zonas donde se me notan primero las canas.”\u003c\/p\u003e\n\n\u003cdiv class=\"abr4-customer\"\u003e\n\n\u003cstrong\u003e Sarah T. \u003c\/strong\u003e \u003cspan class=\"abr4-location\"\u003e Washington, EE. UU. \u003c\/span\u003e\n\n\u003c\/div\u003e\n\n\u003cdiv class=\"abr4-verified\"\u003e\n\n\u003cspan class=\"abr4-verified-icon\"\u003e ✓ \u003c\/span\u003e Cliente verificado\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\u003c\/article\u003e\n\u003c!-- MUJER 03 --\u003e\n\u003carticle class=\"abr4-card\"\u003e\n\u003cdiv class=\"abr4-image\"\u003e\n\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/ChatGPT_8.webp?v=1787212244\" alt=\"Resultado de canas en mujeres de ABERA\"\u003e \u003cspan class=\"abr4-tag abr4-before\"\u003e ANTES \u003c\/span\u003e \u003cspan class=\"abr4-tag abr4-after\"\u003e DESPUÉS \u003c\/span\u003e\n\n\u003c\/div\u003e\n\n\u003cdiv class=\"abr4-body\"\u003e\n\n\u003cdiv class=\"abr4-stars\"\u003e★★★★★\u003c\/div\u003e\n\n\u003cp class=\"abr4-review\"\u003e“Es fácil tener listo mi próximo retoque.”\u003c\/p\u003e\n\n\u003cdiv class=\"abr4-customer\"\u003e\n\n\u003cstrong\u003e Emily C. \u003c\/strong\u003e \u003cspan class=\"abr4-location\"\u003e Nevada, EE. UU. \u003c\/span\u003e\n\n\u003c\/div\u003e\n\n\u003cdiv class=\"abr4-verified\"\u003e\n\n\u003cspan class=\"abr4-verified-icon\"\u003e ✓ \u003c\/span\u003e Cliente verificado\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\u003c\/article\u003e\n\u003c!-- MUJER 04 --\u003e\n\u003carticle class=\"abr4-card\"\u003e\n\u003cdiv class=\"abr4-image\"\u003e\n\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/ChatGPT_13.webp?v=1787212244\" alt=\"Resultado de canas en mujeres de ABERA\"\u003e \u003cspan class=\"abr4-tag abr4-before\"\u003e ANTES \u003c\/span\u003e \u003cspan class=\"abr4-tag abr4-after\"\u003e DESPUÉS \u003c\/span\u003e\n\n\u003c\/div\u003e\n\n\u003cdiv class=\"abr4-body\"\u003e\n\n\u003cdiv class=\"abr4-stars\"\u003e★★★★★\u003c\/div\u003e\n\n\u003cp class=\"abr4-review\"\u003e“Lo uso principalmente cuando empiezo a notar las raíces. Se adapta mucho mejor a mi rutina que mi antiguo kit de coloración.”\u003c\/p\u003e\n\n\u003cdiv class=\"abr4-customer\"\u003e\n\n\u003cstrong\u003e Karen L. \u003c\/strong\u003e \u003cspan class=\"abr4-location\"\u003e Oregón, EE. UU. \u003c\/span\u003e\n\n\u003c\/div\u003e\n\n\u003cdiv class=\"abr4-verified\"\u003e\n\n\u003cspan class=\"abr4-verified-icon\"\u003e ✓ \u003c\/span\u003e Cliente verificado\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\u003c\/article\u003e\n\u003c!-- MUJER 05 --\u003e\n\u003carticle class=\"abr4-card\"\u003e\n\u003cdiv class=\"abr4-image\"\u003e\n\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/ChatGPT_10.webp?v=1787212244\" alt=\"Resultado de canas en mujeres de ABERA\"\u003e \u003cspan class=\"abr4-tag abr4-before\"\u003e ANTES \u003c\/span\u003e \u003cspan class=\"abr4-tag abr4-after\"\u003e DESPUÉS \u003c\/span\u003e\n\n\u003c\/div\u003e\n\n\u003cdiv class=\"abr4-body\"\u003e\n\n\u003cdiv class=\"abr4-stars\"\u003e★★★★★\u003c\/div\u003e\n\n\u003cp class=\"abr4-review\"\u003e“Quería una opción más sencilla entre visitas a la peluquería. Es muy práctico tenerlo en casa.”\u003c\/p\u003e\n\n\u003cdiv class=\"abr4-customer\"\u003e\n\n\u003cstrong\u003e Susan P. \u003c\/strong\u003e \u003cspan class=\"abr4-location\"\u003e California, EE. UU. \u003c\/span\u003e\n\n\u003c\/div\u003e\n\n\u003cdiv class=\"abr4-verified\"\u003e\n\n\u003cspan class=\"abr4-verified-icon\"\u003e ✓ \u003c\/span\u003e Cliente verificado\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\u003c\/article\u003e\n\n\n\n\u003cdiv class=\"abr4-swipe\"\u003eDesliza para ver más \u003cstrong\u003e→\u003c\/strong\u003e\n\n\u003c\/div\u003e\n\n\n\n\n\n\n\n\n\n\n\u003c\/section\u003e\n\u003c!-- =========================================================\nTINTA PARA EL CABELLO ABERA — INGREDIENTES BOTÁNICOS\nFONDO BEIGE CONTINUO\nESCRITORIO: 5 TARJETAS\nTABLET: 3 TARJETAS\nMÓVIL: DESLIZAMIENTO HORIZONTAL\n========================================================= --\u0026gt;\n\u003c!--$5--\u003e\n\u003csection id=\"abera-ingredients-v4\"\u003e\u003c!-- =========================================================\nCONTENIDO DE INGREDIENTES\n========================================================= --\u0026gt;\n\u003cdiv class=\"aig4-main\"\u003e\n\n\u003cdiv class=\"aig4-container\"\u003e\n\n\u003c!-- =====================================================\n ENCABEZADO\n ====================================================== --\u0026gt;\n\u003cdiv class=\"aig4-header\"\u003e\n\n\u003cp class=\"aig4-eyebrow\"\u003eCOLOR + CUIDADO CAPILAR\u003c\/p\u003e\n\n\u003ch2 class=\"aig4-title\"\u003eCOLOREA TUS CANAS CON\u003cbr\u003eCUIDADO BOTÁNICO CAPILAR INTEGRADO\u003c\/h2\u003e\n\n\u003cp class=\"aig4-subtitle\"\u003eABERA combina la tecnología de coloración capilar con ingredientes botánicos comúnmente utilizados en fórmulas de cuidado capilar.\u003c\/p\u003e\n\n\n\u003c\/div\u003e\n\n\u003c!-- =====================================================\n TARJETAS\n ====================================================== --\u0026gt;\n\u003cdiv class=\"aig4-track\"\u003e\n\n\u003c!-- =================================================\n 01 — ACEITE DE ARGÁN\n ================================================== --\u0026gt;\n\u003carticle class=\"aig4-card\"\u003e\n\u003cdiv class=\"aig4-image\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/tinh-dau-duong-toc-argan-oil-1.webp?v=1787216556\" alt=\"Aceite de argán\"\u003e\u003c\/div\u003e\n\n\u003cdiv class=\"aig4-copy\"\u003e\n\n\u003cdiv class=\"aig4-benefit\"\u003eSUAVIDAD + BRILLO\u003c\/div\u003e\n\n\u003ch3 class=\"aig4-name\"\u003eACEITE DE ARGÁN\u003c\/h3\u003e\n\n\u003cp class=\"aig4-text\"\u003eHidrata, suaviza y aporta brillo mientras ayuda a reducir la sequedad y el encrespamiento.\u003c\/p\u003e\n\n\n\u003c\/div\u003e\n\n\u003c\/article\u003e\n\u003c!-- =================================================\n 02 — JENGIBRE NEGRO\n ================================================== --\u0026gt;\n\u003carticle class=\"aig4-card\"\u003e\n\u003cdiv class=\"aig4-image\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/Ginseng_1st_Slide.webp?v=1787216601\" alt=\"Jengibre negro\"\u003e\u003c\/div\u003e\n\n\u003cdiv class=\"aig4-copy\"\u003e\n\n\u003cdiv class=\"aig4-benefit\"\u003eCUIDADO CAPILAR + DEL CUERO CABELLUDO\u003c\/div\u003e\n\n\u003ch3 class=\"aig4-name\"\u003eJENGIBRE NEGRO\u003c\/h3\u003e\n\n\u003cp class=\"aig4-text\"\u003eAyuda a nutrir el cuero cabelludo y favorece un cabello con aspecto más saludable y resistente.\u003c\/p\u003e\n\n\n\u003c\/div\u003e\n\n\u003c\/article\u003e\n\u003c!-- =================================================\n 03 — FO-TI\n ================================================== --\u0026gt;\n\u003carticle class=\"aig4-card\"\u003e\n\u003cdiv class=\"aig4-image\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/642x361_Fo_Ti_The_Cure_to_Old_Age.webp?v=1787216556\" alt=\"Fo-Ti\"\u003e\u003c\/div\u003e\n\n\u003cdiv class=\"aig4-copy\"\u003e\n\n\u003cdiv class=\"aig4-benefit\"\u003eCABELLO DE ASPECTO SALUDABLE\u003c\/div\u003e\n\n\u003ch3 class=\"aig4-name\"\u003eFO-TI\u003c\/h3\u003e\n\n\u003cp class=\"aig4-text\"\u003eTradicionalmente utilizado para favorecer un cabello de aspecto más fuerte y ayudar a mantener su vitalidad natural.\u003c\/p\u003e\n\n\n\u003c\/div\u003e\n\n\u003c\/article\u003e\n\u003c!-- =================================================\n 04 — REISHI ROJO\n ================================================== --\u0026gt;\n\u003carticle class=\"aig4-card\"\u003e\n\u003cdiv class=\"aig4-image\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/whiskeydarek_Close-up_of_reishi_mushrooms_growing_on_a_log_996344e7-3303-4ea1-9f54-8c1837c54a68.webp?v=1786674307\" alt=\"Hongo reishi rojo\"\u003e\u003c\/div\u003e\n\n\u003cdiv class=\"aig4-copy\"\u003e\n\n\u003cdiv class=\"aig4-benefit\"\u003eCUIDADO ACONDICIONADOR\u003c\/div\u003e\n\n\u003ch3 class=\"aig4-name\"\u003eREISHI ROJO\u003c\/h3\u003e\n\n\u003cp class=\"aig4-text\"\u003eAyuda a acondicionar el cuero cabelludo y favorece un cabello más suave y de aspecto más saludable.\u003c\/p\u003e\n\n\n\u003c\/div\u003e\n\n\u003c\/article\u003e\n\u003c!-- =================================================\n 05 — TORONJA ROSA\n ================================================== --\u0026gt;\n\u003carticle class=\"aig4-card\"\u003e\n\u003cdiv class=\"aig4-image\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/1774218776327_photo-1774156733632-1774156734347965593145.webp?v=1788515551\" alt=\"Toronja rosa\"\u003e\u003c\/div\u003e\n\n\u003cdiv class=\"aig4-copy\"\u003e\n\n\u003cdiv class=\"aig4-benefit\"\u003eCUIDADO DEL CUERO CABELLUDO + RAÍCES\u003c\/div\u003e\n\n\u003ch3 class=\"aig4-name\"\u003eTORONJA ROSA\u003c\/h3\u003e\n\n\u003cp class=\"aig4-text\"\u003eAyuda a refrescar y nutrir el cuero cabelludo, favoreciendo un cabello de aspecto más saludable y abundante.\u003c\/p\u003e\n\n\n\u003c\/div\u003e\n\n\u003c\/article\u003e\n\n\u003c\/div\u003e\n\n\u003c!-- INDICIO DE DESLIZAMIENTO MÓVIL --\u003e\n\u003cdiv class=\"aig4-swipe\"\u003eDesliza para ver más \u003cstrong\u003e→\u003c\/strong\u003e\n\n\u003c\/div\u003e\n\n\n\n\n\n\n\n\u003c\/section\u003e\n\u003c!-- =========================================================\nABERA — PAQUETE DE CUIDADO CAPILAR POST-COLORACIÓN\nFONDO BEIGE CONTINUO\nMEJOR LECTURA DEL TEXTO DE LAS TARJETAS\n========================================================= --\u0026gt;\n\u003c!--$6--\u003e\n\u003csection id=\"abera-extra-haircare-v4\"\u003e\u003c!-- =========================================================\nCONTENIDO\n========================================================= --\u0026gt;\n\u003cdiv class=\"aeh4-main\"\u003e\n\n\u003cdiv class=\"aeh4-container\"\u003e\n\n\u003cdiv class=\"aeh4-grid\"\u003e\n\n\u003c!-- ===================================================\n INTRODUCCIÓN\n ==================================================== --\u0026gt;\n\u003cdiv class=\"aeh4-intro\"\u003e\n\n\u003cp class=\"aeh4-eyebrow\"\u003eCuidado capilar adicional\u003c\/p\u003e\n\n\u003ch2 class=\"aeh4-title\"\u003ePAQUETE DE CUIDADO CAPILAR\u003cbr\u003ePOST-COLORACIÓN\u003c\/h2\u003e\n\n\u003cp class=\"aeh4-description\"\u003eAdemás de un color negro uniforme y de aspecto natural, tu cabello también necesita un cuero cabelludo sano y raíces fuertes. El \u003cstrong\u003e champú y sérum de toronja ABERA \u003c\/strong\u003e están diseñados para ayudarte a cuidar ambos. Este paquete ayuda a nutrir el cuero cabelludo, favorece un crecimiento capilar más saludable, restaura la hidratación y el equilibrio de la barrera del cuero cabelludo, y deja el cabello más suave, menos enredado y visiblemente más abundante después de la coloración.\u003c\/p\u003e\n\n\n\u003c\/div\u003e\n\n\u003c!-- ===================================================\n TARJETAS\n ==================================================== --\u0026gt;\n\u003cdiv class=\"aeh4-cards-wrap\"\u003e\n\n\u003cdiv class=\"aeh4-cards\"\u003e\n\n\u003c!-- ===============================================\n TARJETA 01\n ================================================ --\u0026gt;\n\u003carticle class=\"aeh4-card\"\u003e\n\u003cdiv class=\"aeh4-image\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/1_03fe5ee6-cabd-429a-af51-f8203e6245d6.webp?v=1788512561\" alt=\"Champú y sérum de toronja ABERA\"\u003e\u003c\/div\u003e\n\n\u003cdiv class=\"aeh4-overlay\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\n\u003cdiv class=\"aeh4-content\"\u003e\n\n\u003cdiv class=\"aeh4-number\"\u003e01\u003c\/div\u003e\n\n\u003cdiv class=\"aeh4-text-panel\"\u003e\n\n\u003ch3 class=\"aeh4-card-title\"\u003eNutre el cabello y el cuero cabelludo\u003c\/h3\u003e\n\n\u003cp class=\"aeh4-card-text\"\u003eAyuda a cuidar el cuero cabelludo y las raíces después de la coloración, favoreciendo una rutina de cuidado capilar de aspecto más saludable.\u003c\/p\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\u003c\/article\u003e\n\u003c!-- ===============================================\n TARJETA 02\n ================================================ --\u0026gt;\n\u003carticle class=\"aeh4-card\"\u003e\n\u003cdiv class=\"aeh4-image\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/Gemini_Generated_Image_cbsbg3cbsbg3cbsb-clean.webp?v=1788513167\" alt=\"Crecimiento capilar saludable\"\u003e\u003c\/div\u003e\n\n\u003cdiv class=\"aeh4-overlay\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\n\u003cdiv class=\"aeh4-content\"\u003e\n\n\u003cdiv class=\"aeh4-number\"\u003e02\u003c\/div\u003e\n\n\u003cdiv class=\"aeh4-text-panel\"\u003e\n\n\u003ch3 class=\"aeh4-card-title\"\u003eFavorece un crecimiento capilar más saludable\u003c\/h3\u003e\n\n\u003cp class=\"aeh4-card-text\"\u003eAyuda a crear un mejor entorno para el cuero cabelludo, favoreciendo un cabello más fuerte, saludable y de aspecto más abundante con el tiempo.\u003c\/p\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\u003c\/article\u003e\n\u003c!-- ===============================================\n TARJETA 03\n ================================================ --\u0026gt;\n\u003carticle class=\"aeh4-card\"\u003e\n\u003cdiv class=\"aeh4-image\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/Retinol_22.webp?v=1788514509\" alt=\"Cabello suave y sedoso después de la coloración\"\u003e\u003c\/div\u003e\n\n\u003cdiv class=\"aeh4-overlay\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\n\u003cdiv class=\"aeh4-content\"\u003e\n\n\u003cdiv class=\"aeh4-number\"\u003e03\u003c\/div\u003e\n\n\u003cdiv class=\"aeh4-text-panel\"\u003e\n\n\u003ch3 class=\"aeh4-card-title\"\u003eReduce la sequedad y los enredos\u003c\/h3\u003e\n\n\u003cp class=\"aeh4-card-text\"\u003eAyuda a reponer la hidratación para que el cabello se sienta más suave, sedoso y fácil de manejar después de teñirlo.\u003c\/p\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\u003c\/article\u003e\n\u003c!-- ===============================================\n TARJETA 04\n ================================================ --\u0026gt;\n\u003carticle class=\"aeh4-card\"\u003e\n\u003cdiv class=\"aeh4-image\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/ChatGPT_58.webp?v=1787219168\" alt=\"Cabello de aspecto más abundante\"\u003e\u003c\/div\u003e\n\n\u003cdiv class=\"aeh4-overlay\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\n\u003cdiv class=\"aeh4-content\"\u003e\n\n\u003cdiv class=\"aeh4-number\"\u003e04\u003c\/div\u003e\n\n\u003cdiv class=\"aeh4-text-panel\"\u003e\n\n\u003ch3 class=\"aeh4-card-title\"\u003eCabello más grueso y de aspecto más abundante\u003c\/h3\u003e\n\n\u003cp class=\"aeh4-card-text\"\u003eAl cuidar tanto el cabello como el cuero cabelludo, este dúo ayuda a que tu cabello parezca más denso, abundante y saludable.\u003c\/p\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\u003c\/article\u003e\n\n\u003c\/div\u003e\n\n\u003c!-- =================================================\n FLECHAS MÓVILES\n ================================================== --\u0026gt;\n\u003cdiv class=\"aeh4-controls\"\u003e\n\n\u003cbutton type=\"button\" class=\"aeh4-btn aeh4-prev\"\u003e ← \u003c\/button\u003e \u003cbutton type=\"button\" class=\"aeh4-btn aeh4-next\"\u003e → \u003c\/button\u003e\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\u003c!-- =========================================================\nSCRIPT DE DESLIZAMIENTO MÓVIL\n========================================================= --\u0026gt; \u003c!--$7--\u003e\u003c\/section\u003e\n\u003c!-- =========================================================\nTINTURA DE CABELLO ABERA — TABLA COMPARATIVA\nFONDO BEIGE CONTINUO\nDESKTOP + TABLET + MÓVIL RESPONSIVO\n========================================================= --\u0026gt;\n\u003c!--$8--\u003e\n\u003csection id=\"abera-comparison-v4\"\u003e\u003c!-- =========================================================\nCONTENIDO\n========================================================= --\u0026gt;\n\u003cdiv class=\"acp4-main\"\u003e\n\n\u003cdiv class=\"acp4-container\"\u003e\n\n\u003c!-- =====================================================\n ENCABEZADO\n ====================================================== --\u0026gt;\n\u003cdiv class=\"acp4-header\"\u003e\n\n\u003cp class=\"acp4-eyebrow\"\u003eUN ENFOQUE MÁS SENCILLO\u003c\/p\u003e\n\n\u003ch2 class=\"acp4-title\"\u003eABERA VS. TINTURA DE CABELLO COMÚN\u003c\/h2\u003e\n\n\n\u003c\/div\u003e\n\n\u003c!-- =====================================================\n TABLA\n ====================================================== --\u0026gt;\n\u003cdiv class=\"acp4-table-wrap\"\u003e\n\n\u003ctable class=\"acp4-table\"\u003e\n\n\u003ccolgroup\u003e \u003ccol\u003e \u003ccol\u003e \u003ccol\u003e \u003c\/colgroup\u003e\n\n\u003cthead\u003e\n\n\u003ctr\u003e\n\n\u003cth\u003eCARACTERÍSTICA\u003c\/th\u003e\n\n\u003cth\u003eCHAMPÚ TINTURA DE CABELLO ABERA\u003c\/th\u003e\n\n\u003cth\u003eTINTURA DE CABELLO TRADICIONAL\u003c\/th\u003e\n\n\n\u003c\/tr\u003e\n\n\n\u003c\/thead\u003e\n\n\u003ctbody\u003e\n\n\u003c!-- ===============================================\n APLICACIÓN\n ================================================ --\u0026gt;\n\u003ctr\u003e\n\n\u003ctd\u003eAplicación\u003c\/td\u003e\n\n\u003ctd\u003e\n\n\u003cdiv class=\"acp4-value\"\u003e\n\n\u003cspan class=\"acp4-check\"\u003e ✓ \u003c\/span\u003e \u003cspan\u003e Aplicación similar a la de un champú \u003c\/span\u003e\n\n\u003c\/div\u003e\n\n\n\u003c\/td\u003e\n\n\u003ctd\u003e\n\n\u003cdiv class=\"acp4-value\"\u003e\n\n\u003cspan class=\"acp4-minus\"\u003e − \u003c\/span\u003e \u003cspan\u003e Cepillo + secciones \u003c\/span\u003e\n\n\u003c\/div\u003e\n\n\n\u003c\/td\u003e\n\n\n\u003c\/tr\u003e\n\n\u003c!-- ===============================================\n MEZCLA\n ================================================ --\u0026gt;\n\u003ctr\u003e\n\n\u003ctd\u003eMezcla\u003c\/td\u003e\n\n\u003ctd\u003e\n\n\u003cdiv class=\"acp4-value\"\u003e\n\n\u003cspan class=\"acp4-check\"\u003e ✓ \u003c\/span\u003e \u003cspan\u003e Formato práctico de un solo envase \u003c\/span\u003e\n\n\u003c\/div\u003e\n\n\n\u003c\/td\u003e\n\n\u003ctd\u003e\n\n\u003cdiv class=\"acp4-value\"\u003e\n\n\u003cspan class=\"acp4-minus\"\u003e − \u003c\/span\u003e \u003cspan\u003e Múltiples componentes \u003c\/span\u003e\n\n\u003c\/div\u003e\n\n\n\u003c\/td\u003e\n\n\n\u003c\/tr\u003e\n\n\u003c!-- ===============================================\n TIEMPO DE PROCESO\n ================================================ --\u0026gt;\n\u003ctr\u003e\n\n\u003ctd\u003eTiempo de proceso\u003c\/td\u003e\n\n\u003ctd\u003e\n\n\u003cdiv class=\"acp4-value\"\u003e\n\n\u003cspan class=\"acp4-check\"\u003e ✓ \u003c\/span\u003e \u003cspan\u003e 15 minutos \u003c\/span\u003e\n\n\u003c\/div\u003e\n\n\n\u003c\/td\u003e\n\n\u003ctd\u003e\n\n\u003cdiv class=\"acp4-value\"\u003e\n\n\u003cspan class=\"acp4-minus\"\u003e − \u003c\/span\u003e \u003cspan\u003e 40-60 minutos\u003c\/span\u003e\n\n\u003c\/div\u003e\n\n\n\u003c\/td\u003e\n\n\n\u003c\/tr\u003e\n\n\u003c!-- ===============================================\n ENVASE\n ================================================ --\u0026gt;\n\u003ctr\u003e\n\n\u003ctd\u003eEnvase\u003c\/td\u003e\n\n\u003ctd\u003e\n\n\u003cdiv class=\"acp4-value\"\u003e\n\n\u003cspan class=\"acp4-check\"\u003e ✓ \u003c\/span\u003e \u003cspan\u003e15-20 aplicaciones\/ 1 envase\u003c\/span\u003e\n\n\u003c\/div\u003e\n\n\n\u003c\/td\u003e\n\n\u003ctd\u003e\n\n\u003cdiv class=\"acp4-value\"\u003e\n\n\u003cspan class=\"acp4-minus\"\u003e − \u003c\/span\u003e \u003cspan\u003e Kit de tinte de tamaño completo para 1-2 usos\u003c\/span\u003e\n\n\u003c\/div\u003e\n\n\n\u003c\/td\u003e\n\n\n\u003c\/tr\u003e\n\n\u003c!-- ===============================================\n AMONÍACO\n ================================================ --\u0026gt;\n\u003ctr\u003e\n\n\u003ctd\u003eAmoníaco\u003c\/td\u003e\n\n\u003ctd\u003e\n\n\u003cdiv class=\"acp4-value\"\u003e\n\n\u003cspan class=\"acp4-check\"\u003e ✓ \u003c\/span\u003e \u003cspan\u003e Sin amoníaco \u003c\/span\u003e\n\n\u003c\/div\u003e\n\n\n\u003c\/td\u003e\n\n\u003ctd\u003e\n\n\u003cdiv class=\"acp4-value\"\u003e\n\n\u003cspan class=\"acp4-minus\"\u003e − \u003c\/span\u003e \u003cspan\u003e Varía según la fórmula \u003c\/span\u003e\n\n\u003c\/div\u003e\n\n\n\u003c\/td\u003e\n\n\n\u003c\/tr\u003e\n\n\u003c!-- ===============================================\n CUIDADO CAPILAR\n ================================================ --\u0026gt;\n\u003ctr\u003e\n\n\u003ctd\u003eCuidado capilar\u003c\/td\u003e\n\n\u003ctd\u003e\n\n\u003cdiv class=\"acp4-value\"\u003e\n\n\u003cspan class=\"acp4-check\"\u003e ✓ \u003c\/span\u003e \u003cspan\u003e Coloración + Limpieza + Acondicionamiento \u003c\/span\u003e\n\n\u003c\/div\u003e\n\n\n\u003c\/td\u003e\n\n\u003ctd\u003e\n\n\u003cdiv class=\"acp4-value\"\u003e\n\n\u003cspan class=\"acp4-minus\"\u003e − \u003c\/span\u003e \u003cspan\u003e Generalmente pasos separados \u003c\/span\u003e\n\n\u003c\/div\u003e\n\n\n\u003c\/td\u003e\n\n\n\u003c\/tr\u003e\n\n\n\u003c\/tbody\u003e\n\n\n\u003c\/table\u003e\n\n\n\u003c\/div\u003e\n\n\u003c!-- =====================================================\n MENSAJE INFERIOR\n ====================================================== --\u0026gt;\n\u003cp class=\"acp4-bottom\"\u003eMENOS PREPARACIÓN. MENOS PASOS. UNA FORMA MÁS SENCILLA DE CUBRIR LAS CANAS.\u003c\/p\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\u003c\/section\u003e\n\u003c!-- =========================================================\nTINTURA DE CABELLO ABERA\nSECCIÓN 01 — RUTINA REAL\nSECCIÓN 02 — VIDEOS DE CLIENTES\nFONDO BEIGE CONTINUO\n========================================================= --\u0026gt;\n\u003cp\u003e\u003cbr\u003e\u003c\/p\u003e\n\u003c!-- =========================================================\nCORRECCIÓN GLOBAL DEL FONDO\nSe puede mantener esta sección si cada sección es un Custom Liquid diferente\n========================================================= --\u0026gt;\n\u003c!--$9--\u003e\n\u003c!-- =========================================================\n01 — TU RUTINA PARA LAS CANAS\n========================================================= --\u0026gt;\n\u003c!--$10--\u003e\n\u003csection id=\"abera-routine-v4\"\u003e\n\u003cdiv class=\"arr4-main\"\u003e\n\n\u003cdiv class=\"arr4-container\"\u003e\n\n\u003c!-- ENCABEZADO --\u003e\n\u003cdiv class=\"arr4-header\"\u003e\n\n\u003ch2 class=\"arr4-title\"\u003eTU RUTINA PARA LAS CANAS,\u003cbr\u003eDONDE SEA QUE TE LLEVE LA VIDA.\u003c\/h2\u003e\n\n\n\u003c\/div\u003e\n\n\u003c!-- TARJETAS --\u003e\n\u003cdiv class=\"arr4-grid\"\u003e\n\n\u003c!-- 01 --\u003e\n\u003carticle class=\"arr4-card\"\u003e\n\u003cdiv class=\"arr4-image\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/ChatGPT_54.webp?v=1787217075\" alt=\"Rutina ABERA para las canas antes del trabajo\"\u003e\u003c\/div\u003e\n\n\u003cdiv class=\"arr4-overlay\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\n\u003cdiv class=\"arr4-content\"\u003e\n\n\u003ch3 class=\"arr4-label\"\u003eANTES DEL TRABAJO\u003c\/h3\u003e\n\n\u003cp class=\"arr4-text\"\u003eRefresca las canas visibles sin tener que programar una visita al salón.\u003c\/p\u003e\n\n\n\u003c\/div\u003e\n\n\u003c\/article\u003e\n\u003c!-- 02 --\u003e\n\u003carticle class=\"arr4-card\"\u003e\n\u003cdiv class=\"arr4-image\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/ChatGPT_55.webp?v=1787217941\" alt=\"Rutina ABERA para las canas antes de un evento\"\u003e\u003c\/div\u003e\n\n\u003cdiv class=\"arr4-overlay\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\n\u003cdiv class=\"arr4-content\"\u003e\n\n\u003ch3 class=\"arr4-label\"\u003eANTES DE UN EVENTO\u003c\/h3\u003e\n\n\u003cp class=\"arr4-text\"\u003eConsigue un cabello de aspecto renovado antes de una ocasión importante.\u003c\/p\u003e\n\n\n\u003c\/div\u003e\n\n\u003c\/article\u003e\n\u003c!-- 03 --\u003e\n\u003carticle class=\"arr4-card\"\u003e\n\u003cdiv class=\"arr4-image\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/ChatGPT_57.webp?v=1787218999\" alt=\"Champú tinto ABERA para viajes de negocios\"\u003e\u003c\/div\u003e\n\n\u003cdiv class=\"arr4-overlay\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\n\u003cdiv class=\"arr4-content\"\u003e\n\n\u003ch3 class=\"arr4-label\"\u003eVIAJE DE NEGOCIOS\u003c\/h3\u003e\n\n\u003cp class=\"arr4-text\"\u003eLleva sobres individuales en lugar de un voluminoso kit de tinte.\u003c\/p\u003e\n\n\n\u003c\/div\u003e\n\n\u003c\/article\u003e\n\u003c!-- 04 --\u003e\n\u003carticle class=\"arr4-card\"\u003e\n\u003cdiv class=\"arr4-image\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/ChatGPT_58.webp?v=1787219168\" alt=\"Retoque de raíces canas ABERA\"\u003e\u003c\/div\u003e\n\n\u003cdiv class=\"arr4-overlay\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\n\u003cdiv class=\"arr4-content\"\u003e\n\n\u003ch3 class=\"arr4-label\"\u003eRETOQUE DE RAÍCES\u003c\/h3\u003e\n\n\u003cp class=\"arr4-text\"\u003eTen listo tu próximo retoque para cuando vuelvan a aparecer las canas.\u003c\/p\u003e\n\n\n\u003c\/div\u003e\n\n\u003c\/article\u003e\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\u003c\/section\u003e\n\u003c!-- =========================================================\n02 — VIDEOS DE CLIENTES\n========================================================= --\u0026gt;\n\u003c!--$11--\u003e\n\u003csection id=\"abera-customer-videos-v4\"\u003e\n\u003cdiv class=\"acv4-main\"\u003e\n\n\u003cdiv class=\"acv4-container\"\u003e\n\n\u003c!-- ENCABEZADO --\u003e\n\u003cdiv class=\"acv4-header\"\u003e\n\n\u003cp class=\"acv4-eyebrow\"\u003ePERSONAS REALES. COBERTURA REAL DE LAS CANAS.\u003c\/p\u003e\n\n\u003ch2 class=\"acv4-title\"\u003eDESCUBRE POR QUÉ LOS CLIENTES SE ESTÁN CAMBIANDO.\u003c\/h2\u003e\n\n\n\u003c\/div\u003e\n\n\u003c!-- VIDEOS --\u003e\n\u003cdiv class=\"acv4-track\"\u003e\n\n\u003c!-- 01 --\u003e\n\u003carticle class=\"acv4-card\"\u003e\n\u003cdiv class=\"acv4-video\"\u003e\u003cvideo src=\"https:\/\/cdn.shopify.com\/videos\/c\/o\/v\/2247d720f9fb4e589d4a985b52c70a33.mp4\" poster=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/0803.webp?v=1787234744\" controls=\"controls\" playsinline=\"\" preload=\"metadata\"\u003e\u003c\/video\u003e\u003c\/div\u003e\n\n\u003cdiv class=\"acv4-info\"\u003e\n\n\u003cdiv class=\"acv4-stars\"\u003e★★★★★\u003c\/div\u003e\n\n\u003cdiv class=\"acv4-person\"\u003e\n\n\u003cspan class=\"acv4-name\"\u003e Mark E. \u003c\/span\u003e \u003cspan class=\"acv4-verified\"\u003e ✓ Cliente verificado \u003c\/span\u003e\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\u003c\/article\u003e\n\u003c!-- 02 --\u003e\n\u003carticle class=\"acv4-card\"\u003e\n\u003cdiv class=\"acv4-video\"\u003e\u003cvideo src=\"https:\/\/cdn.shopify.com\/videos\/c\/o\/v\/03176030e3104857a34e0bf372cd299f.mp4\" poster=\"\" controls=\"controls\" playsinline=\"\" preload=\"metadata\"\u003e\u003c\/video\u003e\u003c\/div\u003e\n\n\u003cdiv class=\"acv4-info\"\u003e\n\n\u003cdiv class=\"acv4-stars\"\u003e★★★★★\u003c\/div\u003e\n\n\u003cdiv class=\"acv4-person\"\u003e\n\n\u003cspan class=\"acv4-name\"\u003e Emma O. \u003c\/span\u003e \u003cspan class=\"acv4-verified\"\u003e ✓ Cliente verificado \u003c\/span\u003e\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\u003c\/article\u003e\n\u003c!-- 03 --\u003e\n\u003carticle class=\"acv4-card\"\u003e\n\u003cdiv class=\"acv4-video\"\u003e\u003cvideo src=\"https:\/\/cdn.shopify.com\/videos\/c\/o\/v\/df1f8a6f69d14545bce3ad531ea3b905.mp4\" poster=\"\" controls=\"controls\" playsinline=\"\" preload=\"metadata\"\u003e\u003c\/video\u003e\u003c\/div\u003e\n\n\u003cdiv class=\"acv4-info\"\u003e\n\n\u003cdiv class=\"acv4-stars\"\u003e★★★★★\u003c\/div\u003e\n\n\u003cdiv class=\"acv4-person\"\u003e\n\n\u003cspan class=\"acv4-name\"\u003e Jack L. \u003c\/span\u003e \u003cspan class=\"acv4-verified\"\u003e ✓ Cliente verificado \u003c\/span\u003e\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\u003c\/article\u003e\n\u003c!-- 04 --\u003e\n\u003carticle class=\"acv4-card\"\u003e\n\u003cdiv class=\"acv4-video\"\u003e\u003cvideo src=\"https:\/\/cdn.shopify.com\/videos\/c\/o\/v\/00098119bb07403bbd76f8fa4e8f9309.mp4\" poster=\"\" controls=\"controls\" playsinline=\"\" preload=\"metadata\"\u003e\u003c\/video\u003e\u003c\/div\u003e\n\n\u003cdiv class=\"acv4-info\"\u003e\n\n\u003cdiv class=\"acv4-stars\"\u003e★★★★★\u003c\/div\u003e\n\n\u003cdiv class=\"acv4-person\"\u003e\n\n\u003cspan class=\"acv4-name\"\u003e Ave R. \u003c\/span\u003e \u003cspan class=\"acv4-verified\"\u003e ✓ Cliente verificado \u003c\/span\u003e\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\u003c\/article\u003e\n\n\u003c\/div\u003e\n\n\u003c!-- FLECHAS MÓVILES --\u003e\n\u003cdiv class=\"acv4-controls\"\u003e\n\n\u003cbutton type=\"button\" class=\"acv4-btn acv4-prev\"\u003e ← \u003c\/button\u003e \u003cbutton type=\"button\" class=\"acv4-btn acv4-next\"\u003e → \u003c\/button\u003e\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\u003c!-- =========================================================\nJS DE CARRUSEL MÓVIL\n========================================================= --\u0026gt; \u003c!--$12--\u003e\u003c\/section\u003e\n\u003c!-- =========================================================\nTINTURA DE CABELLO ABERA — PREGUNTAS FRECUENTES\nFONDO BEIGE CONTINUO\n11 PREGUNTAS\nNO REQUIERE JAVASCRIPT\n========================================================= --\u0026gt;\n\u003c!--$13--\u003e\n\u003c!-- GARANTÍA DE DEVOLUCIÓN DE DINERO DE 30 DÍAS: verificar la política de la tienda y el enlace antes de publicar --\u003e\n\u003cstyle\u003e\n#abera-guarantee-v4, #abera-guarantee-v4 * { box-sizing: border-box; }\n#abera-guarantee-v4 {\n background: #fff; color: #101820; font-family: Inter, Arial, sans-serif;\n padding: clamp(40px, 5vw, 74px) clamp(16px, 7vw, 112px);\n}\n#abera-guarantee-v4 .ag4-card {\n max-width: 1276px; margin: auto; padding: clamp(28px, 5vw, 68px);\n border: 1px solid #c6a15a; border-radius: 18px; background: #fff;\n display: grid; grid-template-columns: 112px minmax(0, 1fr) minmax(200px, 280px); gap: clamp(20px, 4vw, 48px);\n align-items: center; box-shadow: 0 14px 35px rgba(21,38,56,.06);\n}\n#abera-guarantee-v4 .ag4-icon {\n width: 104px; height: 104px; border: 2px solid #c6a15a;\n border-radius: 50%; display: grid; place-items: center;\n color: #152638; font-size: 29px; font-weight: 800;\n}\n#abera-guarantee-v4 .ag4-eyebrow {\n margin: 0 0 8px; color: #a97825; letter-spacing: .12em;\n font-size: 13px; font-weight: 700;\n}\n#abera-guarantee-v4 h2 {\n margin: 0 0 14px; color: #152638; font-size: clamp(26px, 3vw, 43px);\n line-height: 1.15;\n}\n#abera-guarantee-v4 p.ag4-copy {\n margin: 0; max-width: 760px; color: #46586a;\n font-size: clamp(15px, 1.4vw, 18px); line-height: 1.65;\n}\n#abera-guarantee-v4 .ag4-note { margin: 12px 0 0; color: #46586a; font-size: 12px; }\n#abera-guarantee-v4 .ag4-image-slot {\n position: relative; width: 100%; aspect-ratio: 1 \/ 1;\n border: 1px dashed #c6a15a; border-radius: 12px;\n background: #f2f5f7; overflow: hidden;\n}\n#abera-guarantee-v4 .ag4-image-slot img {\n display: block; width: 100%; height: 100%; object-fit: cover;\n}\n#abera-guarantee-v4 .ag4-image-slot img[src=\"\"] { display: none; }\n#abera-guarantee-v4 .ag4-image-placeholder {\n position: absolute; inset: 0; display: grid; place-items: center;\n padding: 22px; text-align: center; color: #46586a;\n font-size: 15px; font-weight: 600;\n}\n#abera-guarantee-v4 .ag4-image-slot:has(img:not([src=\"\"])) .ag4-image-placeholder { display: none; }\n\n@media (max-width: 767px) {\n #abera-guarantee-v4 .ag4-card { grid-template-columns: 1fr; gap: 20px; }\n #abera-guarantee-v4 .ag4-icon { width: 80px; height: 80px; font-size: 23px; }\n}\n\u003c\/style\u003e\n\u003csection id=\"abera-faq-v4\"\u003e\u003c!-- =========================================================\nCONTENIDO DE PREGUNTAS FRECUENTES\n========================================================= --\u0026gt;\n\u003cdiv class=\"afq4-main\"\u003e\n\n\u003cdiv class=\"afq4-container\"\u003e\n\n\u003c!-- TÍTULO --\u003e\n\u003ch2 class=\"afq4-title\"\u003ePREGUNTAS FRECUENTES\u003c\/h2\u003e\n\n\u003c!-- =====================================================\n LISTA DE PREGUNTAS FRECUENTES\n ====================================================== --\u0026gt;\n\u003cdiv class=\"afq4-list\"\u003e\n\n\u003c!-- 01 --\u003e\n\u003cdetails class=\"afq4-item\"\u003e\n\u003csummary class=\"afq4-question\"\u003e¿Cuánto tiempo dura el color del cabello?\u003c\/summary\u003e\n\u003cdiv class=\"afq4-answer\"\u003e\n\n\u003cp\u003eDependiendo del tipo de cabello y la frecuencia de lavado, Abera suele durar de 4 a 6 semanas.\u003c\/p\u003e\n\n\n\u003c\/div\u003e\n\n\u003c\/details\u003e\n\u003c!-- 02 --\u003e\n\u003cdetails class=\"afq4-item\"\u003e\n\u003csummary class=\"afq4-question\"\u003e¿Causa alergias o se puede usar en pieles sensibles?\u003c\/summary\u003e\n\u003cdiv class=\"afq4-answer\"\u003e\n\n\u003cp\u003eAbera contiene sustancias químicas a las que algunas personas pueden ser sensibles, como PPD y peróxido de hidrógeno. Recomendamos realizar una prueba cutánea 24 horas antes de su aplicación completa.\u003c\/p\u003e\n\n\n\u003c\/div\u003e\n\n\u003c\/details\u003e\n\u003c!-- 03 --\u003e\n\u003cdetails class=\"afq4-item\"\u003e\n\u003csummary class=\"afq4-question\"\u003e¿Tiene olor químico?\u003c\/summary\u003e\n\u003cdiv class=\"afq4-answer\"\u003e\n\n\u003cp\u003eNo. El champú colorante para el cabello ABERA contiene ingredientes herbales con un aroma herbal fresco.\u003c\/p\u003e\n\n\n\u003c\/div\u003e\n\n\u003c\/details\u003e\n\u003c!-- 04 --\u003e\n\u003cdetails class=\"afq4-item\"\u003e\n\u003csummary class=\"afq4-question\"\u003e¿Puedo usarlo solo en mis raíces grises?\u003c\/summary\u003e\n\u003cdiv class=\"afq4-answer\"\u003e\n\n\u003cp\u003eSí. Puede concentrar la aplicación en las zonas grises visibles, como las raíces, las sienes y la línea del cabello, siguiendo las instrucciones del producto.\u003c\/p\u003e\n\n\n\u003c\/div\u003e\n\n\u003c\/details\u003e\n\u003c!-- 05 --\u003e\n\u003cdetails class=\"afq4-item\"\u003e\n\u003csummary class=\"afq4-question\"\u003e¿Funciona en cualquier tipo de cabello?\u003c\/summary\u003e\n\u003cdiv class=\"afq4-answer\"\u003e\n\n\u003cp\u003eSí, Abera funciona en tipos de cabello del 1A al 4C. Gracias a sus propiedades de champú, es fácil de aplicar y cubre el cabello canoso desde la raíz hasta las puntas.\u003c\/p\u003e\n\n\n\u003c\/div\u003e\n\n\u003c\/details\u003e\n\u003c!-- 06 --\u003e\n\u003cdetails class=\"afq4-item\"\u003e\n\u003csummary class=\"afq4-question\"\u003e¿Este champú mancha la piel o la tela?\u003c\/summary\u003e\n\u003cdiv class=\"afq4-answer\"\u003e\n\n\u003cp\u003eEl champú colorante instantáneo Abera está diseñado para una aplicación más limpia y sencilla. Recomendamos usar guantes durante su uso y evitar toallas y ropa blancas o de colores claros, ya que el pigmento puede transferirse si el producto no se enjuaga por completo.\u003c\/p\u003e\n\n\n\u003c\/div\u003e\n\n\u003c\/details\u003e\n\u003c!-- 07 --\u003e\n\u003cdetails class=\"afq4-item\"\u003e\n\u003csummary class=\"afq4-question\"\u003e¿Puedo usar este champú en mi barba?\u003c\/summary\u003e\n\u003cdiv class=\"afq4-answer\"\u003e\n\n\u003cp\u003eSi la piel de su rostro se irrita con facilidad, pruebe el producto en una pequeña zona antes de aplicarlo de forma más general y siga las instrucciones del producto.\u003c\/p\u003e\n\n\n\u003c\/div\u003e\n\n\u003c\/details\u003e\n\u003c!-- 08 --\u003e\n\u003cdetails class=\"afq4-item\"\u003e\n\u003csummary class=\"afq4-question\"\u003e¿Puedo usarlo con mis productos habituales para el cuidado del cabello?\u003c\/summary\u003e\n\u003cdiv class=\"afq4-answer\"\u003e\n\n\u003cp\u003eRecomendamos usar nuestro champú y acondicionador entre aplicaciones del colorante. El acondicionador puede aplicarse después de enjuagar minuciosamente el colorante del cabello.\u003c\/p\u003e\n\n\n\u003c\/div\u003e\n\n\u003c\/details\u003e\n\u003c!-- 09 --\u003e\n\u003cdetails class=\"afq4-item\"\u003e\n\u003csummary class=\"afq4-question\"\u003e¿Debo realizar una prueba de alergia?\u003c\/summary\u003e\n\u003cdiv class=\"afq4-answer\"\u003e\n\n\u003cp\u003eSí. Siga las instrucciones de la prueba de alerta de alergia proporcionadas con el producto colorante para el cabello antes de usarlo.\u003c\/p\u003e\n\n\n\u003c\/div\u003e\n\n\u003c\/details\u003e\n\u003c!-- 10 --\u003e\n\u003cdetails class=\"afq4-item\"\u003e\n\u003csummary class=\"afq4-question\"\u003e¿Funciona en el cabello completamente canoso?\u003c\/summary\u003e\n\u003cdiv class=\"afq4-answer\"\u003e\n\n\u003cp\u003eLa cobertura puede variar según el color original de su cabello, el porcentaje de canas, el estado del cabello y la aplicación.\u003c\/p\u003e\n\n\n\u003c\/div\u003e\n\n\u003c\/details\u003e\n\u003c!-- 11 --\u003e\n\u003cdetails class=\"afq4-item\"\u003e\n\u003csummary class=\"afq4-question\"\u003e¿Cuánto tardará en llegar mi pedido?\u003c\/summary\u003e\n\u003cdiv class=\"afq4-answer\"\u003e\n\n\u003cp\u003eLos pedidos se envían desde nuestras instalaciones en EE. UU. en un plazo de 1 a 2 días hábiles tras su recepción. Los pedidos en EE. UU. generalmente llegan 3 o 4 días después. Recibirá un correo electrónico con un número de seguimiento cuando se envíe su paquete para que pueda seguir su pedido hasta su domicilio.\u003c\/p\u003e\n\n\n\u003c\/div\u003e\n\n\u003c\/details\u003e\n\n\n\n\n\n\n\n\n\n\u003c\/section\u003e\u003c\/section\u003e","brand":"Abera","offers":[{"title":"1 botella","offer_id":52662759522672,"sku":"CB-ABERA101+SL1","price":39.99,"currency_code":"USD","in_stock":true},{"title":"1 Botella + Paquete de cuidado capilar","offer_id":67803413610864,"sku":null,"price":45.99,"currency_code":"USD","in_stock":true},{"title":"2 botellas","offer_id":52662759555440,"sku":"CB-ABERA101+SL2","price":55.99,"currency_code":"USD","in_stock":true},{"title":"3 Botellas + Paquete de Cuidado Capilar Gratis","offer_id":52662759588208,"sku":"CB-ABERA101+SL3-CB-DGBUOI081+SL1-CB-SRBUOI080+SL1","price":79.99,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/main_listing_1.webp?v=1790046018"},{"product_id":"abera-men-retinol-serum","title":"ABERA Sérum Retinol para Hombres, El Sérum Antiedad 6 en 1 para Hombres","description":"\u003cstyle\u003e\n .abera-description {\n --abera-black: #111111;\n --abera-text: #222222;\n --abera-muted: #666666;\n --abera-beige: #f5f1e9;\n --abera-border: #dedbd5;\n\n width: 100%;\n background: #ffffff;\n color: var(--abera-text);\n font-family: inherit;\n padding: 20px 10px;\n box-sizing: border-box;\n }\n\n .abera-description * {\n box-sizing: border-box;\n }\n\n .abera-description__inner {\n max-width: none;\n margin: 0 auto;\n text-align: center;\n }\n\n .abera-description__eyebrow {\n display: inline-block;\n margin-bottom: 14px;\n padding: 7px 13px;\n border-radius: 999px;\n background: var(--abera-beige);\n color: var(--abera-black);\n font-size: 16px;\n line-height: 1;\n font-weight: 700;\n letter-spacing: 1.3px;\n text-transform: uppercase;\n }\n\n .abera-description__title {\n max-width: none;\n margin: 0 auto 26px;\n color: var(--abera-black);\n font-size: clamp(20px, 3vw, 30px);\n line-height: 1.2;\n letter-spacing: 0px;\n font-weight: 700;\n }\n\n .abera-description__text {\n max-width: none;\n margin: 0 auto;\n color: var(--abera-muted);\n font-size: 17px;\n line-height: 1.5;\n }\n\n .abera-description__text strong {\n color: var(--abera-black);\n font-weight: 600;\n }\n\n .abera-description__benefits {\n max-width: none;\n margin: 20px auto 0;\n padding-top: 26px;\n border-top: 1px solid var(--abera-border);\n\n display: flex;\n align-items: center;\n justify-content: center;\n flex-wrap: wrap;\n gap: 10px 22px;\n }\n\n .abera-description__benefit {\n position: relative;\n padding-left: 18px;\n color: var(--abera-black);\n font-size: 14px;\n font-weight: 700;\n }\n\n .abera-description__benefit::before {\n content: \"✓\";\n position: absolute;\n left: 0;\n top: 0;\n font-weight: 800;\n }\n\n @media screen and (max-width: 749px) {\n .abera-description {\n padding: 20px 10px;\n }\n\n .abera-description__eyebrow {\n margin-bottom: 12px;\n font-size: 14px;\n letter-spacing: 1px;\n }\n\n .abera-description__title {\n margin-bottom: 14px;\n font-size: 20px;\n line-height: 1.3;\n letter-spacing: 0px;\n }\n\n .abera-description__text {\n font-size: 16px;\n line-height: 1.5;\n }\n\n .abera-description__benefits {\n margin-top: 15px;\n padding-top: 15px;\n gap: 15px 20px;\n }\n\n .abera-description__benefit {\n font-size: 15px;\n }\n\n }\n\u003c\/style\u003e\n\n\u003csection class=\"abera-description\"\u003e\n\n \u003cdiv class=\"abera-description__inner\"\u003e\n\n \u003cdiv class=\"abera-description__eyebrow\"\u003e\n Sérum Antiedad para Hombres\n \u003c\/div\u003e\n\n \u003ch2 class=\"abera-description__title\"\u003e\n 0.1% RETINOL. CREADO PARA HOMBRES DE 30+.\n \u003c\/h2\u003e\n\n \u003cp class=\"abera-description__text\"\u003e\n \u003cstrong\u003eABERA Men Retinol Serum\u003c\/strong\u003e es un sérum nocturno de textura ligera\n diseñado para ayudar a mejorar la apariencia de\n \u003cstrong\u003elíneas finas, arrugas, manchas oscuras y textura irregular de la piel\u003c\/strong\u003e\n sin necesidad de una rutina complicada.\n Formulado con \u003cstrong\u003e0.1% de Retinol + 5% de Niacinamida\u003c\/strong\u003e,\n ayuda a lograr una piel más suave, uniforme y de aspecto saludable\n con el uso constante.\n \u003c\/p\u003e\n\n \u003cdiv class=\"abera-description__benefits\"\u003e\n\n \u003cdiv class=\"abera-description__benefit\"\u003e\n PROBADO DERMATOLÓGICAMENTE\n \u003c\/div\u003e\n\n \u003cdiv class=\"abera-description__benefit\"\u003e\n 0.1% RETINOL\n \u003c\/div\u003e\n\n \u003cdiv class=\"abera-description__benefit\"\u003e\n SIN SILICONAS\n \u003c\/div\u003e\n\n \u003cdiv class=\"abera-description__benefit\"\u003e\n PARA HOMBRES DE 30+\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n\u003c\/section\u003e\n\u003cstyle\u003e\n\/* =========================================================\n ABERA MEN RETINOL - CLINICALLY TESTED SECTION\n========================================================= *\/\n\n.abera-clinical-v2 {\n --abera-black: #0d0d0f;\n --abera-black-soft: #171719;\n --abera-white: #ffffff;\n --abera-ivory: #f3eee5;\n --abera-beige: #cfc3b2;\n --abera-muted: rgba(255,255,255,.68);\n --abera-line: rgba(255,255,255,.22);\n\n width: 100%;\n position: relative;\n overflow: hidden;\n\n background:\n radial-gradient(\n circle at 82% 35%,\n rgba(179,157,128,.17) 0%,\n rgba(179,157,128,.04) 26%,\n transparent 48%\n ),\n linear-gradient(\n 110deg,\n #09090b 0%,\n #101012 52%,\n #1d1a17 100%\n );\n\n color: var(--abera-white);\n font-family: inherit;\n}\n\n.abera-clinical-v2 *,\n.abera-clinical-v2 *::before,\n.abera-clinical-v2 *::after {\n box-sizing: border-box;\n}\n\n\n\/* =============================\n MAIN LAYOUT\n============================= *\/\n\n.abera-clinical-v2__inner {\n max-width: 1400px;\n min-height: 650px;\n\n margin: 0 auto;\n\n display: grid;\n grid-template-columns: 58% 42%;\n\n align-items: stretch;\n}\n\n\n\/* =============================\n LEFT CONTENT\n============================= *\/\n\n.abera-clinical-v2__content {\n position: relative;\n z-index: 3;\n\n padding: 76px 35px 68px 60px;\n\n display: flex;\n flex-direction: column;\n justify-content: center;\n}\n\n\n.abera-clinical-v2__eyebrow {\n display: inline-flex;\n align-items: center;\n\n gap: 10px;\n\n margin-bottom: 14px;\n\n color: var(--abera-beige);\n\n font-size: 12px;\n line-height: 1;\n font-weight: 700;\n\n letter-spacing: 1.8px;\n text-transform: uppercase;\n}\n\n\n.abera-clinical-v2__eyebrow::before {\n content: \"\";\n\n width: 28px;\n height: 1px;\n\n background: var(--abera-beige);\n}\n\n\n.abera-clinical-v2__title {\n max-width: 820px;\n\n margin: 0;\n\n color: var(--abera-white);\n\n font-size: clamp(30px, 4vw, 40px);\n line-height: 1.06;\n\n letter-spacing: 1px;\n\n font-weight: 700;\n}\n\n\n.abera-clinical-v2__subtitle {\n max-width: 690px;\n\n margin: 15px 0 0;\n\n color: var(--abera-muted);\n\n font-size: 14px;\n line-height: 1.6;\n}\n\n\n\/* =============================\n STATS HORIZONTAL ROW\n============================= *\/\n\n.abera-clinical-v2__stats {\n display: grid;\n\n grid-template-columns: repeat(3, 1fr);\n\n margin-top: 30px;\n\n max-width: 600px;\n}\n\n\n.abera-clinical-v2__stat {\n position: relative;\n\n padding: 0 10px;\n}\n\n\n.abera-clinical-v2__stat:first-child {\n padding-left: 0;\n}\n\n\n\/* LINE MỎNG NGĂN CÁCH *\/\n\n.abera-clinical-v2__stat:not(:last-child)::after {\n content: \"\";\n\n position: absolute;\n\n right: 0;\n top: 6%;\n\n width: 1px;\n height: 88%;\n\n background: var(--abera-line);\n}\n\n\n.abera-clinical-v2__percent {\n margin: 0 0 10px;\n\n color: var(--abera-white);\n\n font-size: clamp(30px, 4vw, 60px);\n line-height: .95;\n\n letter-spacing: 0px;\n\n font-weight: 700;\n}\n\n\n.abera-clinical-v2__stat-title {\n margin: 0 0 7px;\n\n color: var(--abera-white);\n\n font-size: 16px;\n line-height: 1.25;\n\n font-weight: 750;\n}\n\n\n.abera-clinical-v2__stat-copy {\n max-width: 205px;\n\n margin: 0;\n\n color: rgba(255,255,255,.62);\n\n font-size: 13px;\n line-height: 1.45;\n}\n\n\n\/* =============================\n FOOTNOTE\n============================= *\/\n\n.abera-clinical-v2__footnote {\n margin-top: 38px;\n\n padding-top: 19px;\n\n max-width: 790px;\n\n border-top: 1px solid rgba(255,255,255,.11);\n\n color: rgba(255,255,255,.44);\n\n font-size: 11px;\n line-height: 1.5;\n}\n\n\n\/* =============================\n RIGHT IMAGE\n============================= *\/\n\n.abera-clinical-v2__visual {\n position: relative;\n\n min-height: 650px;\n\n overflow: hidden;\n}\n\n\n\/* fade ảnh vào nền *\/\n\n.abera-clinical-v2__visual::before {\n content: \"\";\n\n position: absolute;\n z-index: 2;\n\n inset: 0;\n\n background:\n linear-gradient(\n 90deg,\n #101012 0%,\n rgba(16,16,18,.72) 10%,\n rgba(16,16,18,.15) 30%,\n transparent 52%\n );\n\n pointer-events: none;\n}\n\n\n.abera-clinical-v2__visual img {\n width: 100%;\n height: 100%;\n\n min-height: 100%;\n\n display: block;\n\n object-fit: cover;\n object-position: center top;\n}\n\n\n\/* Nếu chưa có ảnh *\/\n\n.abera-clinical-v2__image-placeholder {\n width: 100%;\n height: 100%;\n\n min-height: 650px;\n\n display: flex;\n\n align-items: center;\n justify-content: center;\n\n background:\n radial-gradient(\n circle at 50% 35%,\n #51483e 0%,\n #292622 43%,\n #141414 100%\n );\n\n color: rgba(255,255,255,.5);\n\n font-size: 13px;\n\n text-align: center;\n\n padding: 30px;\n}\n\n\n\/* subtle bottom glow *\/\n\n.abera-clinical-v2::after {\n content: \"\";\n\n position: absolute;\n\n z-index: 1;\n\n left: 28%;\n bottom: -220px;\n\n width: 620px;\n height: 330px;\n\n border-radius: 50%;\n\n background:\n radial-gradient(\n circle,\n rgba(197,177,146,.13),\n transparent 70%\n );\n\n pointer-events: none;\n}\n\n\n\/* =========================================================\n TABLET\n========================================================= *\/\n\n@media screen and (max-width: 990px) {\n\n .abera-clinical-v2__inner {\n grid-template-columns: 60% 40%;\n min-height: 570px;\n }\n\n .abera-clinical-v2__content {\n padding:\n 60px\n 20px\n 55px\n 35px;\n }\n\n .abera-clinical-v2__visual,\n .abera-clinical-v2__visual img,\n .abera-clinical-v2__image-placeholder {\n min-height: 570px;\n }\n\n .abera-clinical-v2__stats {\n margin-top: 40px;\n }\n\n .abera-clinical-v2__stat {\n padding: 0 18px;\n }\n\n .abera-clinical-v2__percent {\n font-size: 49px;\n }\n}\n\n\n\/* =========================================================\n MOBILE\n========================================================= *\/\n\n@media screen and (max-width: 749px) {\n\n .abera-clinical-v2__inner {\n display: flex;\n flex-direction: column;\n\n min-height: auto;\n }\n\n\n .abera-clinical-v2__content {\n order: 1;\n\n padding: 30px 18px 20px;\n }\n\n\n .abera-clinical-v2__eyebrow {\n margin-bottom: 12px;\n\n font-size: 10px;\n\n letter-spacing: 1.4px;\n }\n\n\n .abera-clinical-v2__title {\n font-size: 30px;\n\n line-height: 1.2;\n\n letter-spacing: 0px;\n }\n\n\n .abera-clinical-v2__subtitle {\n margin-top: 14px;\n\n font-size: 14px;\n\n line-height: 1.55;\n }\n\n\n \/* GIỮ STATS NẰM NGANG TRÊN MOBILE *\/\n\n .abera-clinical-v2__stats {\n width: 100%;\n\n max-width: none;\n\n margin-top: 30px;\n\n grid-template-columns:\n repeat(3, minmax(118px, 1fr));\n\n overflow-x: auto;\n\n scrollbar-width: none;\n }\n\n\n .abera-clinical-v2__stats::-webkit-scrollbar {\n display: none;\n }\n\n\n .abera-clinical-v2__stat {\n min-width: 118px;\n\n padding: 0 14px;\n }\n\n\n .abera-clinical-v2__stat:first-child {\n padding-left: 0;\n\n padding-right: 14px;\n }\n\n\n \/* VẪN GIỮ LINE DỌC *\/\n\n .abera-clinical-v2__stat:not(:last-child)::after {\n top: 5%;\n\n width: 1px;\n height: 90%;\n }\n\n\n .abera-clinical-v2__percent {\n margin-bottom: 8px;\n\n font-size: 42px;\n\n letter-spacing: 0px;\n }\n\n\n .abera-clinical-v2__stat-title {\n margin-bottom: 5px;\n\n font-size: 12px;\n }\n\n\n .abera-clinical-v2__stat-copy {\n font-size: 10.5px;\n\n line-height: 1.4;\n }\n\n\n .abera-clinical-v2__footnote {\n margin-top: 26px;\n\n padding-top: 15px;\n\n font-size: 10px;\n }\n\n\n \/* ẢNH XUỐNG DƯỚI *\/\n\n .abera-clinical-v2__visual {\n order: 2;\n\n min-height: 390px;\n }\n\n\n .abera-clinical-v2__visual img,\n .abera-clinical-v2__image-placeholder {\n min-height: 390px;\n\n height: 390px;\n }\n\n\n .abera-clinical-v2__visual img {\n object-position: center top;\n }\n\n\n \/* fade từ trên xuống để nối với content *\/\n\n .abera-clinical-v2__visual::before {\n background:\n linear-gradient(\n 180deg,\n #101012 0%,\n rgba(16,16,18,.60) 9%,\n rgba(16,16,18,.10) 26%,\n transparent 50%\n );\n }\n\n}\n\u003c\/style\u003e\n\n\n\u003csection class=\"abera-clinical-v2\"\u003e\n\n \u003cdiv class=\"abera-clinical-v2__inner\"\u003e\n\n \u003cdiv class=\"abera-clinical-v2__content\"\u003e\n\n \u003cdiv class=\"abera-clinical-v2__eyebrow\"\u003e\n Probado clínicamente\n \u003c\/div\u003e\n\n \u003ch2 class=\"abera-clinical-v2__title\"\u003e\n RESULTADOS COMPROBADOS\u003cbr\u003e\n CREADO PARA LA PIEL DEL HOMBRE\n \u003c\/h2\u003e\n\n \u003cp class=\"abera-clinical-v2__subtitle\"\u003e\n Después de 8 semanas de uso constante, los hombres reportaron\n mejoras visibles en la hidratación, el tono de la piel y\n la apariencia de las arrugas.\n \u003c\/p\u003e\n\n\n \u003cdiv class=\"abera-clinical-v2__stats\"\u003e\n\n \u003cdiv class=\"abera-clinical-v2__stat\"\u003e\n\n \u003cdiv class=\"abera-clinical-v2__percent\"\u003e\n 96%\n \u003c\/div\u003e\n\n \u003ch3 class=\"abera-clinical-v2__stat-title\"\u003e\n PIEL MÁS SUAVE\n \u003c\/h3\u003e\n\n \u003cp class=\"abera-clinical-v2__stat-copy\"\u003e\n Reportó una piel más suave y con mayor apariencia de hidratación.\n \u003c\/p\u003e\n\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"abera-clinical-v2__stat\"\u003e\n\n \u003cdiv class=\"abera-clinical-v2__percent\"\u003e\n 92%\n \u003c\/div\u003e\n\n \u003ch3 class=\"abera-clinical-v2__stat-title\"\u003e\n TONO MÁS UNIFORME\n \u003c\/h3\u003e\n\n \u003cp class=\"abera-clinical-v2__stat-copy\"\u003e\n Reportó una piel más luminosa y con un tono más uniforme.\n \u003c\/p\u003e\n\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"abera-clinical-v2__stat\"\u003e\n\n \u003cdiv class=\"abera-clinical-v2__percent\"\u003e\n 89%\n \u003c\/div\u003e\n\n \u003ch3 class=\"abera-clinical-v2__stat-title\"\u003e\n MENOS ARRUGAS VISIBLES\n \u003c\/h3\u003e\n\n \u003cp class=\"abera-clinical-v2__stat-copy\"\u003e\n Reportó una mejora en la apariencia de las arrugas.\n \u003c\/p\u003e\n\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"abera-clinical-v2__footnote\"\u003e\n *Basado en un estudio de autoevaluación de consumidores\n realizado durante 8 semanas. Los resultados individuales pueden variar.\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"abera-clinical-v2__visual\"\u003e\n\n \u003cimg\n src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/ChatGPT_44.webp?v=1786959518\"\n alt=\"Hombre usando ABERA Men Retinol Serum\"\n loading=\"lazy\"\n \u003e\n\n \u003cdiv\n class=\"abera-clinical-v2__image-placeholder\"\n style=\"display:none;\"\n \u003e\u003c\/div\u003e\n\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n\u003c\/section\u003e\n\u003cstyle\u003e\n\/* =========================================================\n ABERA MEN RETINOL\n CUSTOMER REVIEWS CAROUSEL\n========================================================= *\/\n\n.abera-review-showcase {\n --black: #111111;\n --text: #222222;\n --muted: #666666;\n --white: #ffffff;\n --orange: #f45b32;\n --star: #f39a00;\n --border: #e2e2e2;\n --soft: #f7f7f7;\n\n width: 100%;\n overflow: hidden;\n\n background: var(--white);\n color: var(--black);\n\n font-family: inherit;\n box-sizing: border-box;\n}\n\n.abera-review-showcase *,\n.abera-review-showcase *::before,\n.abera-review-showcase *::after {\n box-sizing: border-box;\n}\n\n\n\/* =========================================================\n MAIN LAYOUT\n========================================================= *\/\n\n.abera-review-showcase__inner {\n width: 100%;\n max-width: 1500px;\n\n margin: 0 auto;\n padding: 60px 40px;\n\n display: grid;\n\n grid-template-columns:\n minmax(0, 30%)\n minmax(0, 70%);\n\n gap: 3px;\n\n align-items: center;\n}\n\n\n\/* =========================================================\n LEFT CONTENT\n========================================================= *\/\n\n.abera-review-showcase__content {\n position: relative;\n\n z-index: 5;\n\n min-width: 0;\n\n padding-right: 25px;\n}\n\n\n\/* EYEBROW *\/\n\n.abera-review-showcase__eyebrow {\n margin: 0 0 12px;\n\n color: var(--black);\n\n font-size: 13px;\n line-height: 1.2;\n\n font-weight: 600;\n\n letter-spacing: 1.2px;\n\n text-transform: uppercase;\n}\n\n\n\/* TITLE *\/\n\n.abera-review-showcase__title {\n max-width: 430px;\n\n margin: 0;\n\n color: var(--black);\n\n font-size: clamp(20px, 3vw, 30px);\n line-height: 1.08;\n\n font-weight: 700;\n\n letter-spacing: 0;\n}\n\n\n\/* =========================================================\n BENEFITS\n========================================================= *\/\n\n.abera-review-showcase__benefits {\n margin-top: 26px;\n\n display: flex;\n\n flex-direction: column;\n\n gap: 12px;\n}\n\n\n.abera-review-showcase__benefit {\n position: relative;\n\n padding-left: 25px;\n\n color: var(--text);\n\n font-size: 16px;\n line-height: 1.4;\n\n font-weight: 500;\n}\n\n\n.abera-review-showcase__benefit::before {\n content: \"✓\";\n\n position: absolute;\n\n left: 0;\n top: 0;\n\n color: var(--black);\n\n font-size: 17px;\n\n font-weight: 800;\n}\n\n\n\/* =========================================================\n ARROWS + DESKTOP DOTS\n========================================================= *\/\n\n.abera-review-showcase__arrows {\n position: relative;\n\n z-index: 20;\n\n margin-top: 38px;\n\n display: inline-flex;\n\n align-items: center;\n\n gap: 12px;\n\n width: max-content;\n}\n\n\n\/* ARROW *\/\n\n.abera-review-showcase__arrow {\n position: relative;\n\n z-index: 21;\n\n flex: 0 0 42px;\n\n width: 42px;\n height: 42px;\n\n margin: 0;\n padding: 0;\n\n border: 0;\n outline: none;\n\n border-radius: 50%;\n\n background: var(--black);\n color: var(--white);\n\n display: flex;\n\n align-items: center;\n\n justify-content: center;\n\n cursor: pointer;\n\n appearance: none;\n -webkit-appearance: none;\n\n touch-action: manipulation;\n\n transition:\n opacity .2s ease,\n transform .2s ease,\n background .2s ease;\n}\n\n\n.abera-review-showcase__arrow:hover {\n background: #333333;\n\n transform: scale(1.04);\n}\n\n\n.abera-review-showcase__arrow:active {\n transform: scale(.96);\n}\n\n\n.abera-review-showcase__arrow:disabled {\n opacity: .25;\n\n cursor: default;\n\n transform: none;\n}\n\n\n.abera-review-showcase__arrow svg {\n display: block;\n\n width: 18px;\n height: 18px;\n\n stroke: currentColor;\n\n pointer-events: none;\n}\n\n\n\/* =========================================================\n DOTS BETWEEN ARROWS\n========================================================= *\/\n\n.abera-review-showcase__desktop-dots {\n min-width: 66px;\n\n display: flex;\n\n align-items: center;\n\n justify-content: center;\n\n gap: 6px;\n}\n\n\n.abera-review-showcase__desktop-dot {\n flex: 0 0 6px;\n\n width: 6px;\n height: 6px;\n\n margin: 0;\n padding: 0;\n\n border: 0;\n outline: none;\n\n border-radius: 50%;\n\n background: #c9c9c9;\n\n cursor: pointer;\n\n appearance: none;\n -webkit-appearance: none;\n\n transition:\n width .22s ease,\n flex-basis .22s ease,\n background .22s ease,\n border-radius .22s ease;\n}\n\n\n.abera-review-showcase__desktop-dot.is-active {\n width: 18px;\n\n flex-basis: 18px;\n\n border-radius: 10px;\n\n background: var(--black);\n}\n\n\n\/* =========================================================\n CAROUSEL\n========================================================= *\/\n\n.abera-review-showcase__carousel {\n position: relative;\n\n width: 100%;\n\n min-width: 0;\n\n overflow: hidden;\n}\n\n\n.abera-review-showcase__track {\n width: 100%;\n\n display: flex;\n\n align-items: stretch;\n\n gap: 18px;\n\n overflow-x: auto;\n overflow-y: hidden;\n\n scroll-behavior: smooth;\n\n scroll-snap-type: x mandatory;\n\n scroll-padding-left: 0;\n\n scrollbar-width: none;\n\n -webkit-overflow-scrolling: touch;\n\n overscroll-behavior-x: contain;\n}\n\n\n.abera-review-showcase__track::-webkit-scrollbar {\n display: none;\n}\n\n\n\/* =========================================================\n REVIEW CARD\n DESKTOP = 3 CARDS\n========================================================= *\/\n\n.abera-review-showcase__card {\n flex: 0 0 calc((100% - 36px) \/ 3);\n\n min-width: 0;\n\n scroll-snap-align: start;\n\n scroll-snap-stop: always;\n\n background: #ffffff;\n\n border: 1px solid var(--border);\n\n border-radius: 8px;\n\n overflow: hidden;\n\n color: var(--black);\n\n display: flex;\n\n flex-direction: column;\n}\n\n\n\/* =========================================================\n IMAGE\n========================================================= *\/\n\n.abera-review-showcase__image {\n position: relative;\n\n width: 100%;\n\n aspect-ratio: 1 \/ 1;\n\n overflow: hidden;\n\n background: #eeeeee;\n\n flex-shrink: 0;\n}\n\n\n.abera-review-showcase__image img {\n width: 100%;\n height: 100%;\n\n display: block;\n\n object-fit: cover;\n\n object-position: center;\n}\n\n\n\/* =========================================================\n BEFORE \/ AFTER\n========================================================= *\/\n\n.abera-review-showcase__before,\n.abera-review-showcase__after {\n position: absolute;\n\n bottom: 10px;\n\n z-index: 3;\n\n padding: 5px 8px;\n\n border-radius: 4px;\n\n font-size: 11px;\n line-height: 1;\n\n font-weight: 800;\n\n letter-spacing: .3px;\n\n text-transform: uppercase;\n}\n\n\n.abera-review-showcase__before {\n left: 10px;\n\n background: #ffffff;\n\n color: #111111;\n\n border: 1px solid rgba(0,0,0,.10);\n}\n\n\n.abera-review-showcase__after {\n right: 10px;\n\n background: #111111;\n\n color: #ffffff;\n}\n\n\n\/* =========================================================\n CARD CONTENT\n========================================================= *\/\n\n.abera-review-showcase__card-content {\n padding: 16px 15px 17px;\n\n display: flex;\n\n flex-direction: column;\n\n flex: 1;\n}\n\n\n\/* STARS *\/\n\n.abera-review-showcase__stars {\n margin: 0 0 9px;\n\n color: var(--star);\n\n font-size: 16px;\n line-height: 1;\n\n letter-spacing: .8px;\n}\n\n\n\/* REVIEW *\/\n\n.abera-review-showcase__quote {\n margin: 0;\n\n color: #333333;\n\n font-size: 13.5px;\n line-height: 1.5;\n\n flex: 1;\n}\n\n\n\/* =========================================================\n CUSTOMER\n========================================================= *\/\n\n.abera-review-showcase__customer {\n width: 100%;\n\n margin-top: 16px;\n\n display: flex;\n\n align-items: center;\n\n justify-content: space-between;\n\n gap: 6px;\n\n flex-wrap: nowrap;\n}\n\n\n.abera-review-showcase__name {\n color: var(--black);\n\n font-size: 12px;\n line-height: 1;\n\n font-weight: 700;\n\n white-space: nowrap;\n\n flex-shrink: 0;\n}\n\n\n\/* VERIFIED *\/\n\n.abera-review-showcase__verified {\n display: inline-flex;\n\n align-items: center;\n\n justify-content: center;\n\n gap: 4px;\n\n padding: 4px 6px;\n\n background: var(--soft);\n\n border: 1px solid var(--border);\n\n border-radius: 999px;\n\n color: #333333;\n\n font-size: 8.5px;\n line-height: 1;\n\n font-weight: 600;\n\n white-space: nowrap;\n\n flex-shrink: 0;\n}\n\n\n.abera-review-showcase__verified-icon {\n width: 13px;\n height: 13px;\n\n flex: 0 0 13px;\n\n border-radius: 50%;\n\n background: var(--black);\n\n color: #ffffff;\n\n display: inline-flex;\n\n align-items: center;\n\n justify-content: center;\n\n font-size: 7px;\n}\n\n\n\/* =========================================================\n MOBILE DOTS\n========================================================= *\/\n\n.abera-review-showcase__dots {\n display: none;\n\n margin-top: 18px;\n\n align-items: center;\n\n justify-content: center;\n\n gap: 7px;\n}\n\n\n.abera-review-showcase__dot {\n flex: 0 0 7px;\n\n width: 7px;\n height: 7px;\n\n margin: 0;\n padding: 0;\n\n border: 0;\n\n border-radius: 50%;\n\n background: #cccccc;\n\n cursor: pointer;\n\n appearance: none;\n\n -webkit-appearance: none;\n\n transition:\n width .25s ease,\n flex-basis .25s ease,\n background .25s ease,\n border-radius .25s ease;\n}\n\n\n.abera-review-showcase__dot.is-active {\n width: 22px;\n\n flex-basis: 22px;\n\n border-radius: 10px;\n\n background: var(--black);\n}\n\n\n\/* =========================================================\n TABLET\n========================================================= *\/\n\n@media screen and (min-width: 750px) and (max-width: 1100px) {\n\n .abera-review-showcase__inner {\n padding: 45px 24px;\n\n grid-template-columns:\n minmax(0, 32%)\n minmax(0, 68%);\n\n gap: 24px;\n }\n\n\n .abera-review-showcase__content {\n padding-right: 0;\n }\n\n\n .abera-review-showcase__title {\n font-size: 28px;\n }\n\n\n .abera-review-showcase__benefit {\n font-size: 14px;\n }\n\n\n .abera-review-showcase__track {\n gap: 16px;\n }\n\n\n .abera-review-showcase__card {\n flex-basis: calc((100% - 16px) \/ 2);\n }\n\n\n .abera-review-showcase__quote {\n font-size: 13px;\n }\n\n\n .abera-review-showcase__desktop-dots {\n min-width: 56px;\n\n gap: 5px;\n }\n\n}\n\n\n\/* =========================================================\n MOBILE\n========================================================= *\/\n\n@media screen and (max-width: 749px) {\n\n .abera-review-showcase__inner {\n padding: 34px 18px 30px;\n\n display: block;\n }\n\n\n .abera-review-showcase__content {\n width: 100%;\n\n padding-right: 0;\n }\n\n\n .abera-review-showcase__eyebrow {\n margin-bottom: 9px;\n\n font-size: 10px;\n }\n\n\n .abera-review-showcase__title {\n max-width: 100%;\n\n font-size: 29px;\n line-height: 1.3;\n }\n\n\n .abera-review-showcase__benefits {\n margin-top: 12px;\n\n display: grid;\n\n grid-template-columns:\n 1fr 1fr;\n\n gap: 11px 14px;\n }\n\n\n .abera-review-showcase__benefit {\n padding-left: 20px;\n\n font-size: 16px;\n line-height: 1.35;\n }\n\n\n .abera-review-showcase__benefit::before {\n font-size: 16px;\n }\n\n\n \/* HIDE DESKTOP CONTROLS *\/\n\n .abera-review-showcase__arrows {\n display: none;\n }\n\n\n \/* CAROUSEL *\/\n\n .abera-review-showcase__carousel {\n margin-top: 28px;\n\n overflow: visible;\n }\n\n\n .abera-review-showcase__track {\n gap: 12px;\n }\n\n\n .abera-review-showcase__card {\n flex: 0 0 88%;\n }\n\n\n .abera-review-showcase__image {\n aspect-ratio: 1 \/ .82;\n }\n\n\n .abera-review-showcase__before,\n .abera-review-showcase__after {\n bottom: 10px;\n\n padding: 5px 8px;\n\n font-size: 10px;\n }\n\n\n .abera-review-showcase__before {\n left: 10px;\n }\n\n\n .abera-review-showcase__after {\n right: 10px;\n }\n\n\n .abera-review-showcase__card-content {\n padding: 16px;\n }\n\n\n .abera-review-showcase__stars {\n font-size: 18px;\n }\n\n\n .abera-review-showcase__quote {\n font-size: 14px;\n line-height: 1.5;\n }\n\n\n .abera-review-showcase__customer {\n margin-top: 15px;\n\n gap: 8px;\n }\n\n\n .abera-review-showcase__name {\n font-size: 13px;\n }\n\n\n .abera-review-showcase__verified {\n padding: 4px 7px;\n\n gap: 4px;\n\n font-size: 9px;\n }\n\n\n .abera-review-showcase__verified-icon {\n width: 14px;\n height: 14px;\n\n flex-basis: 14px;\n\n font-size: 8px;\n }\n\n\n .abera-review-showcase__dots {\n display: flex;\n }\n\n}\n\n\n\/* =========================================================\n SMALL MOBILE\n========================================================= *\/\n\n@media screen and (max-width: 420px) {\n\n .abera-review-showcase__inner {\n padding-left: 15px;\n\n padding-right: 15px;\n }\n\n\n .abera-review-showcase__title {\n font-size: 27px;\n }\n\n\n .abera-review-showcase__benefits {\n grid-template-columns: 1fr;\n\n gap: 9px;\n }\n\n\n .abera-review-showcase__card {\n flex-basis: 92%;\n }\n\n\n .abera-review-showcase__customer {\n gap: 5px;\n }\n\n\n .abera-review-showcase__name {\n font-size: 12px;\n }\n\n\n .abera-review-showcase__verified {\n padding: 4px 6px;\n\n font-size: 8.5px;\n }\n\n}\n\u003c\/style\u003e\n\n\n\u003c!-- =========================================================\n SECTION\n========================================================= --\u003e\n\n\u003csection class=\"abera-review-showcase\"\u003e\n\n \u003cdiv class=\"abera-review-showcase__inner\"\u003e\n\n\n \u003c!-- =====================================================\n LEFT SIDE\n ====================================================== --\u003e\n\n \u003cdiv class=\"abera-review-showcase__content\"\u003e\n\n\n \u003cdiv class=\"abera-review-showcase__eyebrow\"\u003e\n HOMBRES REALES. RESULTADOS REALES.\n \u003c\/div\u003e\n\n\n \u003ch2 class=\"abera-review-showcase__title\"\u003e\n OPINIONES DE NUESTROS CLIENTES\n \u003c\/h2\u003e\n\n\n \u003c!-- BENEFITS --\u003e\n\n \u003cdiv class=\"abera-review-showcase__benefits\"\u003e\n\n\n \u003cdiv class=\"abera-review-showcase__benefit\"\u003e\n Hidrata la piel\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"abera-review-showcase__benefit\"\u003e\n Reafirma la piel con flacidez\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"abera-review-showcase__benefit\"\u003e\n Reduce líneas finas y arrugas\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"abera-review-showcase__benefit\"\u003e\n Atenúa manchas oscuras y marcas de acné\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"abera-review-showcase__benefit\"\u003e\n Unifica el tono de la piel\n \u003c\/div\u003e\n\n\n \u003c\/div\u003e\n\n\n \u003c!-- ===================================================\n DESKTOP NAVIGATION\n ==================================================== --\u003e\n\n \u003cdiv class=\"abera-review-showcase__arrows\"\u003e\n\n\n \u003c!-- PREVIOUS --\u003e\n\n \u003cbutton\n class=\"\n abera-review-showcase__arrow\n abera-review-showcase__prev\n \"\n type=\"button\"\n aria-label=\"Reseña anterior\"\n \u003e\n\n \u003csvg\n viewBox=\"0 0 24 24\"\n fill=\"none\"\n \u003e\n\n \u003cpath\n d=\"M15 18L9 12L15 6\"\n stroke-width=\"2\"\n stroke-linecap=\"round\"\n stroke-linejoin=\"round\"\n \/\u003e\n\n \u003c\/svg\u003e\n\n \u003c\/button\u003e\n\n\n \u003c!-- DESKTOP DOTS --\u003e\n\n \u003cdiv\n class=\"abera-review-showcase__desktop-dots\"\n aria-label=\"Navegación de reseñas\"\n \u003e\u003c\/div\u003e\n\n\n \u003c!-- NEXT --\u003e\n\n \u003cbutton\n class=\"\n abera-review-showcase__arrow\n abera-review-showcase__next\n \"\n type=\"button\"\n aria-label=\"Siguiente reseña\"\n \u003e\n\n \u003csvg\n viewBox=\"0 0 24 24\"\n fill=\"none\"\n \u003e\n\n \u003cpath\n d=\"M9 18L15 12L9 6\"\n stroke-width=\"2\"\n stroke-linecap=\"round\"\n stroke-linejoin=\"round\"\n \/\u003e\n\n \u003c\/svg\u003e\n\n \u003c\/button\u003e\n\n\n \u003c\/div\u003e\n\n\n \u003c\/div\u003e\n\n\n\n \u003c!-- =====================================================\n RIGHT CAROUSEL\n ====================================================== --\u003e\n\n \u003cdiv class=\"abera-review-showcase__carousel\"\u003e\n\n\n \u003cdiv class=\"abera-review-showcase__track\"\u003e\n\n\n \u003c!-- =================================================\n REVIEW 01\n ================================================== --\u003e\n\n \u003carticle class=\"abera-review-showcase__card\"\u003e\n\n\n \u003cdiv class=\"abera-review-showcase__image\"\u003e\n\n \u003cimg\n src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/3_2986af9d-7ff8-49b0-ac3c-7ba74e61680f.webp?v=1786615458\"\n alt=\"Resultado antes y después de ABERA Men Retinol\"\n loading=\"lazy\"\n \u003e\n\n\n \u003cspan class=\"abera-review-showcase__before\"\u003e\n ANTES\n \u003c\/span\u003e\n\n\n \u003cspan class=\"abera-review-showcase__after\"\u003e\n DESPUÉS\n \u003c\/span\u003e\n\n\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"abera-review-showcase__card-content\"\u003e\n\n\n \u003cdiv class=\"abera-review-showcase__stars\"\u003e\n ★★★★★\n \u003c\/div\u003e\n\n\n \u003cp class=\"abera-review-showcase__quote\"\u003e\n Las manchas oscuras eran lo que más me molestaba.\n Con el uso constante, se ven más claras y el tono\n general de mi piel se ve más uniforme.\n \u003c\/p\u003e\n\n\n \u003cdiv class=\"abera-review-showcase__customer\"\u003e\n\n\n \u003cspan class=\"abera-review-showcase__name\"\u003e\n James T., 47\n \u003c\/span\u003e\n\n\n \u003cspan class=\"abera-review-showcase__verified\"\u003e\n\n \u003cspan class=\"abera-review-showcase__verified-icon\"\u003e\n ✓\n \u003c\/span\u003e\n\n Cliente verificado\n\n \u003c\/span\u003e\n\n\n \u003c\/div\u003e\n\n\n \u003c\/div\u003e\n\n\n \u003c\/article\u003e\n\n\n\n \u003c!-- =================================================\n REVIEW 02\n ================================================== --\u003e\n\n \u003carticle class=\"abera-review-showcase__card\"\u003e\n\n\n \u003cdiv class=\"abera-review-showcase__image\"\u003e\n\n \u003cimg\n src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/4_5d22dff5-ec9b-4d4d-b8d9-f069ff6268ca.webp?v=1786422444\"\n alt=\"Resultado antes y después de ABERA Men Retinol\"\n loading=\"lazy\"\n \u003e\n\n\n \u003cspan class=\"abera-review-showcase__before\"\u003e\n ANTES\n \u003c\/span\u003e\n\n\n \u003cspan class=\"abera-review-showcase__after\"\u003e\n DESPUÉS\n \u003c\/span\u003e\n\n\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"abera-review-showcase__card-content\"\u003e\n\n\n \u003cdiv class=\"abera-review-showcase__stars\"\u003e\n ★★★★★\n \u003c\/div\u003e\n\n\n \u003cp class=\"abera-review-showcase__quote\"\u003e\n Llevo varias semanas usando este sérum todas las noches\n y mi piel ya se siente más suave e hidratada.\n Las líneas finas alrededor de mis ojos se ven menos marcadas.\n \u003c\/p\u003e\n\n\n \u003cdiv class=\"abera-review-showcase__customer\"\u003e\n\n\n \u003cspan class=\"abera-review-showcase__name\"\u003e\n Michael R., 55\n \u003c\/span\u003e\n\n\n \u003cspan class=\"abera-review-showcase__verified\"\u003e\n\n \u003cspan class=\"abera-review-showcase__verified-icon\"\u003e\n ✓\n \u003c\/span\u003e\n\n Cliente verificado\n\n \u003c\/span\u003e\n\n\n \u003c\/div\u003e\n\n\n \u003c\/div\u003e\n\n\n \u003c\/article\u003e\n\n\n\n \u003c!-- =================================================\n REVIEW 03\n ================================================== --\u003e\n\n \u003carticle class=\"abera-review-showcase__card\"\u003e\n\n\n \u003cdiv class=\"abera-review-showcase__image\"\u003e\n\n \u003cimg\n src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/bfb22f137ad326a2e4091f5c3a93cd8e-20250417094225-3186n.webp?v=1786423518\"\n alt=\"Resultado antes y después de ABERA Men Retinol\"\n loading=\"lazy\"\n \u003e\n\n\n \u003cspan class=\"abera-review-showcase__before\"\u003e\n ANTES\n \u003c\/span\u003e\n\n\n \u003cspan class=\"abera-review-showcase__after\"\u003e\n DESPUÉS\n \u003c\/span\u003e\n\n\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"abera-review-showcase__card-content\"\u003e\n\n\n \u003cdiv class=\"abera-review-showcase__stars\"\u003e\n ★★★★★\n \u003c\/div\u003e\n\n\n \u003cp class=\"abera-review-showcase__quote\"\u003e\n Probablemente es el primer producto antiedad que realmente\n he usado con constancia. Se absorbe rápido y mi rostro\n se ve más suave y menos cansado.\n \u003c\/p\u003e\n\n\n \u003cdiv class=\"abera-review-showcase__customer\"\u003e\n\n\n \u003cspan class=\"abera-review-showcase__name\"\u003e\n Daniel S., 35\n \u003c\/span\u003e\n\n\n \u003cspan class=\"abera-review-showcase__verified\"\u003e\n\n \u003cspan class=\"abera-review-showcase__verified-icon\"\u003e\n ✓\n \u003c\/span\u003e\n\n Cliente verificado\n\n \u003c\/span\u003e\n\n\n \u003c\/div\u003e\n\n\n \u003c\/div\u003e\n\n\n \u003c\/article\u003e\n\n\n\n \u003c!-- =================================================\n REVIEW 04\n ================================================== --\u003e\n\n \u003carticle class=\"abera-review-showcase__card\"\u003e\n\n\n \u003cdiv class=\"abera-review-showcase__image\"\u003e\n\n \u003cimg\n src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/5_b0438d0b-7832-474e-acb8-98b39901ce77.webp?v=1786422443\"\n alt=\"Resultado antes y después de ABERA Men Retinol\"\n loading=\"lazy\"\n \u003e\n\n\n \u003cspan class=\"abera-review-showcase__before\"\u003e\n ANTES\n \u003c\/span\u003e\n\n\n \u003cspan class=\"abera-review-showcase__after\"\u003e\n DESPUÉS\n \u003c\/span\u003e\n\n\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"abera-review-showcase__card-content\"\u003e\n\n\n \u003cdiv class=\"abera-review-showcase__stars\"\u003e\n ★★★★★\n \u003c\/div\u003e\n\n\n \u003cp class=\"abera-review-showcase__quote\"\u003e\n Tenía marcas oscuras de acné desde hacía mucho tiempo,\n pero con el uso regular se han vuelto menos visibles.\n Mi piel también se siente notablemente más suave.\n \u003c\/p\u003e\n\n\n \u003cdiv class=\"abera-review-showcase__customer\"\u003e\n\n\n \u003cspan class=\"abera-review-showcase__name\"\u003e\n Brian C., 28\n \u003c\/span\u003e\n\n\n \u003cspan class=\"abera-review-showcase__verified\"\u003e\n\n \u003cspan class=\"abera-review-showcase__verified-icon\"\u003e\n ✓\n \u003c\/span\u003e\n\n Cliente verificado\n\n \u003c\/span\u003e\n\n\n \u003c\/div\u003e\n\n\n \u003c\/div\u003e\n\n\n \u003c\/article\u003e\n\n\n\n \u003c!-- =================================================\n REVIEW 05\n ================================================== --\u003e\n\n \u003carticle class=\"abera-review-showcase__card\"\u003e\n\n\n \u003cdiv class=\"abera-review-showcase__image\"\u003e\n\n \u003cimg\n src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/6_c66664a6-8b1c-476f-8b91-86f997d0b90c.webp?v=1786422443\"\n alt=\"Resultado antes y después de ABERA Men Retinol\"\n loading=\"lazy\"\n \u003e\n\n\n \u003cspan class=\"abera-review-showcase__before\"\u003e\n ANTES\n \u003c\/span\u003e\n\n\n \u003cspan class=\"abera-review-showcase__after\"\u003e\n DESPUÉS\n \u003c\/span\u003e\n\n\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"abera-review-showcase__card-content\"\u003e\n\n\n \u003cdiv class=\"abera-review-showcase__stars\"\u003e\n ★★★★★\n \u003c\/div\u003e\n\n\n \u003cp class=\"abera-review-showcase__quote\"\u003e\n Mi esposa fue la primera en notarlo. Me dijo que mi piel\n se veía más suave y saludable. Yo también he notado que\n las líneas finas alrededor de mis ojos son menos visibles.\n \u003c\/p\u003e\n\n\n \u003cdiv class=\"abera-review-showcase__customer\"\u003e\n\n\n \u003cspan class=\"abera-review-showcase__name\"\u003e\n Chris B., 46\n \u003c\/span\u003e\n\n\n \u003cspan class=\"abera-review-showcase__verified\"\u003e\n\n \u003cspan class=\"abera-review-showcase__verified-icon\"\u003e\n ✓\n \u003c\/span\u003e\n\n Cliente verificado\n\n \u003c\/span\u003e\n\n\n \u003c\/div\u003e\n\n\n \u003c\/div\u003e\n\n\n \u003c\/article\u003e\n\n\n\n \u003c!-- =================================================\n REVIEW 06\n ================================================== --\u003e\n\n \u003carticle class=\"abera-review-showcase__card\"\u003e\n\n\n \u003cdiv class=\"abera-review-showcase__image\"\u003e\n\n \u003cimg\n src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/81f90c8b9c7785be7808623b11f7722c-20250417102041-dodqv.webp?v=1786459872\"\n alt=\"Resultado antes y después de ABERA Men Retinol\"\n loading=\"lazy\"\n \u003e\n\n\n \u003cspan class=\"abera-review-showcase__before\"\u003e\n ANTES\n \u003c\/span\u003e\n\n\n \u003cspan class=\"abera-review-showcase__after\"\u003e\n DESPUÉS\n \u003c\/span\u003e\n\n\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"abera-review-showcase__card-content\"\u003e\n\n\n \u003cdiv class=\"abera-review-showcase__stars\"\u003e\n ★★★★★\n \u003c\/div\u003e\n\n\n \u003cp class=\"abera-review-showcase__quote\"\u003e\n Tenía dudas sobre empezar a usar retinol porque no quería\n una rutina complicada. Este es muy fácil de usar.\n Mi piel se ve más luminosa y uniforme con el uso regular.\n \u003c\/p\u003e\n\n\n \u003cdiv class=\"abera-review-showcase__customer\"\u003e\n\n\n \u003cspan class=\"abera-review-showcase__name\"\u003e\n Kevin F., 35\n \u003c\/span\u003e\n\n\n \u003cspan class=\"abera-review-showcase__verified\"\u003e\n\n \u003cspan class=\"abera-review-showcase__verified-icon\"\u003e\n ✓\n \u003c\/span\u003e\n\n Cliente verificado\n\n \u003c\/span\u003e\n\n\n \u003c\/div\u003e\n\n\n \u003c\/div\u003e\n\n\n \u003c\/article\u003e\n\n\n \u003c\/div\u003e\n\n\n \u003c!-- MOBILE DOTS --\u003e\n\n \u003cdiv class=\"abera-review-showcase__dots\"\u003e\u003c\/div\u003e\n\n\n \u003c\/div\u003e\n\n\n \u003c\/div\u003e\n\n\u003c\/section\u003e\n\n\n\n\u003cscript\u003e\n(function () {\n\n\n \/* =========================================================\n INITIALIZE ONE SECTION\n ========================================================= *\/\n\n function initAberaReview(section) {\n\n\n if (\n section.getAttribute(\n 'data-abera-review-init'\n ) === 'true'\n ) {\n\n return;\n\n }\n\n\n section.setAttribute(\n 'data-abera-review-init',\n 'true'\n );\n\n\n const track =\n section.querySelector(\n '.abera-review-showcase__track'\n );\n\n\n const cards =\n Array.from(\n section.querySelectorAll(\n '.abera-review-showcase__card'\n )\n );\n\n\n const prev =\n section.querySelector(\n '.abera-review-showcase__prev'\n );\n\n\n const next =\n section.querySelector(\n '.abera-review-showcase__next'\n );\n\n\n const mobileDotsContainer =\n section.querySelector(\n '.abera-review-showcase__dots'\n );\n\n\n const desktopDotsContainer =\n section.querySelector(\n '.abera-review-showcase__desktop-dots'\n );\n\n\n if (\n !track ||\n !cards.length\n ) {\n\n return;\n\n }\n\n\n let currentIndex = 0;\n\n let mobileDots = [];\n\n let desktopDots = [];\n\n\n\n \/* =======================================================\n VISIBLE CARD COUNT\n ======================================================== *\/\n\n function getVisibleCount() {\n\n\n if (\n window.innerWidth \u003c= 749\n ) {\n\n return 1;\n\n }\n\n\n if (\n window.innerWidth \u003c= 1100\n ) {\n\n return 2;\n\n }\n\n\n return 3;\n\n }\n\n\n\n \/* =======================================================\n MAX INDEX\n ======================================================== *\/\n\n function getMaxIndex() {\n\n\n return Math.max(\n\n 0,\n\n cards.length -\n getVisibleCount()\n\n );\n\n }\n\n\n\n \/* =======================================================\n CARD POSITION\n ======================================================== *\/\n\n function getCardLeft(index) {\n\n\n const card =\n cards[index];\n\n\n if (!card) {\n\n return 0;\n\n }\n\n\n return Math.max(\n\n 0,\n\n card.offsetLeft -\n track.offsetLeft\n\n );\n\n }\n\n\n\n \/* =======================================================\n GO TO CARD\n ======================================================== *\/\n\n function goToIndex(index) {\n\n\n const maxIndex =\n getMaxIndex();\n\n\n currentIndex =\n Math.max(\n\n 0,\n\n Math.min(\n index,\n maxIndex\n )\n\n );\n\n\n track.scrollTo({\n\n left:\n getCardLeft(\n currentIndex\n ),\n\n behavior:\n 'smooth'\n\n });\n\n\n updateUI();\n\n }\n\n\n\n \/* =======================================================\n MOBILE DOTS\n ======================================================== *\/\n\n function createMobileDots() {\n\n\n if (\n !mobileDotsContainer\n ) {\n\n return;\n\n }\n\n\n mobileDotsContainer.innerHTML =\n '';\n\n\n cards.forEach(\n function(card, index) {\n\n\n const dot =\n document.createElement(\n 'button'\n );\n\n\n dot.type =\n 'button';\n\n\n dot.className =\n 'abera-review-showcase__dot';\n\n\n dot.setAttribute(\n 'aria-label',\n 'Ir a la reseña ' +\n (index + 1)\n );\n\n\n dot.addEventListener(\n 'click',\n function() {\n\n\n if (\n window.innerWidth \u003c= 749\n ) {\n\n\n currentIndex =\n index;\n\n\n track.scrollTo({\n\n left:\n getCardLeft(\n index\n ),\n\n behavior:\n 'smooth'\n\n });\n\n\n updateUI();\n\n\n } else {\n\n\n goToIndex(\n index\n );\n\n\n }\n\n }\n );\n\n\n mobileDotsContainer\n .appendChild(\n dot\n );\n\n\n }\n );\n\n\n mobileDots =\n Array.from(\n mobileDotsContainer\n .querySelectorAll(\n '.abera-review-showcase__dot'\n )\n );\n\n }\n\n\n\n \/* =======================================================\n DESKTOP DOTS\n ======================================================== *\/\n\n function createDesktopDots() {\n\n\n if (\n !desktopDotsContainer\n ) {\n\n return;\n\n }\n\n\n desktopDotsContainer.innerHTML =\n '';\n\n\n const maxIndex =\n getMaxIndex();\n\n\n for (\n let index = 0;\n index \u003c= maxIndex;\n index++\n ) {\n\n\n const dot =\n document.createElement(\n 'button'\n );\n\n\n dot.type =\n 'button';\n\n\n dot.className =\n 'abera-review-showcase__desktop-dot';\n\n\n dot.setAttribute(\n 'aria-label',\n 'Ir a la posición de reseñas ' +\n (index + 1)\n );\n\n\n dot.addEventListener(\n 'click',\n function() {\n\n\n goToIndex(\n index\n );\n\n\n }\n );\n\n\n desktopDotsContainer\n .appendChild(\n dot\n );\n\n }\n\n\n desktopDots =\n Array.from(\n desktopDotsContainer\n .querySelectorAll(\n '.abera-review-showcase__desktop-dot'\n )\n );\n\n }\n\n\n\n \/* =======================================================\n DETECT INDEX FROM SCROLL\n ======================================================== *\/\n\n function detectCurrentIndex() {\n\n\n const scrollLeft =\n track.scrollLeft;\n\n\n let closestIndex =\n 0;\n\n\n let closestDistance =\n Infinity;\n\n\n cards.forEach(\n function(card, index) {\n\n\n const position =\n card.offsetLeft -\n track.offsetLeft;\n\n\n const distance =\n Math.abs(\n position -\n scrollLeft\n );\n\n\n if (\n distance \u003c\n closestDistance\n ) {\n\n\n closestDistance =\n distance;\n\n\n closestIndex =\n index;\n\n\n }\n\n }\n );\n\n\n return closestIndex;\n\n }\n\n\n\n \/* =======================================================\n UPDATE UI\n ======================================================== *\/\n\n function updateUI() {\n\n\n const maxIndex =\n getMaxIndex();\n\n\n if (\n window.innerWidth \u003e\n 749\n ) {\n\n\n currentIndex =\n Math.min(\n currentIndex,\n maxIndex\n );\n\n\n }\n\n\n if (prev) {\n\n\n prev.disabled =\n currentIndex \u003c= 0;\n\n\n }\n\n\n if (next) {\n\n\n next.disabled =\n currentIndex \u003e=\n maxIndex;\n\n\n }\n\n\n mobileDots.forEach(\n function(dot, index) {\n\n\n dot.classList.toggle(\n 'is-active',\n index === currentIndex\n );\n\n\n }\n );\n\n\n desktopDots.forEach(\n function(dot, index) {\n\n\n dot.classList.toggle(\n 'is-active',\n index === currentIndex\n );\n\n\n }\n );\n\n }\n\n\n\n \/* =======================================================\n PREVIOUS BUTTON\n ======================================================== *\/\n\n if (prev) {\n\n\n prev.addEventListener(\n 'click',\n function(event) {\n\n\n event.preventDefault();\n\n event.stopPropagation();\n\n\n if (\n currentIndex \u003c= 0\n ) {\n\n return;\n\n }\n\n\n goToIndex(\n currentIndex - 1\n );\n\n\n }\n );\n\n\n }\n\n\n\n \/* =======================================================\n NEXT BUTTON\n ======================================================== *\/\n\n if (next) {\n\n\n next.addEventListener(\n 'click',\n function(event) {\n\n\n event.preventDefault();\n\n event.stopPropagation();\n\n\n const maxIndex =\n getMaxIndex();\n\n\n if (\n currentIndex \u003e=\n maxIndex\n ) {\n\n return;\n\n }\n\n\n goToIndex(\n currentIndex + 1\n );\n\n\n }\n );\n\n\n }\n\n\n\n \/* =======================================================\n MANUAL SWIPE\n ======================================================== *\/\n\n let scrollTimer;\n\n\n track.addEventListener(\n 'scroll',\n function() {\n\n\n clearTimeout(\n scrollTimer\n );\n\n\n scrollTimer =\n setTimeout(\n function() {\n\n\n currentIndex =\n detectCurrentIndex();\n\n\n if (\n window.innerWidth \u003e\n 749\n ) {\n\n\n currentIndex =\n Math.min(\n currentIndex,\n getMaxIndex()\n );\n\n\n }\n\n\n updateUI();\n\n\n },\n 70\n );\n\n\n },\n {\n passive: true\n }\n );\n\n\n\n \/* =======================================================\n RESIZE\n ======================================================== *\/\n\n let resizeTimer;\n\n\n window.addEventListener(\n 'resize',\n function() {\n\n\n clearTimeout(\n resizeTimer\n );\n\n\n resizeTimer =\n setTimeout(\n function() {\n\n\n currentIndex =\n Math.min(\n currentIndex,\n getMaxIndex()\n );\n\n\n createDesktopDots();\n\n\n track.scrollTo({\n\n left:\n getCardLeft(\n currentIndex\n ),\n\n behavior:\n 'auto'\n\n });\n\n\n updateUI();\n\n\n },\n 120\n );\n\n\n }\n );\n\n\n\n \/* =======================================================\n INITIAL STATE\n ======================================================== *\/\n\n createMobileDots();\n\n createDesktopDots();\n\n\n currentIndex =\n detectCurrentIndex();\n\n\n updateUI();\n\n\n }\n\n\n\n \/* =========================================================\n INIT ALL SECTIONS\n ========================================================= *\/\n\n function initAllAberaReviews() {\n\n\n document\n .querySelectorAll(\n '.abera-review-showcase'\n )\n .forEach(\n function(section) {\n\n\n initAberaReview(\n section\n );\n\n\n }\n );\n\n\n }\n\n\n\n \/* RUN NOW *\/\n\n initAllAberaReviews();\n\n\n\n \/* DOM READY FALLBACK *\/\n\n if (\n document.readyState ===\n 'loading'\n ) {\n\n\n document.addEventListener(\n 'DOMContentLoaded',\n initAllAberaReviews\n );\n\n\n }\n\n\n\n \/* =========================================================\n SHOPIFY THEME EDITOR\n ========================================================= *\/\n\n document.addEventListener(\n 'shopify:section:load',\n function(event) {\n\n\n let section = null;\n\n\n if (\n event.target.matches \u0026\u0026\n event.target.matches(\n '.abera-review-showcase'\n )\n ) {\n\n\n section =\n event.target;\n\n\n } else {\n\n\n section =\n event.target.querySelector(\n '.abera-review-showcase'\n );\n\n\n }\n\n\n if (section) {\n\n\n section.removeAttribute(\n 'data-abera-review-init'\n );\n\n\n initAberaReview(\n section\n );\n\n\n }\n\n\n }\n );\n\n\n})();\n\u003c\/script\u003e\n\u003cstyle\u003e\n\/* =========================================================\n ABERA MEN RETINOL\n CÓMO USAR - 3 PASOS\n========================================================= *\/\n\n.abera-howto-v3 {\n --bg: #0b0b0b;\n --white: #ffffff;\n --muted: rgba(255,255,255,.72);\n --line: rgba(255,255,255,.14);\n --box: #151515;\n --box-hover: #1a1a1a;\n --accent: #f2eee6;\n\n width: 100%;\n max-width: 100%;\n\n background: var(--bg);\n color: var(--white);\n\n font-family: inherit;\n\n box-sizing: border-box;\n overflow: hidden;\n}\n\n.abera-howto-v3 *,\n.abera-howto-v3 *::before,\n.abera-howto-v3 *::after {\n box-sizing: border-box;\n}\n\n\n\/* =========================================================\n INNER\n========================================================= *\/\n\n.abera-howto-v3__inner {\n width: 100%;\n max-width: 1500px;\n\n margin: 0 auto;\n padding: 48px 34px 30px;\n}\n\n\n\/* =========================================================\n MAIN LAYOUT\n========================================================= *\/\n\n.abera-howto-v3__main {\n width: 100%;\n\n display: grid;\n\n grid-template-columns:\n minmax(0, 1fr)\n minmax(0, 1fr);\n\n gap: 46px;\n\n align-items: center;\n}\n\n.abera-howto-v3__main \u003e * {\n min-width: 0;\n}\n\n\n\/* =========================================================\n VIDEO\n========================================================= *\/\n\n.abera-howto-v3__media {\n width: 100%;\n min-width: 0;\n\n border-radius: 8px;\n\n overflow: hidden;\n\n background: #111111;\n}\n\n.abera-howto-v3__video {\n width: 100%;\n max-width: 100%;\n\n display: block;\n\n aspect-ratio: 1 \/ 1;\n\n object-fit: cover;\n\n background: #111111;\n}\n\n\n\/* =========================================================\n RIGHT CONTENT\n========================================================= *\/\n\n.abera-howto-v3__content {\n width: 100%;\n max-width: 100%;\n min-width: 0;\n}\n\n\n\/* =========================================================\n TITLE\n========================================================= *\/\n\n.abera-howto-v3__eyebrow {\n margin: 0 0 10px;\n\n color: var(--muted);\n\n font-size: 12px;\n line-height: 1.2;\n\n font-weight: 700;\n\n letter-spacing: 1.5px;\n text-transform: uppercase;\n}\n\n.abera-howto-v3__title {\n width: 100%;\n\n margin: 0 0 26px;\n\n color: var(--white);\n\n font-size: clamp(28px, 3vw, 40px);\n line-height: 1.08;\n\n font-weight: 700;\n\n letter-spacing: -.4px;\n\n text-transform: uppercase;\n}\n\n\n\/* =========================================================\n 3 STEPS\n========================================================= *\/\n\n.abera-howto-v3__steps {\n width: 100%;\n\n display: flex;\n flex-direction: column;\n\n gap: 12px;\n}\n\n\n\/* EACH STEP *\/\n\n.abera-howto-v3__step {\n width: 100%;\n\n padding: 17px 18px;\n\n display: grid;\n\n grid-template-columns: 48px minmax(0, 1fr);\n\n gap: 16px;\n\n align-items: center;\n\n background: var(--box);\n\n border: 1px solid var(--line);\n border-radius: 10px;\n\n transition:\n background .2s ease,\n border-color .2s ease;\n}\n\n.abera-howto-v3__step:hover {\n background: var(--box-hover);\n\n border-color: rgba(255,255,255,.24);\n}\n\n\n\/* STEP NUMBER *\/\n\n.abera-howto-v3__step-number {\n width: 48px;\n height: 48px;\n\n border-radius: 8px;\n\n display: flex;\n align-items: center;\n justify-content: center;\n\n background: #ffffff;\n\n color: #111111;\n\n font-size: 14px;\n line-height: 1;\n\n font-weight: 800;\n\n letter-spacing: .5px;\n}\n\n\n\/* STEP CONTENT *\/\n\n.abera-howto-v3__step-content {\n min-width: 0;\n}\n\n.abera-howto-v3__step-title {\n margin: 0 0 4px;\n\n color: var(--white);\n\n font-size: 16px;\n line-height: 1.25;\n\n font-weight: 700;\n}\n\n.abera-howto-v3__step-text {\n margin: 0;\n\n color: var(--muted);\n\n font-size: 14px;\n line-height: 1.45;\n}\n\n\n\/* =========================================================\n EXPERT TIP\n========================================================= *\/\n\n.abera-howto-v3__tip {\n width: 100%;\n\n margin-top: 18px;\n\n padding: 16px 18px;\n\n display: flex;\n align-items: flex-start;\n\n gap: 12px;\n\n border: 1px solid rgba(255,255,255,.20);\n border-radius: 9px;\n\n background: #101010;\n}\n\n\n\/* TIP ICON *\/\n\n.abera-howto-v3__tip-icon {\n width: 28px;\n height: 28px;\n\n flex: 0 0 28px;\n\n border-radius: 50%;\n\n background: var(--accent);\n\n color: #111111;\n\n display: flex;\n align-items: center;\n justify-content: center;\n\n font-size: 15px;\n font-weight: 800;\n}\n\n\n\/* TIP CONTENT *\/\n\n.abera-howto-v3__tip-content {\n min-width: 0;\n}\n\n.abera-howto-v3__tip-title {\n display: block;\n\n margin-bottom: 3px;\n\n color: var(--white);\n\n font-size: 13px;\n line-height: 1.2;\n\n font-weight: 800;\n\n letter-spacing: .7px;\n\n text-transform: uppercase;\n}\n\n.abera-howto-v3__tip-text {\n margin: 0;\n\n color: var(--muted);\n\n font-size: 14px;\n line-height: 1.45;\n}\n\n.abera-howto-v3__tip-text strong {\n color: var(--white);\n\n font-weight: 700;\n}\n\n\n\/* =========================================================\n ICON BENEFITS\n========================================================= *\/\n\n.abera-howto-v3__icons {\n width: 100%;\n\n margin-top: 38px;\n padding-top: 32px;\n\n border-top: 1px solid var(--line);\n\n display: grid;\n\n grid-template-columns:\n repeat(4, minmax(0, 1fr));\n\n gap: 24px;\n}\n\n.abera-howto-v3__icon-item {\n min-width: 0;\n\n display: flex;\n flex-direction: column;\n\n align-items: center;\n justify-content: flex-start;\n\n text-align: center;\n}\n\n\n\/* ICON *\/\n\n.abera-howto-v3__icon-img {\n width: 52px;\n height: 52px;\n\n margin-bottom: 12px;\n\n display: block;\n\n object-fit: contain;\n}\n\n\n\/* ICON LABEL *\/\n\n.abera-howto-v3__icon-label {\n margin: 0;\n\n color: var(--white);\n\n font-size: 13px;\n line-height: 1.25;\n\n font-weight: 600;\n\n text-transform: uppercase;\n}\n\n\n\/* =========================================================\n TABLET\n========================================================= *\/\n\n@media screen and (max-width: 990px) {\n\n .abera-howto-v3__inner {\n padding: 40px 24px 28px;\n }\n\n .abera-howto-v3__main {\n grid-template-columns:\n minmax(0, 1fr)\n minmax(0, 1fr);\n\n gap: 28px;\n }\n\n .abera-howto-v3__title {\n margin-bottom: 20px;\n\n font-size: 30px;\n }\n\n .abera-howto-v3__step {\n padding: 14px;\n\n grid-template-columns: 42px minmax(0, 1fr);\n\n gap: 12px;\n }\n\n .abera-howto-v3__step-number {\n width: 42px;\n height: 42px;\n\n font-size: 13px;\n }\n\n .abera-howto-v3__step-title {\n font-size: 14px;\n }\n\n .abera-howto-v3__step-text {\n font-size: 12.5px;\n }\n\n .abera-howto-v3__tip {\n padding: 14px;\n }\n\n .abera-howto-v3__tip-text {\n font-size: 13px;\n }\n\n .abera-howto-v3__icons {\n gap: 18px;\n }\n\n}\n\n\n\/* =========================================================\n MOBILE\n========================================================= *\/\n\n@media screen and (max-width: 749px) {\n\n .abera-howto-v3__inner {\n padding: 28px 16px 24px;\n }\n\n\n \/* VIDEO ARRIBA - CONTENIDO ABAJO *\/\n\n .abera-howto-v3__main {\n display: flex;\n flex-direction: column;\n\n gap: 26px;\n }\n\n .abera-howto-v3__media {\n width: 100%;\n\n border-radius: 7px;\n }\n\n .abera-howto-v3__video {\n width: 100%;\n\n aspect-ratio: 1 \/ 1;\n }\n\n\n \/* TITLE *\/\n\n .abera-howto-v3__eyebrow {\n margin-bottom: 8px;\n\n font-size: 10px;\n }\n\n .abera-howto-v3__title {\n margin-bottom: 20px;\n\n font-size: 27px;\n line-height: 1.15;\n }\n\n\n \/* STEPS *\/\n\n .abera-howto-v3__steps {\n gap: 10px;\n }\n\n .abera-howto-v3__step {\n padding: 14px;\n\n grid-template-columns: 42px minmax(0, 1fr);\n\n gap: 12px;\n\n border-radius: 8px;\n }\n\n .abera-howto-v3__step-number {\n width: 42px;\n height: 42px;\n\n border-radius: 7px;\n\n font-size: 12px;\n }\n\n .abera-howto-v3__step-title {\n margin-bottom: 3px;\n\n font-size: 15px;\n }\n\n .abera-howto-v3__step-text {\n font-size: 13px;\n line-height: 1.4;\n }\n\n\n \/* EXPERT TIP *\/\n\n .abera-howto-v3__tip {\n margin-top: 14px;\n\n padding: 14px;\n\n border-radius: 8px;\n }\n\n .abera-howto-v3__tip-title {\n font-size: 11px;\n }\n\n .abera-howto-v3__tip-text {\n font-size: 13px;\n line-height: 1.4;\n }\n\n\n \/* ICONS *\/\n\n .abera-howto-v3__icons {\n margin-top: 28px;\n padding-top: 26px;\n\n grid-template-columns:\n repeat(4, minmax(0, 1fr));\n\n gap: 10px;\n }\n\n .abera-howto-v3__icon-img {\n width: 38px;\n height: 38px;\n\n margin-bottom: 9px;\n }\n\n .abera-howto-v3__icon-label {\n font-size: 9px;\n line-height: 1.25;\n }\n\n}\n\n\n\/* =========================================================\n SMALL MOBILE\n========================================================= *\/\n\n@media screen and (max-width: 420px) {\n\n .abera-howto-v3__inner {\n padding-left: 14px;\n padding-right: 14px;\n }\n\n .abera-howto-v3__title {\n font-size: 24px;\n }\n\n .abera-howto-v3__step {\n grid-template-columns: 38px minmax(0, 1fr);\n\n gap: 10px;\n\n padding: 12px;\n }\n\n .abera-howto-v3__step-number {\n width: 38px;\n height: 38px;\n }\n\n .abera-howto-v3__icons {\n gap: 6px;\n }\n\n .abera-howto-v3__icon-img {\n width: 34px;\n height: 34px;\n }\n\n .abera-howto-v3__icon-label {\n font-size: 8.5px;\n }\n\n}\n\u003c\/style\u003e\n\n\n\u003csection class=\"abera-howto-v3\"\u003e\n\n \u003cdiv class=\"abera-howto-v3__inner\"\u003e\n\n\n \u003c!-- =====================================================\n CONTENIDO PRINCIPAL\n ====================================================== --\u003e\n\n \u003cdiv class=\"abera-howto-v3__main\"\u003e\n\n\n \u003c!-- ===================================================\n IZQUIERDA - VIDEO\n ==================================================== --\u003e\n\n \u003cdiv class=\"abera-howto-v3__media\"\u003e\n\n \u003cvideo\n class=\"abera-howto-v3__video\"\n controls\n playsinline\n preload=\"metadata\"\n \u003e\n\n \u003csource\n src=\"https:\/\/cdn.shopify.com\/videos\/c\/o\/v\/3f8be01c24834be09db1eafc97629d62.mp4\"\n type=\"video\/mp4\"\n \u003e\n\n Tu navegador no admite la reproducción de este video.\n\n \u003c\/video\u003e\n\n \u003c\/div\u003e\n\n\n\n \u003c!-- ===================================================\n DERECHA - CÓMO USAR\n ==================================================== --\u003e\n\n \u003cdiv class=\"abera-howto-v3__content\"\u003e\n\n\n \u003cdiv class=\"abera-howto-v3__eyebrow\"\u003e\n CÓMO USAR\n \u003c\/div\u003e\n\n\n \u003ch2 class=\"abera-howto-v3__title\"\u003e\n 60 SEGUNDOS CADA NOCHE\n \u003c\/h2\u003e\n\n\n\n \u003c!-- =================================================\n 3 PASOS\n ================================================== --\u003e\n\n \u003cdiv class=\"abera-howto-v3__steps\"\u003e\n\n\n \u003c!-- PASO 01 --\u003e\n\n \u003cdiv class=\"abera-howto-v3__step\"\u003e\n\n \u003cdiv class=\"abera-howto-v3__step-number\"\u003e\n 01\n \u003c\/div\u003e\n\n \u003cdiv class=\"abera-howto-v3__step-content\"\u003e\n\n \u003ch3 class=\"abera-howto-v3__step-title\"\u003e\n COMIENZA CON LA PIEL LIMPIA Y SECA\n \u003c\/h3\u003e\n\n \u003cp class=\"abera-howto-v3__step-text\"\u003e\n Limpia tu rostro y sécalo completamente.\n \u003c\/p\u003e\n\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n\n\n \u003c!-- PASO 02 --\u003e\n\n \u003cdiv class=\"abera-howto-v3__step\"\u003e\n\n \u003cdiv class=\"abera-howto-v3__step-number\"\u003e\n 02\n \u003c\/div\u003e\n\n \u003cdiv class=\"abera-howto-v3__step-content\"\u003e\n\n \u003ch3 class=\"abera-howto-v3__step-title\"\u003e\n APLICA UNAS GOTAS\n \u003c\/h3\u003e\n\n \u003cp class=\"abera-howto-v3__step-text\"\u003e\n Aplica unas gotas de ABERA MEN Retinol Serum\n sobre el rostro y el cuello.\n \u003c\/p\u003e\n\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n\n\n \u003c!-- PASO 03 --\u003e\n\n \u003cdiv class=\"abera-howto-v3__step\"\u003e\n\n \u003cdiv class=\"abera-howto-v3__step-number\"\u003e\n 03\n \u003c\/div\u003e\n\n \u003cdiv class=\"abera-howto-v3__step-content\"\u003e\n\n \u003ch3 class=\"abera-howto-v3__step-title\"\u003e\n MASAJEA Y DEJA QUE SE ABSORBA\n \u003c\/h3\u003e\n\n \u003cp class=\"abera-howto-v3__step-text\"\u003e\n Masajea suavemente hasta que se absorba.\n Comienza 2–3 noches por semana y aumenta\n gradualmente hasta usarlo cada noche.\n \u003c\/p\u003e\n\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n\n \u003c\/div\u003e\n\n\n\n \u003c!-- =================================================\n CONSEJO DE EXPERTO\n ================================================== --\u003e\n\n \u003cdiv class=\"abera-howto-v3__tip\"\u003e\n\n \u003cdiv class=\"abera-howto-v3__tip-icon\"\u003e\n ☀\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"abera-howto-v3__tip-content\"\u003e\n\n \u003cspan class=\"abera-howto-v3__tip-title\"\u003e\n CONSEJO DE EXPERTO\n \u003c\/span\u003e\n\n \u003cp class=\"abera-howto-v3__tip-text\"\u003e\n Usa un \u003cstrong\u003eprotector solar de amplio espectro SPF 50+\u003c\/strong\u003e\n cada mañana mientras uses retinol.\n \u003c\/p\u003e\n\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n\n\n \u003c!-- =====================================================\n ICONOS\n ====================================================== --\u003e\n\n \u003cdiv class=\"abera-howto-v3__icons\"\u003e\n\n\n \u003c!-- ICONO 01 --\u003e\n\n \u003cdiv class=\"abera-howto-v3__icon-item\"\u003e\n\n \u003cimg\n class=\"abera-howto-v3__icon-img\"\n src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/17_4b584ed0-a5a0-4e05-b5ed-941e0659119d.webp?v=1786634004\"\n alt=\"No probado en animales\"\n loading=\"lazy\"\n \u003e\n\n \u003cp class=\"abera-howto-v3__icon-label\"\u003e\n NO PROBADO EN\u003cbr\u003e\n ANIMALES\n \u003c\/p\u003e\n\n \u003c\/div\u003e\n\n\n\n \u003c!-- ICONO 02 --\u003e\n\n \u003cdiv class=\"abera-howto-v3__icon-item\"\u003e\n\n \u003cimg\n class=\"abera-howto-v3__icon-img\"\n src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/18_2b9950f9-1de2-4435-840f-a2788bc79db5.webp?v=1786634004\"\n alt=\"Probado dermatológicamente\"\n loading=\"lazy\"\n \u003e\n\n \u003cp class=\"abera-howto-v3__icon-label\"\u003e\n PROBADO\u003cbr\u003e\n DERMATOLÓGICAMENTE\n \u003c\/p\u003e\n\n \u003c\/div\u003e\n\n\n\n \u003c!-- ICONO 03 --\u003e\n\n \u003cdiv class=\"abera-howto-v3__icon-item\"\u003e\n\n \u003cimg\n class=\"abera-howto-v3__icon-img\"\n src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/19_f1ab1d79-53db-49a0-93ac-390f9f40fc7a.webp?v=1786634004\"\n alt=\"Sin parabenos\"\n loading=\"lazy\"\n \u003e\n\n \u003cp class=\"abera-howto-v3__icon-label\"\u003e\n SIN PARABENOS\n \u003c\/p\u003e\n\n \u003c\/div\u003e\n\n\n\n \u003c!-- ICONO 04 --\u003e\n\n \u003cdiv class=\"abera-howto-v3__icon-item\"\u003e\n\n \u003cimg\n class=\"abera-howto-v3__icon-img\"\n src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/20_7f253aec-af5d-4f7a-8873-03ad4bf71af2.webp?v=1786634004\"\n alt=\"Sin siliconas\"\n loading=\"lazy\"\n \u003e\n\n \u003cp class=\"abera-howto-v3__icon-label\"\u003e\n SIN SILICONAS\n \u003c\/p\u003e\n\n \u003c\/div\u003e\n\n\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n\u003c\/section\u003e\n\u003cstyle\u003e\n\/* =========================================================\n ABERA MEN RETINOL\n INGREDIENTS - 7 CARD VERSION\n========================================================= *\/\n\n.abera-ing-v3 {\n --black: #111111;\n --white: #ffffff;\n --text: #333333;\n --muted: #666666;\n --line: #dddddd;\n --card: #0d0d0d;\n\n width: 100%;\n max-width: 100%;\n\n padding: 30px 10px 20px;\n\n background: #ffffff;\n color: var(--black);\n\n font-family: inherit;\n\n box-sizing: border-box;\n overflow: hidden;\n}\n\n.abera-ing-v3 *,\n.abera-ing-v3 *::before,\n.abera-ing-v3 *::after {\n box-sizing: border-box;\n}\n\n\n\/* =========================================================\n INNER\n========================================================= *\/\n\n.abera-ing-v3__inner {\n width: 100%;\n max-width: 1600px;\n\n margin: 0 auto;\n}\n\n\n\/* =========================================================\n HEADER\n========================================================= *\/\n\n.abera-ing-v3__header {\n width: 100%;\n max-width: 820px;\n\n margin: 0 auto 30px;\n\n text-align: center;\n}\n\n\n.abera-ing-v3__title {\n margin: 0 0 12px;\n\n color: var(--black);\n\n font-size: clamp(26px, 3vw, 36px);\n line-height: 1.12;\n\n font-weight: 700;\n\n letter-spacing: -.3px;\n\n text-transform: uppercase;\n}\n\n\n.abera-ing-v3__subtitle {\n max-width: 720px;\n\n margin: 0 auto;\n\n color: var(--text);\n\n font-size: 16px;\n line-height: 1.55;\n}\n\n\n.abera-ing-v3__subtitle strong {\n color: var(--black);\n\n font-weight: 700;\n}\n\n\n\/* =========================================================\n FULL INGREDIENTS DROPDOWN\n========================================================= *\/\n\n.abera-ing-v3__accordion {\n width: 100%;\n max-width: 650px;\n\n margin: 22px auto 0;\n\n border-top: 1px solid var(--line);\n border-bottom: 1px solid var(--line);\n}\n\n\n.abera-ing-v3__accordion summary {\n position: relative;\n\n padding: 16px 40px 16px 0;\n\n list-style: none;\n\n color: var(--black);\n\n font-size: 14px;\n line-height: 1.2;\n\n font-weight: 700;\n\n text-align: left;\n\n cursor: pointer;\n\n text-transform: uppercase;\n}\n\n\n.abera-ing-v3__accordion summary::-webkit-details-marker {\n display: none;\n}\n\n\n.abera-ing-v3__accordion summary::after {\n content: \"\";\n\n position: absolute;\n\n right: 5px;\n top: 50%;\n\n width: 0;\n height: 0;\n\n border-left: 6px solid transparent;\n border-right: 6px solid transparent;\n border-top: 8px solid #111111;\n\n transform: translateY(-50%);\n\n transition: transform .2s ease;\n}\n\n\n.abera-ing-v3__accordion[open] summary::after {\n transform:\n translateY(-50%)\n rotate(180deg);\n}\n\n\n.abera-ing-v3__accordion-content {\n padding: 0 0 17px;\n\n text-align: left;\n}\n\n\n.abera-ing-v3__accordion-content p {\n margin: 0;\n\n color: var(--muted);\n\n font-size: 12px;\n line-height: 1.6;\n}\n\n\n\/* =========================================================\n CAROUSEL WRAPPER\n========================================================= *\/\n\n.abera-ing-v3__carousel {\n position: relative;\n\n width: 100%;\n}\n\n\n\/* =========================================================\n DESKTOP TRACK\n 7 CARDS VISIBLE\n========================================================= *\/\n\n.abera-ing-v3__track {\n width: 100%;\n\n display: grid;\n\n grid-template-columns:\n repeat(7, minmax(0, 1fr));\n\n gap: 10px;\n\n align-items: stretch;\n}\n\n\n\/* =========================================================\n CARD\n========================================================= *\/\n\n.abera-ing-v3__card {\n min-width: 0;\n\n display: flex;\n flex-direction: column;\n\n background: var(--card);\n\n border-radius: 7px;\n\n overflow: hidden;\n\n color: #ffffff;\n}\n\n\n\/* =========================================================\n IMAGE\n========================================================= *\/\n\n.abera-ing-v3__image {\n position: relative;\n\n width: 100%;\n\n aspect-ratio: 1 \/ 1;\n\n overflow: hidden;\n\n background: #151515;\n\n flex-shrink: 0;\n}\n\n\n.abera-ing-v3__image img {\n width: 100%;\n height: 100%;\n\n display: block;\n\n object-fit: cover;\n object-position: center;\n}\n\n\n\/* =========================================================\n SPECIAL CROP:\n RETINOL + NIACINAMIDE FROM SAME IMAGE\n========================================================= *\/\n\n.abera-ing-v3__image--split img {\n position: absolute;\n\n top: 0;\n\n width: 200%;\n max-width: none;\n\n height: 100%;\n\n object-fit: cover;\n}\n\n\n\/* RETINOL = LEFT HALF *\/\n\n.abera-ing-v3__image--retinol img {\n left: 0;\n}\n\n\n\/* NIACINAMIDE = RIGHT HALF *\/\n\n.abera-ing-v3__image--niacinamide img {\n left: -100%;\n}\n\n\n\/* =========================================================\n CARD CONTENT\n========================================================= *\/\n\n.abera-ing-v3__content {\n flex: 1;\n\n padding: 14px 12px 16px;\n\n display: flex;\n flex-direction: column;\n}\n\n\n.abera-ing-v3__name {\n margin: 0 0 7px;\n\n color: #ffffff;\n\n font-size: 13px;\n line-height: 1.25;\n\n font-weight: 750;\n\n text-transform: uppercase;\n}\n\n\n.abera-ing-v3__benefit {\n margin: 0;\n\n color: rgba(255,255,255,.72);\n\n font-size: 12px;\n line-height: 1.45;\n}\n\n\n\/* =========================================================\n ARROWS\n HIDDEN ON DESKTOP\n========================================================= *\/\n\n.abera-ing-v3__controls {\n display: none;\n}\n\n\n.abera-ing-v3__arrow {\n width: 42px;\n height: 42px;\n\n padding: 0;\n\n border: 0;\n border-radius: 50%;\n\n background: #111111;\n color: #ffffff;\n\n display: flex;\n align-items: center;\n justify-content: center;\n\n cursor: pointer;\n\n transition:\n opacity .2s ease,\n transform .2s ease;\n}\n\n\n.abera-ing-v3__arrow:active {\n transform: scale(.95);\n}\n\n\n.abera-ing-v3__arrow:disabled {\n opacity: .25;\n\n cursor: default;\n}\n\n\n.abera-ing-v3__arrow svg {\n width: 19px;\n height: 19px;\n\n stroke: currentColor;\n}\n\n\n\/* COUNTER *\/\n\n.abera-ing-v3__counter {\n min-width: 54px;\n\n color: #666666;\n\n font-size: 12px;\n line-height: 1;\n\n font-weight: 600;\n\n text-align: center;\n}\n\n\n\/* =========================================================\n MEDIUM DESKTOP\n========================================================= *\/\n\n@media screen and (min-width: 1000px) and (max-width: 1250px) {\n\n .abera-ing-v3 {\n padding-left: 18px;\n padding-right: 18px;\n }\n\n\n .abera-ing-v3__track {\n gap: 7px;\n }\n\n\n .abera-ing-v3__content {\n padding: 11px 9px 13px;\n }\n\n\n .abera-ing-v3__name {\n font-size: 11px;\n }\n\n\n .abera-ing-v3__benefit {\n font-size: 10.5px;\n }\n\n}\n\n\n\/* =========================================================\n TABLET\n========================================================= *\/\n\n@media screen and (min-width: 750px) and (max-width: 999px) {\n\n .abera-ing-v3 {\n padding: 38px 20px;\n }\n\n\n .abera-ing-v3__track {\n grid-template-columns:\n repeat(4, minmax(0, 1fr));\n\n gap: 10px;\n }\n\n\n .abera-ing-v3__card {\n margin-bottom: 0;\n }\n\n\n .abera-ing-v3__name {\n font-size: 12px;\n }\n\n\n .abera-ing-v3__benefit {\n font-size: 11px;\n }\n\n}\n\n\n\/* =========================================================\n MOBILE\n========================================================= *\/\n\n@media screen and (max-width: 749px) {\n\n .abera-ing-v3 {\n padding: 30px 15px 32px;\n }\n\n\n \/* HEADER *\/\n\n .abera-ing-v3__header {\n margin-bottom: 22px;\n\n text-align: left;\n }\n\n\n .abera-ing-v3__title {\n margin-bottom: 10px;\n\n font-size: 25px;\n line-height: 1.18;\n }\n\n\n .abera-ing-v3__subtitle {\n margin: 0;\n\n font-size: 14px;\n line-height: 1.5;\n }\n\n\n .abera-ing-v3__accordion {\n max-width: none;\n\n margin-top: 17px;\n }\n\n\n .abera-ing-v3__accordion summary {\n padding: 14px 36px 14px 0;\n\n font-size: 13px;\n }\n\n\n \/* =======================================================\n MOBILE VIEWPORT\n ONLY ONE CARD VISIBLE\n ======================================================= *\/\n\n .abera-ing-v3__carousel {\n width: 100%;\n\n overflow: hidden;\n }\n\n\n .abera-ing-v3__track {\n width: 100%;\n\n display: flex;\n\n gap: 0;\n\n overflow: hidden;\n\n scroll-behavior: smooth;\n scroll-snap-type: x mandatory;\n }\n\n\n .abera-ing-v3__card {\n flex: 0 0 100%;\n\n min-width: 100%;\n\n scroll-snap-align: start;\n\n border-radius: 8px;\n }\n\n\n \/* IMAGE *\/\n\n .abera-ing-v3__image {\n aspect-ratio: 1 \/ .9;\n }\n\n\n \/* CONTENT *\/\n\n .abera-ing-v3__content {\n padding: 17px 16px 20px;\n }\n\n\n .abera-ing-v3__name {\n margin-bottom: 7px;\n\n font-size: 16px;\n }\n\n\n .abera-ing-v3__benefit {\n font-size: 14px;\n line-height: 1.45;\n }\n\n\n \/* =======================================================\n MOBILE ARROWS\n ======================================================= *\/\n\n .abera-ing-v3__controls {\n margin-top: 16px;\n\n display: flex;\n\n align-items: center;\n justify-content: center;\n\n gap: 14px;\n }\n\n}\n\n\n\/* =========================================================\n SMALL MOBILE\n========================================================= *\/\n\n@media screen and (max-width: 420px) {\n\n .abera-ing-v3 {\n padding-left: 13px;\n padding-right: 13px;\n }\n\n\n .abera-ing-v3__title {\n font-size: 23px;\n }\n\n\n .abera-ing-v3__arrow {\n width: 40px;\n height: 40px;\n }\n\n}\n\u003c\/style\u003e\n\n\n\u003csection class=\"abera-ing-v3\"\u003e\n\n \u003cdiv class=\"abera-ing-v3__inner\"\u003e\n\n\n \u003c!-- =====================================================\n TOP HEADER\n ====================================================== --\u003e\n\n \u003cdiv class=\"abera-ing-v3__header\"\u003e\n\n\n \u003ch2 class=\"abera-ing-v3__title\"\u003e\n QUÉ CONTIENE Y POR QUÉ FUNCIONA\n \u003c\/h2\u003e\n\n\n \u003cp class=\"abera-ing-v3__subtitle\"\u003e\n Una fórmula dermatológicamente probada con\n \u003cstrong\u003eactivos respaldados por la ciencia e ingredientes que ayudan a cuidar la piel\u003c\/strong\u003e\n para una piel más suave y de aspecto saludable.\n \u003c\/p\u003e\n\n\n\n \u003c!-- =================================================\n FULL INGREDIENTS\n ================================================== --\u003e\n\n \u003cdetails class=\"abera-ing-v3__accordion\"\u003e\n\n \u003csummary\u003e\n VER LISTA COMPLETA DE INGREDIENTES\n \u003c\/summary\u003e\n\n\n \u003cdiv class=\"abera-ing-v3__accordion-content\"\u003e\n\n \u003cp\u003e\n Purified Water, Propylene Glycol, Niacinamide,\n Aloe Barbadensis Leaf Juice Powder, Alcohol,\n Retinol (and) Hydroxypropyl Cyclodextrin,\n PEG-40 Hydrogenated Castor Oil,\n Pentylene Glycol (and) Ganoderma Lucidum\n (Mushroom) Extract, Centella Asiatica Extract\n (and) Aspergillus Ferment (and) Butylene Glycol\n (and) 1,2-Hexanediol (and) Ethyl Hexanediol,\n Hyaluronic Acid, Dipotassium Glycyrrhizate,\n Sclerotium Gum, Phenoxyethanol (and)\n Ethylhexylglycerin, Tocopheryl Acetate,\n Rosa Damascena Flower Oil,\n Menthol (and) Menthyl Lactate.\n \u003c\/p\u003e\n\n \u003c\/div\u003e\n\n \u003c\/details\u003e\n\n\n \u003c\/div\u003e\n\n\n\n \u003c!-- =====================================================\n CARDS\n ====================================================== --\u003e\n\n \u003cdiv class=\"abera-ing-v3__carousel\"\u003e\n\n\n \u003cdiv class=\"abera-ing-v3__track\"\u003e\n\n\n \u003c!-- =================================================\n 01 RETINOL\n ================================================== --\u003e\n\n \u003carticle class=\"abera-ing-v3__card\"\u003e\n\n \u003cdiv class=\"\n abera-ing-v3__image\n abera-ing-v3__image--split\n abera-ing-v3__image--retinol\n \"\u003e\n\n \u003cimg\n src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/ChatGPT_37.webp?v=1786674306\"\n alt=\"Retinol 0.1%\"\n loading=\"lazy\"\n \u003e\n\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"abera-ing-v3__content\"\u003e\n\n \u003ch3 class=\"abera-ing-v3__name\"\u003e\n RETINOL 0.1%\n \u003c\/h3\u003e\n\n \u003cp class=\"abera-ing-v3__benefit\"\u003e\n Ayuda a reducir las líneas finas y mejorar la textura de la piel.\n \u003c\/p\u003e\n\n \u003c\/div\u003e\n\n \u003c\/article\u003e\n\n\n\n \u003c!-- =================================================\n 02 NIACINAMIDE\n ================================================== --\u003e\n\n \u003carticle class=\"abera-ing-v3__card\"\u003e\n\n \u003cdiv class=\"\n abera-ing-v3__image\n abera-ing-v3__image--split\n abera-ing-v3__image--niacinamide\n \"\u003e\n\n \u003cimg\n src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/ChatGPT_37.webp?v=1786674306\"\n alt=\"Niacinamida 5%\"\n loading=\"lazy\"\n \u003e\n\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"abera-ing-v3__content\"\u003e\n\n \u003ch3 class=\"abera-ing-v3__name\"\u003e\n NIACINAMIDA 5%\n \u003c\/h3\u003e\n\n \u003cp class=\"abera-ing-v3__benefit\"\u003e\n Ayuda a reducir la apariencia de manchas y unificar el tono.\n \u003c\/p\u003e\n\n \u003c\/div\u003e\n\n \u003c\/article\u003e\n\n\n\n \u003c!-- =================================================\n 03 VITAMIN B5\n ================================================== --\u003e\n\n \u003carticle class=\"abera-ing-v3__card\"\u003e\n\n \u003cdiv class=\"abera-ing-v3__image\"\u003e\n\n \u003cimg\n src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/ChatGPT_38.webp?v=1786674307\"\n alt=\"Vitamina B5\"\n loading=\"lazy\"\n \u003e\n\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"abera-ing-v3__content\"\u003e\n\n \u003ch3 class=\"abera-ing-v3__name\"\u003e\n VITAMINA B5\n \u003c\/h3\u003e\n\n \u003cp class=\"abera-ing-v3__benefit\"\u003e\n Hidrata, calma y ayuda a fortalecer la barrera de la piel.\n \u003c\/p\u003e\n\n \u003c\/div\u003e\n\n \u003c\/article\u003e\n\n\n\n \u003c!-- =================================================\n 04 REISHI\n ================================================== --\u003e\n\n \u003carticle class=\"abera-ing-v3__card\"\u003e\n\n \u003cdiv class=\"abera-ing-v3__image\"\u003e\n\n \u003cimg\n src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/whiskeydarek_Close-up_of_reishi_mushrooms_growing_on_a_log_996344e7-3303-4ea1-9f54-8c1837c54a68.webp?v=1786674307\"\n alt=\"Hongo Reishi\"\n loading=\"lazy\"\n \u003e\n\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"abera-ing-v3__content\"\u003e\n\n \u003ch3 class=\"abera-ing-v3__name\"\u003e\n HONGO REISHI\n \u003c\/h3\u003e\n\n \u003cp class=\"abera-ing-v3__benefit\"\u003e\n Ayuda a calmar y proteger la piel con aspecto estresado.\n \u003c\/p\u003e\n\n \u003c\/div\u003e\n\n \u003c\/article\u003e\n\n\n\n \u003c!-- =================================================\n 05 ALOE\n ================================================== --\u003e\n\n \u003carticle class=\"abera-ing-v3__card\"\u003e\n\n \u003cdiv class=\"abera-ing-v3__image\"\u003e\n\n \u003cimg\n src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/aloe.webp?v=1786674306\"\n alt=\"Aloe Barbadensis\"\n loading=\"lazy\"\n \u003e\n\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"abera-ing-v3__content\"\u003e\n\n \u003ch3 class=\"abera-ing-v3__name\"\u003e\n ALOE BARBADENSIS\n \u003c\/h3\u003e\n\n \u003cp class=\"abera-ing-v3__benefit\"\u003e\n Hidrata y ayuda a calmar la piel seca o con apariencia irritada.\n \u003c\/p\u003e\n\n \u003c\/div\u003e\n\n \u003c\/article\u003e\n\n\n\n \u003c!-- =================================================\n 06 ROSA DAMASCENA\n ================================================== --\u003e\n\n \u003carticle class=\"abera-ing-v3__card\"\u003e\n\n \u003cdiv class=\"abera-ing-v3__image\"\u003e\n\n \u003cimg\n src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/Rosa_Damascena.webp?v=1786674449\"\n alt=\"Rosa Damascena\"\n loading=\"lazy\"\n \u003e\n\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"abera-ing-v3__content\"\u003e\n\n \u003ch3 class=\"abera-ing-v3__name\"\u003e\n ROSA DAMASCENA\n \u003c\/h3\u003e\n\n \u003cp class=\"abera-ing-v3__benefit\"\u003e\n Ayuda a calmar y suavizar la piel.\n \u003c\/p\u003e\n\n \u003c\/div\u003e\n\n \u003c\/article\u003e\n\n\n\n \u003c!-- =================================================\n 07 CENTELLA\n ================================================== --\u003e\n\n \u003carticle class=\"abera-ing-v3__card\"\u003e\n\n \u003cdiv class=\"abera-ing-v3__image\"\u003e\n\n \u003cimg\n src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/Artboard_18_4a033c62-5196-4b6a-8b44-8eaadc0a2833.webp?v=1786674306\"\n alt=\"Centella Asiática\"\n loading=\"lazy\"\n \u003e\n\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"abera-ing-v3__content\"\u003e\n\n \u003ch3 class=\"abera-ing-v3__name\"\u003e\n CENTELLA ASIÁTICA\n \u003c\/h3\u003e\n\n \u003cp class=\"abera-ing-v3__benefit\"\u003e\n Calma la piel y favorece su recuperación visible.\n \u003c\/p\u003e\n\n \u003c\/div\u003e\n\n \u003c\/article\u003e\n\n\n \u003c\/div\u003e\n\n\n\n \u003c!-- ===================================================\n MOBILE CONTROLS\n ==================================================== --\u003e\n\n \u003cdiv class=\"abera-ing-v3__controls\"\u003e\n\n\n \u003cbutton\n class=\"abera-ing-v3__arrow abera-ing-v3__prev\"\n type=\"button\"\n aria-label=\"Ingrediente anterior\"\n \u003e\n\n \u003csvg\n viewBox=\"0 0 24 24\"\n fill=\"none\"\n \u003e\n \u003cpath\n d=\"M15 18L9 12L15 6\"\n stroke-width=\"2\"\n stroke-linecap=\"round\"\n stroke-linejoin=\"round\"\n \/\u003e\n \u003c\/svg\u003e\n\n \u003c\/button\u003e\n\n\n\n \u003cdiv class=\"abera-ing-v3__counter\"\u003e\n\n \u003cspan class=\"abera-ing-v3__current\"\u003e\n 1\n \u003c\/span\u003e\n\n \/\n\n \u003cspan class=\"abera-ing-v3__total\"\u003e\n 7\n \u003c\/span\u003e\n\n \u003c\/div\u003e\n\n\n\n \u003cbutton\n class=\"abera-ing-v3__arrow abera-ing-v3__next\"\n type=\"button\"\n aria-label=\"Siguiente ingrediente\"\n \u003e\n\n \u003csvg\n viewBox=\"0 0 24 24\"\n fill=\"none\"\n \u003e\n \u003cpath\n d=\"M9 18L15 12L9 6\"\n stroke-width=\"2\"\n stroke-linecap=\"round\"\n stroke-linejoin=\"round\"\n \/\u003e\n \u003c\/svg\u003e\n\n \u003c\/button\u003e\n\n\n \u003c\/div\u003e\n\n\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n\u003c\/section\u003e\n\n\n\n\u003cscript\u003e\n(function () {\n\n function initAberaIngredientsV3(section) {\n\n if (!section) return;\n\n const track =\n section.querySelector('.abera-ing-v3__track');\n\n const cards =\n Array.from(\n section.querySelectorAll('.abera-ing-v3__card')\n );\n\n const prev =\n section.querySelector('.abera-ing-v3__prev');\n\n const next =\n section.querySelector('.abera-ing-v3__next');\n\n const current =\n section.querySelector('.abera-ing-v3__current');\n\n const total =\n section.querySelector('.abera-ing-v3__total');\n\n\n if (!track || !cards.length) return;\n\n\n let index = 0;\n\n\n if (total) {\n total.textContent = cards.length;\n }\n\n\n \/* =====================================================\n MOBILE ONLY\n ====================================================== *\/\n\n function isMobile() {\n return window.innerWidth \u003c= 749;\n }\n\n\n \/* =====================================================\n GO TO CARD\n ====================================================== *\/\n\n function goToCard(newIndex) {\n\n if (!isMobile()) return;\n\n\n index =\n Math.max(\n 0,\n Math.min(\n newIndex,\n cards.length - 1\n )\n );\n\n\n const cardWidth =\n track.clientWidth;\n\n\n track.scrollTo({\n\n left:\n cardWidth * index,\n\n behavior: 'smooth'\n\n });\n\n\n updateControls();\n\n }\n\n\n \/* =====================================================\n UPDATE CONTROL\n ====================================================== *\/\n\n function updateControls() {\n\n if (current) {\n current.textContent = index + 1;\n }\n\n\n if (prev) {\n prev.disabled = index === 0;\n }\n\n\n if (next) {\n next.disabled =\n index === cards.length - 1;\n }\n\n }\n\n\n \/* =====================================================\n PREVIOUS\n ====================================================== *\/\n\n if (prev) {\n\n prev.addEventListener(\n 'click',\n function () {\n\n goToCard(index - 1);\n\n }\n );\n\n }\n\n\n \/* =====================================================\n NEXT\n ====================================================== *\/\n\n if (next) {\n\n next.addEventListener(\n 'click',\n function () {\n\n goToCard(index + 1);\n\n }\n );\n\n }\n\n\n \/* =====================================================\n RESET WHEN RESIZE\n ====================================================== *\/\n\n window.addEventListener(\n 'resize',\n function () {\n\n if (isMobile()) {\n\n track.scrollTo({\n left:\n track.clientWidth * index,\n\n behavior: 'auto'\n });\n\n } else {\n\n index = 0;\n\n track.scrollTo({\n left: 0,\n behavior: 'auto'\n });\n\n }\n\n\n updateControls();\n\n }\n );\n\n\n updateControls();\n\n }\n\n\n function initAll() {\n\n document\n .querySelectorAll('.abera-ing-v3')\n .forEach(initAberaIngredientsV3);\n\n }\n\n\n if (document.readyState === 'loading') {\n\n document.addEventListener(\n 'DOMContentLoaded',\n initAll\n );\n\n } else {\n\n initAll();\n\n }\n\n})();\n\u003c\/script\u003e\n\u003cstyle\u003e\n\/* =========================================================\n ABERA MEN RETINOL\n FIRST 90 DAYS TIMELINE\n========================================================= *\/\n\n.abera-90days {\n --black: #111111;\n --text: #2d2d2d;\n --muted: #666666;\n --line: #dedede;\n --soft: #f5f5f5;\n --white: #ffffff;\n\n width: 100%;\n background: var(--white);\n color: var(--black);\n\n font-family: inherit;\n box-sizing: border-box;\n\n padding: 54px 30px 58px;\n}\n\n.abera-90days *,\n.abera-90days *::before,\n.abera-90days *::after {\n box-sizing: border-box;\n}\n\n\n\/* =========================================================\n INNER\n========================================================= *\/\n\n.abera-90days__inner {\n width: 100%;\n max-width: 1450px;\n\n margin: 0 auto;\n}\n\n\n\/* =========================================================\n HEADER\n========================================================= *\/\n\n.abera-90days__header {\n max-width: 760px;\n\n margin: 0 auto 40px;\n\n text-align: center;\n}\n\n\n.abera-90days__title {\n margin: 0 0 10px;\n\n color: var(--black);\n\n font-size: clamp(20px, 3vw, 30px);\n line-height: 1.12;\n\n font-weight: 700;\n\n letter-spacing: 0px;\n\n text-transform: uppercase;\n}\n\n\n.abera-90days__subtitle {\n margin: 0;\n\n color: var(--muted);\n\n font-size: 18px;\n line-height: 1.5;\n}\n\n\n\/* =========================================================\n TIMELINE\n========================================================= *\/\n\n.abera-90days__timeline {\n position: relative;\n\n width: calc(100% - 150px);\n\n height: 30px;\n\n margin: 0 auto 22px;\n}\n\n\n\/* LINE *\/\n\n.abera-90days__timeline::before {\n content: \"\";\n\n position: absolute;\n\n left: 0;\n right: 0;\n top: 50%;\n\n height: 2px;\n\n background: #e5e5e5;\n\n transform: translateY(-50%);\n}\n\n\n\/* DOTS *\/\n\n.abera-90days__timeline-dot {\n position: absolute;\n\n top: 50%;\n\n width: 18px;\n height: 18px;\n\n border-radius: 50%;\n\n background: var(--black);\n\n border: 4px solid #dddddd;\n\n transform: translate(-50%, -50%);\n\n z-index: 2;\n}\n\n\n.abera-90days__timeline-dot:nth-child(1) {\n left: 16.666%;\n}\n\n\n.abera-90days__timeline-dot:nth-child(2) {\n left: 50%;\n}\n\n\n.abera-90days__timeline-dot:nth-child(3) {\n left: 83.333%;\n}\n\n\n\/* =========================================================\n CARDS\n========================================================= *\/\n\n.abera-90days__cards {\n display: grid;\n\n grid-template-columns:\n repeat(3, minmax(0, 1fr));\n\n gap: 22px;\n\n align-items: stretch;\n}\n\n\n\/* CARD *\/\n\n.abera-90days__card {\n min-width: 0;\n\n display: flex;\n flex-direction: column;\n\n background: #ffffff;\n\n border: 1px solid #e4e4e4;\n\n border-radius: 10px;\n\n overflow: hidden;\n}\n\n\n\/* =========================================================\n IMAGE\n========================================================= *\/\n\n.abera-90days__image {\n width: 100%;\n\n aspect-ratio: 1 \/ .92;\n\n overflow: hidden;\n\n background: #eeeeee;\n\n flex-shrink: 0;\n}\n\n\n.abera-90days__image img {\n width: 100%;\n height: 100%;\n\n display: block;\n\n object-fit: cover;\n object-position: center;\n}\n\n\n\/* =========================================================\n CONTENT\n========================================================= *\/\n\n.abera-90days__content {\n flex: 1;\n\n padding: 20px 20px 24px;\n}\n\n\n\/* WEEK TAG *\/\n\n.abera-90days__week {\n display: inline-flex;\n\n margin-bottom: 15px;\n\n padding: 7px 15px;\n\n border-radius: 999px;\n\n background: var(--black);\n color: #ffffff;\n\n font-size: 12px;\n line-height: 1;\n\n font-weight: 700;\n\n letter-spacing: .3px;\n\n text-transform: uppercase;\n}\n\n\n\/* CARD TITLE *\/\n\n.abera-90days__card-title {\n margin: 0 0 15px;\n\n color: var(--black);\n\n font-size: 18px;\n line-height: 1.25;\n\n font-weight: 700;\n}\n\n\n\/* =========================================================\n LIST\n========================================================= *\/\n\n.abera-90days__list {\n list-style: none;\n\n margin: 0;\n padding: 0;\n}\n\n\n.abera-90days__list li {\n position: relative;\n\n margin: 0 0 14px;\n\n padding-left: 26px;\n\n color: var(--text);\n\n font-size: 15px;\n line-height: 1.4;\n}\n\n\n.abera-90days__list li:last-child {\n margin-bottom: 0;\n}\n\n\n\/* CHECK *\/\n\n.abera-90days__list li::before {\n content: \"✓\";\n\n position: absolute;\n\n left: 0;\n top: 1px;\n\n width: 17px;\n height: 17px;\n\n display: flex;\n align-items: center;\n justify-content: center;\n\n border: 1.5px solid #777777;\n border-radius: 50%;\n\n color: #444444;\n\n font-size: 10px;\n line-height: 1;\n\n font-weight: 800;\n}\n\n\n\/* =========================================================\n TABLET\n========================================================= *\/\n\n@media screen and (max-width: 990px) {\n\n .abera-90days {\n padding: 44px 22px 48px;\n }\n\n\n .abera-90days__cards {\n gap: 14px;\n }\n\n\n .abera-90days__content {\n padding: 17px 16px 20px;\n }\n\n\n .abera-90days__card-title {\n font-size: 16px;\n }\n\n\n .abera-90days__list li {\n padding-left: 23px;\n\n font-size: 13px;\n }\n\n\n .abera-90days__timeline {\n width: calc(100% - 100px);\n }\n\n}\n\n\n\/* =========================================================\n MOBILE\n========================================================= *\/\n\n@media screen and (max-width: 749px) {\n\n .abera-90days {\n padding: 20px 10px 20px;\n }\n\n\n \/* HEADER *\/\n\n .abera-90days__header {\n margin-bottom: 26px;\n\n text-align: left;\n }\n\n\n .abera-90days__title {\n margin-bottom: 9px;\n\n font-size: 26px;\n line-height: 1.18;\n }\n\n\n .abera-90days__subtitle {\n font-size: 16px;\n line-height: 1.5;\n }\n\n\n \/* HIDE DESKTOP LINE *\/\n\n .abera-90days__timeline {\n display: none;\n }\n\n\n \/* CARDS STACK *\/\n\n .abera-90days__cards {\n display: flex;\n flex-direction: column;\n\n gap: 16px;\n }\n\n\n .abera-90days__card {\n width: 100%;\n\n border-radius: 9px;\n }\n\n\n .abera-90days__image {\n aspect-ratio: 1 \/ .82;\n }\n\n\n .abera-90days__content {\n padding: 17px 16px 20px;\n }\n\n\n .abera-90days__week {\n margin-bottom: 12px;\n\n padding: 6px 13px;\n\n font-size: 11px;\n }\n\n\n .abera-90days__card-title {\n margin-bottom: 13px;\n\n font-size: 17px;\n }\n\n\n .abera-90days__list li {\n margin-bottom: 12px;\n\n padding-left: 24px;\n\n font-size: 14px;\n line-height: 1.4;\n }\n\n}\n\u003c\/style\u003e\n\n\n\n\u003csection class=\"abera-90days\"\u003e\n\n \u003cdiv class=\"abera-90days__inner\"\u003e\n\n\n \u003c!-- =====================================================\n HEADER\n ====================================================== --\u003e\n\n \u003cdiv class=\"abera-90days__header\"\u003e\n\n \u003ch2 class=\"abera-90days__title\"\u003e\n TUS PRIMEROS 90 DÍAS CON ABERA MEN\n \u003c\/h2\u003e\n\n \u003cp class=\"abera-90days__subtitle\"\u003e\n Esto es exactamente lo que puedes esperar, semana a semana.\n \u003c\/p\u003e\n\n \u003c\/div\u003e\n\n\n\n \u003c!-- =====================================================\n DESKTOP TIMELINE\n ====================================================== --\u003e\n\n \u003cdiv class=\"abera-90days__timeline\"\u003e\n\n \u003cspan class=\"abera-90days__timeline-dot\"\u003e\u003c\/span\u003e\n\n \u003cspan class=\"abera-90days__timeline-dot\"\u003e\u003c\/span\u003e\n\n \u003cspan class=\"abera-90days__timeline-dot\"\u003e\u003c\/span\u003e\n\n \u003c\/div\u003e\n\n\n\n \u003c!-- =====================================================\n CARDS\n ====================================================== --\u003e\n\n \u003cdiv class=\"abera-90days__cards\"\u003e\n\n\n \u003c!-- ===================================================\n SEMANA 1–2\n ==================================================== --\u003e\n\n \u003carticle class=\"abera-90days__card\"\u003e\n\n\n \u003cdiv class=\"abera-90days__image\"\u003e\n\n \u003cimg\n src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/15_1.webp?v=1788843806\"\n alt=\"Resultados de ABERA Men Retinol durante las semanas 1 a 2\"\n loading=\"lazy\"\n \u003e\n\n \u003c\/div\u003e\n\n\n\n \u003cdiv class=\"abera-90days__content\"\u003e\n\n \u003cspan class=\"abera-90days__week\"\u003e\n SEMANA 1–2\n \u003c\/span\u003e\n\n\n \u003ch3 class=\"abera-90days__card-title\"\u003e\n La Base\n \u003c\/h3\u003e\n\n\n \u003cul class=\"abera-90days__list\"\u003e\n\n \u003cli\u003e\n El rostro y el cuello se sienten hidratados durante la noche, sin residuos grasos\n \u003c\/li\u003e\n\n \u003cli\u003e\n Desaparece la sensación de resequedad y tirantez después del lavado\n \u003c\/li\u003e\n\n \u003cli\u003e\n La textura de la piel empieza a suavizarse: lo sentirás antes de verlo\n \u003c\/li\u003e\n\n \u003c\/ul\u003e\n\n \u003c\/div\u003e\n\n \u003c\/article\u003e\n\n\n\n \u003c!-- ===================================================\n SEMANA 3–6\n ==================================================== --\u003e\n\n \u003carticle class=\"abera-90days__card\"\u003e\n\n\n \u003cdiv class=\"abera-90days__image\"\u003e\n\n \u003cimg\n src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/17_1_d75c17f0-0986-4c9f-af42-564d35b56339.webp?v=1788843805\"\n alt=\"Resultados de ABERA Men Retinol durante las semanas 3 a 6\"\n loading=\"lazy\"\n \u003e\n\n \u003c\/div\u003e\n\n\n\n \u003cdiv class=\"abera-90days__content\"\u003e\n\n \u003cspan class=\"abera-90days__week\"\u003e\n SEMANA 3–6\n \u003c\/span\u003e\n\n\n \u003ch3 class=\"abera-90days__card-title\"\u003e\n Los Demás Empiezan a Notarlo\n \u003c\/h3\u003e\n\n\n \u003cul class=\"abera-90days__list\"\u003e\n\n \u003cli\u003e\n Las líneas finas alrededor de los ojos y en la frente se ven más suaves\n \u003c\/li\u003e\n\n \u003cli\u003e\n El tono de la piel se ve más uniforme y el aspecto cansado empieza a disminuir\n \u003c\/li\u003e\n\n \u003cli\u003e\n Tu esposa, tu barbero o un compañero de trabajo: alguien lo notará\n \u003c\/li\u003e\n\n \u003c\/ul\u003e\n\n \u003c\/div\u003e\n\n \u003c\/article\u003e\n\n\n\n \u003c!-- ===================================================\n SEMANA 8–12\n ==================================================== --\u003e\n\n \u003carticle class=\"abera-90days__card\"\u003e\n\n\n \u003cdiv class=\"abera-90days__image\"\u003e\n\n \u003cimg\n src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/16_1.webp?v=1788843805\"\n alt=\"Resultados de ABERA Men Retinol durante las semanas 8 a 12\"\n loading=\"lazy\"\n \u003e\n\n \u003c\/div\u003e\n\n\n\n \u003cdiv class=\"abera-90days__content\"\u003e\n\n \u003cspan class=\"abera-90days__week\"\u003e\n SEMANA 8–12\n \u003c\/span\u003e\n\n\n \u003ch3 class=\"abera-90days__card-title\"\u003e\n La Transformación Real\n \u003c\/h3\u003e\n\n\n \u003cul class=\"abera-90days__list\"\u003e\n\n \u003cli\u003e\n La línea de la mandíbula se ve notablemente más firme y definida\n \u003c\/li\u003e\n\n \u003cli\u003e\n La piel del cuello se ve más firme, con menos flacidez sobre el cuello de la camisa\n \u003c\/li\u003e\n\n \u003cli\u003e\n Las líneas profundas siguen reduciéndose: sigues viéndote como tú, solo que más joven\n \u003c\/li\u003e\n\n \u003c\/ul\u003e\n\n \u003c\/div\u003e\n\n \u003c\/article\u003e\n\n\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n\u003c\/section\u003e\n\u003cstyle\u003e\n\/* =========================================================\n ABERA MEN\n BUNDLE ROSTRO + CUERPO - CARRUSEL + PRECIO\n========================================================= *\/\n\n.abera-duo-v4 {\n --black: #111111;\n --text: #333333;\n --muted: #707070;\n --line: #dddddd;\n --white: #ffffff;\n --dot: #c7c7c7;\n --sale: #d71920;\n\n width: 100%;\n max-width: 100%;\n\n background: #ffffff;\n color: var(--black);\n\n font-family: inherit;\n\n box-sizing: border-box;\n overflow: hidden;\n}\n\n.abera-duo-v4 *,\n.abera-duo-v4 *::before,\n.abera-duo-v4 *::after {\n box-sizing: border-box;\n}\n\n\n\/* =========================================================\n INNER\n========================================================= *\/\n\n.abera-duo-v4__inner {\n width: 100%;\n max-width: 1450px;\n\n margin: 0 auto;\n\n padding: 54px 34px;\n}\n\n\n\/* =========================================================\n MAIN LAYOUT\n========================================================= *\/\n\n.abera-duo-v4__layout {\n width: 100%;\n\n display: grid;\n\n grid-template-columns:\n minmax(0, 1fr)\n minmax(0, 1fr);\n\n gap: 42px;\n\n align-items: center;\n}\n\n.abera-duo-v4__layout \u003e * {\n min-width: 0;\n}\n\n\n\/* =========================================================\n LEFT - IMAGE CAROUSEL\n========================================================= *\/\n\n.abera-duo-v4__gallery {\n width: 100%;\n min-width: 0;\n}\n\n\n.abera-duo-v4__viewport {\n width: 100%;\n\n overflow: hidden;\n\n border-radius: 9px;\n\n background: #f3f3f3;\n}\n\n\n.abera-duo-v4__track {\n width: 100%;\n\n display: flex;\n\n overflow-x: auto;\n overflow-y: hidden;\n\n scroll-behavior: smooth;\n scroll-snap-type: x mandatory;\n\n scrollbar-width: none;\n\n -webkit-overflow-scrolling: touch;\n}\n\n\n.abera-duo-v4__track::-webkit-scrollbar {\n display: none;\n}\n\n\n.abera-duo-v4__slide {\n flex: 0 0 100%;\n min-width: 100%;\n\n scroll-snap-align: start;\n scroll-snap-stop: always;\n}\n\n\n.abera-duo-v4__slide img {\n width: 100%;\n\n display: block;\n\n aspect-ratio: 1 \/ 1;\n\n object-fit: cover;\n object-position: center;\n}\n\n\n\/* =========================================================\n CAROUSEL CONTROLS\n========================================================= *\/\n\n.abera-duo-v4__controls {\n width: 100%;\n\n margin-top: 16px;\n\n display: flex;\n align-items: center;\n justify-content: center;\n\n gap: 15px;\n}\n\n\n\/* ARROWS *\/\n\n.abera-duo-v4__arrow {\n width: 38px;\n height: 38px;\n\n flex: 0 0 38px;\n\n padding: 0;\n\n border: 1px solid #d5d5d5;\n border-radius: 50%;\n\n background: #ffffff;\n color: #111111;\n\n display: flex;\n align-items: center;\n justify-content: center;\n\n cursor: pointer;\n\n transition:\n background .2s ease,\n color .2s ease,\n border-color .2s ease,\n opacity .2s ease,\n transform .2s ease;\n}\n\n\n.abera-duo-v4__arrow:hover {\n background: #111111;\n color: #ffffff;\n\n border-color: #111111;\n}\n\n\n.abera-duo-v4__arrow:active {\n transform: scale(.94);\n}\n\n\n.abera-duo-v4__arrow:disabled {\n opacity: .25;\n\n cursor: default;\n\n background: #ffffff;\n color: #111111;\n\n border-color: #d5d5d5;\n}\n\n\n.abera-duo-v4__arrow svg {\n width: 18px;\n height: 18px;\n\n display: block;\n\n stroke: currentColor;\n}\n\n\n\/* =========================================================\n DOTS\n========================================================= *\/\n\n.abera-duo-v4__dots {\n display: flex;\n align-items: center;\n justify-content: center;\n\n gap: 7px;\n}\n\n\n.abera-duo-v4__dot {\n width: 7px;\n height: 7px;\n\n padding: 0;\n\n border: 0;\n border-radius: 20px;\n\n background: var(--dot);\n\n cursor: pointer;\n\n transition:\n width .2s ease,\n background .2s ease;\n}\n\n\n.abera-duo-v4__dot.is-active {\n width: 22px;\n\n background: #111111;\n}\n\n\n\/* =========================================================\n RIGHT CONTENT\n========================================================= *\/\n\n.abera-duo-v4__content {\n width: 100%;\n max-width: 100%;\n min-width: 0;\n}\n\n\n\/* EYEBROW *\/\n\n.abera-duo-v4__eyebrow {\n margin: 0 0 10px;\n\n color: var(--muted);\n\n font-size: 11px;\n line-height: 1.2;\n\n font-weight: 700;\n\n letter-spacing: 1.5px;\n\n text-transform: uppercase;\n}\n\n\n\/* TITLE *\/\n\n.abera-duo-v4__title {\n margin: 0 0 14px;\n\n color: var(--black);\n\n font-size: clamp(28px, 3vw, 38px);\n line-height: 1.08;\n\n font-weight: 700;\n\n letter-spacing: 0;\n\n text-transform: uppercase;\n}\n\n\n\/* DESCRIPTION *\/\n\n.abera-duo-v4__description {\n width: 100%;\n max-width: 670px;\n\n margin: 0;\n\n color: #555555;\n\n font-size: 15px;\n line-height: 1.55;\n}\n\n\n\/* =========================================================\n PRICE\n========================================================= *\/\n\n.abera-duo-v4__price {\n width: 100%;\n\n margin-top: 17px;\n\n display: flex;\n align-items: center;\n\n gap: 12px;\n}\n\n\n\/* OLD PRICE *\/\n\n.abera-duo-v4__price-old {\n position: relative;\n\n display: inline-block;\n\n color: #111111;\n\n font-size: 18px;\n line-height: 1;\n\n font-weight: 500;\n}\n\n\n.abera-duo-v4__price-old::after {\n content: \"\";\n\n position: absolute;\n\n left: -2px;\n right: -2px;\n\n top: 50%;\n\n height: 1.5px;\n\n background: #111111;\n\n transform: translateY(-50%);\n}\n\n\n\/* SALE PRICE *\/\n\n.abera-duo-v4__price-new {\n color: var(--sale);\n\n font-size: 29px;\n line-height: 1;\n\n font-weight: 800;\n\n letter-spacing: -.4px;\n}\n\n\n\/* =========================================================\n BENEFIT COLUMNS\n========================================================= *\/\n\n.abera-duo-v4__products {\n width: 100%;\n\n margin-top: 28px;\n\n display: grid;\n\n grid-template-columns:\n repeat(2, minmax(0, 1fr));\n\n gap: 28px;\n}\n\n\n.abera-duo-v4__product {\n min-width: 0;\n}\n\n\n\/* PRODUCT TITLE *\/\n\n.abera-duo-v4__product-title {\n margin: 0;\n\n padding-bottom: 10px;\n\n border-bottom: 1px solid var(--line);\n\n color: var(--black);\n\n font-size: 15px;\n line-height: 1.2;\n\n font-weight: 750;\n\n text-transform: uppercase;\n}\n\n\n\/* LIST *\/\n\n.abera-duo-v4__list {\n margin: 14px 0 0;\n\n padding: 0;\n\n list-style: none;\n\n display: flex;\n flex-direction: column;\n\n gap: 11px;\n}\n\n\n.abera-duo-v4__list li {\n position: relative;\n\n margin: 0;\n\n padding-left: 27px;\n\n color: #2d2d2d;\n\n font-size: 13px;\n line-height: 1.4;\n}\n\n\n\/* CHECK *\/\n\n.abera-duo-v4__list li::before {\n content: \"✓\";\n\n position: absolute;\n\n left: 0;\n top: 0;\n\n width: 18px;\n height: 18px;\n\n border-radius: 50%;\n\n background: #111111;\n color: #ffffff;\n\n display: flex;\n align-items: center;\n justify-content: center;\n\n font-size: 11px;\n line-height: 1;\n\n font-weight: 800;\n}\n\n\n\/* =========================================================\n CTA - FULL WIDTH\n========================================================= *\/\n\n.abera-duo-v4__cta-wrap {\n width: 100%;\n\n margin-top: 28px;\n}\n\n\n.abera-duo-v4__cta {\n width: 100%;\n max-width: 100%;\n\n min-height: 50px;\n\n padding: 0 24px;\n\n display: flex;\n align-items: center;\n justify-content: center;\n\n background: #111111;\n color: #ffffff;\n\n border: 1px solid #111111;\n border-radius: 5px;\n\n text-decoration: none;\n\n font-size: 13px;\n line-height: 1;\n\n font-weight: 750;\n\n letter-spacing: .2px;\n\n text-align: center;\n\n text-transform: uppercase;\n\n cursor: pointer;\n\n transition:\n background .2s ease,\n color .2s ease,\n transform .2s ease;\n}\n\n\n.abera-duo-v4__cta:hover {\n background: #ffffff;\n color: #111111;\n\n text-decoration: none;\n}\n\n\n.abera-duo-v4__cta:active {\n transform: scale(.99);\n}\n\n\n\/* =========================================================\n TABLET\n========================================================= *\/\n\n@media screen and (max-width: 990px) {\n\n .abera-duo-v4__inner {\n padding: 42px 24px;\n }\n\n\n .abera-duo-v4__layout {\n gap: 28px;\n }\n\n\n .abera-duo-v4__title {\n font-size: 29px;\n }\n\n\n .abera-duo-v4__description {\n font-size: 14px;\n }\n\n\n .abera-duo-v4__price {\n margin-top: 15px;\n }\n\n\n .abera-duo-v4__price-old {\n font-size: 16px;\n }\n\n\n .abera-duo-v4__price-new {\n font-size: 26px;\n }\n\n\n .abera-duo-v4__products {\n margin-top: 22px;\n\n gap: 20px;\n }\n\n\n .abera-duo-v4__product-title {\n font-size: 13px;\n }\n\n\n .abera-duo-v4__list {\n gap: 8px;\n }\n\n\n .abera-duo-v4__list li {\n padding-left: 24px;\n\n font-size: 11.5px;\n }\n\n\n .abera-duo-v4__list li::before {\n width: 16px;\n height: 16px;\n\n font-size: 9px;\n }\n\n\n .abera-duo-v4__cta {\n min-height: 48px;\n }\n\n}\n\n\n\/* =========================================================\n MOBILE\n========================================================= *\/\n\n@media screen and (max-width: 749px) {\n\n .abera-duo-v4__inner {\n padding: 30px 15px;\n }\n\n\n \/* STACK *\/\n\n .abera-duo-v4__layout {\n display: flex;\n flex-direction: column;\n\n gap: 28px;\n }\n\n\n \/* GALLERY *\/\n\n .abera-duo-v4__gallery {\n width: 100%;\n }\n\n\n .abera-duo-v4__viewport {\n border-radius: 7px;\n }\n\n\n .abera-duo-v4__slide img {\n aspect-ratio: 1 \/ 1;\n }\n\n\n .abera-duo-v4__controls {\n margin-top: 13px;\n\n gap: 12px;\n }\n\n\n .abera-duo-v4__arrow {\n width: 36px;\n height: 36px;\n\n flex-basis: 36px;\n }\n\n\n \/* CONTENT *\/\n\n .abera-duo-v4__content {\n width: 100%;\n }\n\n\n .abera-duo-v4__eyebrow {\n font-size: 10px;\n }\n\n\n .abera-duo-v4__title {\n margin-bottom: 12px;\n\n font-size: 27px;\n line-height: 1.12;\n }\n\n\n .abera-duo-v4__description {\n font-size: 14px;\n line-height: 1.5;\n }\n\n\n \/* PRICE *\/\n\n .abera-duo-v4__price {\n margin-top: 14px;\n\n gap: 10px;\n }\n\n\n .abera-duo-v4__price-old {\n font-size: 16px;\n }\n\n\n .abera-duo-v4__price-new {\n font-size: 27px;\n }\n\n\n \/* PRODUCTS *\/\n\n .abera-duo-v4__products {\n margin-top: 24px;\n\n grid-template-columns: 1fr;\n\n gap: 24px;\n }\n\n\n .abera-duo-v4__product-title {\n padding-bottom: 9px;\n\n font-size: 14px;\n }\n\n\n .abera-duo-v4__list {\n margin-top: 12px;\n\n gap: 10px;\n }\n\n\n .abera-duo-v4__list li {\n padding-left: 26px;\n\n font-size: 13px;\n }\n\n\n .abera-duo-v4__list li::before {\n width: 18px;\n height: 18px;\n\n font-size: 10px;\n }\n\n\n \/* CTA *\/\n\n .abera-duo-v4__cta-wrap {\n width: 100%;\n\n margin-top: 25px;\n }\n\n\n .abera-duo-v4__cta {\n width: 100%;\n\n min-height: 50px;\n\n padding: 0 18px;\n\n font-size: 13px;\n }\n\n}\n\u003c\/style\u003e\n\n\n\u003csection class=\"abera-duo-v4\"\u003e\n\n \u003cdiv class=\"abera-duo-v4__inner\"\u003e\n\n \u003cdiv class=\"abera-duo-v4__layout\"\u003e\n\n\n \u003c!-- ===================================================\n CARRUSEL DE IMÁGENES\n ==================================================== --\u003e\n\n \u003cdiv class=\"abera-duo-v4__gallery\"\u003e\n\n\n \u003cdiv class=\"abera-duo-v4__viewport\"\u003e\n\n\n \u003cdiv class=\"abera-duo-v4__track\"\u003e\n\n\n \u003c!-- IMAGEN 01 --\u003e\n\n \u003cdiv class=\"abera-duo-v4__slide\"\u003e\n\n \u003cimg\n src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/ChatGPT_Image_Aug_14_2026_04_52_00_PM.png?v=1787718987\"\n alt=\"Set ABERA Men para rostro y cuerpo\"\n loading=\"lazy\"\n \u003e\n\n \u003c\/div\u003e\n\n\n\n \u003c!-- IMAGEN 02 --\u003e\n\n \u003cdiv class=\"abera-duo-v4__slide\"\u003e\n\n \u003cimg\n src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/ChatGPT_43.webp?v=1786758238\"\n alt=\"Sérum con Retinol y gel corporal ABERA Men\"\n loading=\"lazy\"\n \u003e\n\n \u003c\/div\u003e\n\n\n\n \u003c!-- IMAGEN 03 --\u003e\n\n \u003cdiv class=\"abera-duo-v4__slide\"\u003e\n\n \u003cimg\n src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/27_4397c1b6-cebc-4510-bbdb-6ebfd461c346.webp?v=1787729365\"\n alt=\"Rutina ABERA Men para rostro y cuerpo\"\n loading=\"lazy\"\n \u003e\n\n \u003c\/div\u003e\n\n\n\n \u003c!-- IMAGEN 04 --\u003e\n\n \u003cdiv class=\"abera-duo-v4__slide\"\u003e\n\n \u003cimg\n src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/ChatGPTImageAug26_2026_09_17_47AM.webp?v=1787717680\"\n alt=\"Rutina de cuidado de la piel ABERA Men\"\n loading=\"lazy\"\n \u003e\n\n \u003c\/div\u003e\n\n\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n\n\n \u003c!-- =================================================\n FLECHA + PUNTOS + FLECHA\n ================================================== --\u003e\n\n \u003cdiv class=\"abera-duo-v4__controls\"\u003e\n\n\n \u003cbutton\n class=\"abera-duo-v4__arrow abera-duo-v4__prev\"\n type=\"button\"\n aria-label=\"Imagen anterior\"\n \u003e\n\n \u003csvg viewBox=\"0 0 24 24\" fill=\"none\"\u003e\n\n \u003cpath\n d=\"M15 18L9 12L15 6\"\n stroke-width=\"2\"\n stroke-linecap=\"round\"\n stroke-linejoin=\"round\"\n \/\u003e\n\n \u003c\/svg\u003e\n\n \u003c\/button\u003e\n\n\n\n \u003cdiv class=\"abera-duo-v4__dots\"\u003e\u003c\/div\u003e\n\n\n\n \u003cbutton\n class=\"abera-duo-v4__arrow abera-duo-v4__next\"\n type=\"button\"\n aria-label=\"Imagen siguiente\"\n \u003e\n\n \u003csvg viewBox=\"0 0 24 24\" fill=\"none\"\u003e\n\n \u003cpath\n d=\"M9 18L15 12L9 6\"\n stroke-width=\"2\"\n stroke-linecap=\"round\"\n stroke-linejoin=\"round\"\n \/\u003e\n\n \u003c\/svg\u003e\n\n \u003c\/button\u003e\n\n\n \u003c\/div\u003e\n\n\n \u003c\/div\u003e\n\n\n\n \u003c!-- ===================================================\n CONTENIDO\n ==================================================== --\u003e\n\n \u003cdiv class=\"abera-duo-v4__content\"\u003e\n\n\n \u003cdiv class=\"abera-duo-v4__eyebrow\"\u003e\n RUTINA COMPLETA PARA LA PIEL MASCULINA\n \u003c\/div\u003e\n\n\n \u003ch2 class=\"abera-duo-v4__title\"\u003e\n ABERA MEN BUNDLE ROSTRO + CUERPO\n \u003c\/h2\u003e\n\n\n \u003cp class=\"abera-duo-v4__description\"\u003e\n Una rutina simple de dos pasos para rostro y cuerpo:\n cuidado antiedad específico por la noche y un gel corporal\n de uso diario para una piel más limpia, suave y de aspecto saludable.\n \u003c\/p\u003e\n\n\n\n \u003c!-- =================================================\n PRECIO\n ================================================== --\u003e\n\n \u003cdiv class=\"abera-duo-v4__price\"\u003e\n\n \u003cspan class=\"abera-duo-v4__price-old\"\u003e\n $59.99\n \u003c\/span\u003e\n\n \u003cspan class=\"abera-duo-v4__price-new\"\u003e\n $38.00\n \u003c\/span\u003e\n\n \u003c\/div\u003e\n\n\n\n \u003c!-- =================================================\n BENEFICIOS\n ================================================== --\u003e\n\n \u003cdiv class=\"abera-duo-v4__products\"\u003e\n\n\n \u003c!-- SÉRUM CON RETINOL --\u003e\n\n \u003cdiv class=\"abera-duo-v4__product\"\u003e\n\n\n \u003ch3 class=\"abera-duo-v4__product-title\"\u003e\n SÉRUM CON RETINOL\n \u003c\/h3\u003e\n\n\n \u003cul class=\"abera-duo-v4__list\"\u003e\n\n \u003cli\u003e\n Ayuda a suavizar líneas finas y arrugas\n \u003c\/li\u003e\n\n \u003cli\u003e\n Ayuda a reducir la apariencia de manchas oscuras\n \u003c\/li\u003e\n\n \u003cli\u003e\n Mejora la textura desigual de la piel\n \u003c\/li\u003e\n\n \u003cli\u003e\n Ayuda a que la piel luzca más firme\n \u003c\/li\u003e\n\n \u003cli\u003e\n Hidrata y ayuda a reforzar la barrera cutánea\n \u003c\/li\u003e\n\n \u003c\/ul\u003e\n\n\n \u003c\/div\u003e\n\n\n\n \u003c!-- GEL CORPORAL --\u003e\n\n \u003cdiv class=\"abera-duo-v4__product\"\u003e\n\n\n \u003ch3 class=\"abera-duo-v4__product-title\"\u003e\n GEL CORPORAL PARA EL ACNÉ\n \u003c\/h3\u003e\n\n\n \u003cul class=\"abera-duo-v4__list\"\u003e\n\n \u003cli\u003e\n Ayuda a reducir el acné corporal\n \u003c\/li\u003e\n\n \u003cli\u003e\n Ayuda a controlar el exceso de grasa\n \u003c\/li\u003e\n\n \u003cli\u003e\n Limpia profundamente los poros\n \u003c\/li\u003e\n\n \u003cli\u003e\n Ayuda a reducir los poros obstruidos\n \u003c\/li\u003e\n\n \u003cli\u003e\n Limpia sin resecar la piel\n \u003c\/li\u003e\n\n \u003c\/ul\u003e\n\n\n \u003c\/div\u003e\n\n\n \u003c\/div\u003e\n\n\n\n \u003c!-- =================================================\n BOTÓN DE COMPRA\n ================================================== --\u003e\n\n \u003cdiv class=\"abera-duo-v4__cta-wrap\"\u003e\n\n\n \u003ca\n class=\"abera-duo-v4__cta\"\n href=\"https:\/\/nthytu-xb.myshopify.com\/cart\/54168374772080:1?channel=buy_button\"\n \u003e\n AGREGAR AL CARRITO\n \u003c\/a\u003e\n\n\n \u003c\/div\u003e\n\n\n \u003c\/div\u003e\n\n\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n\u003c\/section\u003e\n\n\n\n\u003cscript\u003e\n(function () {\n\n function initAberaDuoCarousel(section) {\n\n if (\n !section ||\n section.dataset.aberaDuoInitialized === 'true'\n ) {\n return;\n }\n\n\n section.dataset.aberaDuoInitialized = 'true';\n\n\n const track =\n section.querySelector(\n '.abera-duo-v4__track'\n );\n\n\n const slides =\n Array.from(\n section.querySelectorAll(\n '.abera-duo-v4__slide'\n )\n );\n\n\n const prev =\n section.querySelector(\n '.abera-duo-v4__prev'\n );\n\n\n const next =\n section.querySelector(\n '.abera-duo-v4__next'\n );\n\n\n const dotsContainer =\n section.querySelector(\n '.abera-duo-v4__dots'\n );\n\n\n if (!track || !slides.length) {\n return;\n }\n\n\n let currentIndex = 0;\n\n\n\n \/* =====================================================\n CREAR PUNTOS\n ====================================================== *\/\n\n slides.forEach(\n function(slide, index) {\n\n const dot =\n document.createElement('button');\n\n\n dot.type = 'button';\n\n dot.className =\n 'abera-duo-v4__dot';\n\n\n dot.setAttribute(\n 'aria-label',\n 'Ir a la imagen ' + (index + 1)\n );\n\n\n if (index === 0) {\n\n dot.classList.add(\n 'is-active'\n );\n\n }\n\n\n dot.addEventListener(\n 'click',\n function() {\n\n goToSlide(index);\n\n }\n );\n\n\n dotsContainer.appendChild(dot);\n\n }\n );\n\n\n const dots =\n Array.from(\n dotsContainer.querySelectorAll(\n '.abera-duo-v4__dot'\n )\n );\n\n\n\n \/* =====================================================\n IR A UNA IMAGEN\n ====================================================== *\/\n\n function goToSlide(index) {\n\n currentIndex =\n Math.max(\n 0,\n Math.min(\n index,\n slides.length - 1\n )\n );\n\n\n track.scrollTo({\n\n left:\n track.clientWidth *\n currentIndex,\n\n behavior: 'smooth'\n\n });\n\n\n updateUI();\n\n }\n\n\n\n \/* =====================================================\n ÍNDICE ACTUAL\n ====================================================== *\/\n\n function getCurrentIndex() {\n\n if (!track.clientWidth) {\n return 0;\n }\n\n\n return Math.round(\n track.scrollLeft \/\n track.clientWidth\n );\n\n }\n\n\n\n \/* =====================================================\n ACTUALIZAR INTERFAZ\n ====================================================== *\/\n\n function updateUI() {\n\n currentIndex =\n getCurrentIndex();\n\n\n dots.forEach(\n function(dot, index) {\n\n dot.classList.toggle(\n 'is-active',\n index === currentIndex\n );\n\n }\n );\n\n\n if (prev) {\n\n prev.disabled =\n currentIndex === 0;\n\n }\n\n\n if (next) {\n\n next.disabled =\n currentIndex ===\n slides.length - 1;\n\n }\n\n }\n\n\n\n \/* =====================================================\n ANTERIOR\n ====================================================== *\/\n\n if (prev) {\n\n prev.addEventListener(\n 'click',\n function() {\n\n goToSlide(\n currentIndex - 1\n );\n\n }\n );\n\n }\n\n\n\n \/* =====================================================\n SIGUIENTE\n ====================================================== *\/\n\n if (next) {\n\n next.addEventListener(\n 'click',\n function() {\n\n goToSlide(\n currentIndex + 1\n );\n\n }\n );\n\n }\n\n\n\n \/* =====================================================\n DESLIZAR\n ====================================================== *\/\n\n let timer;\n\n\n track.addEventListener(\n 'scroll',\n function() {\n\n clearTimeout(timer);\n\n\n timer =\n setTimeout(\n updateUI,\n 60\n );\n\n },\n {\n passive: true\n }\n );\n\n\n\n \/* =====================================================\n CAMBIO DE TAMAÑO\n ====================================================== *\/\n\n window.addEventListener(\n 'resize',\n function() {\n\n track.scrollTo({\n\n left:\n track.clientWidth *\n currentIndex,\n\n behavior: 'auto'\n\n });\n\n\n updateUI();\n\n }\n );\n\n\n updateUI();\n\n }\n\n\n\n function initAllAberaDuo() {\n\n document\n .querySelectorAll(\n '.abera-duo-v4'\n )\n .forEach(\n initAberaDuoCarousel\n );\n\n }\n\n\n\n if (\n document.readyState === 'loading'\n ) {\n\n document.addEventListener(\n 'DOMContentLoaded',\n initAllAberaDuo\n );\n\n } else {\n\n initAllAberaDuo();\n\n }\n\n})();\n\u003c\/script\u003e\n\u003cstyle\u003e\n\/* =========================================================\n ABERA MEN RETINOL\n COMPARISON SECTION - RESPONSIVE V2\n========================================================= *\/\n\n.abera-compare-v2 {\n --bg: #090909;\n --white: #ffffff;\n\n --text: rgba(255,255,255,.92);\n --muted: rgba(255,255,255,.60);\n\n --line: rgba(255,255,255,.13);\n --soft-line: rgba(255,255,255,.09);\n\n --label-bg: rgba(255,255,255,.08);\n --other-bg: rgba(255,255,255,.03);\n\n --highlight: #f1eee8;\n --highlight-alt: #e5e7eb;\n --highlight-text: #111111;\n\n width: 100%;\n max-width: 100%;\n\n overflow: hidden;\n\n background:\n radial-gradient(\n circle at 80% 10%,\n rgba(255,255,255,.07),\n transparent 25%\n ),\n linear-gradient(\n 135deg,\n #070707 0%,\n #0c0c0c 55%,\n #121212 100%\n );\n\n color: var(--white);\n\n font-family: inherit;\n\n box-sizing: border-box;\n}\n\n\n.abera-compare-v2 *,\n.abera-compare-v2 *::before,\n.abera-compare-v2 *::after {\n box-sizing: border-box;\n}\n\n\n\/* =========================================================\n INNER\n========================================================= *\/\n\n.abera-compare-v2__inner {\n width: 100%;\n max-width: 1280px;\n\n margin: 0 auto;\n\n padding: 60px 34px;\n}\n\n\n\/* =========================================================\n HEADER\n========================================================= *\/\n\n.abera-compare-v2__header {\n width: 100%;\n max-width: 760px;\n\n margin: 0 auto 34px;\n\n text-align: center;\n}\n\n\n.abera-compare-v2__eyebrow {\n margin: 0 0 10px;\n\n color: var(--muted);\n\n font-size: 11px;\n line-height: 1.2;\n\n font-weight: 700;\n\n letter-spacing: 1.7px;\n\n text-transform: uppercase;\n}\n\n\n.abera-compare-v2__title {\n margin: 0;\n\n color: var(--white);\n\n font-size: clamp(30px, 4vw, 50px);\n line-height: 1.06;\n\n font-weight: 700;\n\n letter-spacing: -.5px;\n}\n\n\n.abera-compare-v2__subtitle {\n max-width: 670px;\n\n margin: 15px auto 0;\n\n color: rgba(255,255,255,.72);\n\n font-size: 15px;\n line-height: 1.55;\n}\n\n\n\/* =========================================================\n TABLE WRAPPER\n========================================================= *\/\n\n.abera-compare-v2__table-wrap {\n width: 100%;\n}\n\n\n\/* =========================================================\n TABLE\n========================================================= *\/\n\n.abera-compare-v2__table {\n width: 100%;\n\n display: grid;\n\n grid-template-columns:\n minmax(0, 1.65fr)\n minmax(150px, .62fr)\n minmax(120px, .48fr);\n\n overflow: hidden;\n\n border: 1px solid var(--line);\n border-radius: 16px;\n\n background: rgba(255,255,255,.025);\n}\n\n\n\/* =========================================================\n BASE CELL\n========================================================= *\/\n\n.abera-compare-v2__cell {\n min-width: 0;\n min-height: 70px;\n\n padding: 15px 20px;\n\n display: flex;\n align-items: center;\n justify-content: center;\n\n border-bottom: 1px solid var(--soft-line);\n}\n\n\n\/* LEFT LABEL *\/\n\n.abera-compare-v2__cell--label {\n justify-content: flex-start;\n\n background: var(--label-bg);\n}\n\n\n\/* ABERA COLUMN *\/\n\n.abera-compare-v2__cell--abera {\n background: var(--highlight);\n\n color: var(--highlight-text);\n}\n\n\n\/* alternating subtle Abera row *\/\n\n.abera-compare-v2__cell--abera.alt {\n background: var(--highlight-alt);\n}\n\n\n\/* OTHERS *\/\n\n.abera-compare-v2__cell--other {\n background: var(--other-bg);\n}\n\n\n\/* REMOVE BOTTOM BORDER LAST ROW *\/\n\n.abera-compare-v2__table \u003e\n.abera-compare-v2__cell:nth-last-child(-n + 3) {\n border-bottom: 0;\n}\n\n\n\/* =========================================================\n HEADER ROW\n========================================================= *\/\n\n.abera-compare-v2__head {\n min-height: 112px;\n}\n\n\n.abera-compare-v2__head--label {\n background: transparent;\n}\n\n\n.abera-compare-v2__head--abera {\n background: var(--highlight);\n}\n\n\n.abera-compare-v2__head--other {\n background: transparent;\n}\n\n\n\/* =========================================================\n ABERA BRAND\n========================================================= *\/\n\n.abera-compare-v2__brand {\n width: 100%;\n\n display: flex;\n flex-direction: column;\n\n align-items: center;\n justify-content: center;\n\n gap: 7px;\n\n text-align: center;\n}\n\n\n.abera-compare-v2__product-img {\n width: 40px;\n height: 70px;\n\n display: block;\n\n object-fit: contain;\n}\n\n\n.abera-compare-v2__brand-name {\n color: #111111;\n\n font-size: 12px;\n line-height: 1.2;\n\n font-weight: 800;\n\n letter-spacing: .4px;\n\n text-transform: uppercase;\n}\n\n\n\/* =========================================================\n OTHERS TITLE\n========================================================= *\/\n\n.abera-compare-v2__other-title {\n color: #ffffff;\n\n font-size: 15px;\n line-height: 1.2;\n\n font-weight: 700;\n}\n\n\n\/* =========================================================\n FEATURE\n========================================================= *\/\n\n.abera-compare-v2__feature {\n width: 100%;\n\n margin: 0;\n\n color: var(--white);\n\n font-size: 15px;\n line-height: 1.35;\n\n font-weight: 650;\n\n overflow-wrap: break-word;\n}\n\n\n\/* =========================================================\n CHECK \/ CROSS\n========================================================= *\/\n\n.abera-compare-v2__icon {\n width: 30px;\n height: 30px;\n\n flex: 0 0 30px;\n\n border-radius: 50%;\n\n display: inline-flex;\n align-items: center;\n justify-content: center;\n\n font-size: 14px;\n line-height: 1;\n\n font-weight: 700;\n}\n\n\n.abera-compare-v2__icon--check {\n color: #111111;\n\n border: 1.5px solid rgba(17,17,17,.65);\n}\n\n\n.abera-compare-v2__icon--cross {\n color: rgba(255,255,255,.92);\n\n border: 1px solid rgba(255,255,255,.45);\n}\n\n\n\/* =========================================================\n TABLET\n========================================================= *\/\n\n@media screen and (max-width: 990px) {\n\n .abera-compare-v2__inner {\n padding: 48px 22px;\n }\n\n\n .abera-compare-v2__table {\n grid-template-columns:\n minmax(0, 1.55fr)\n minmax(120px, .60fr)\n minmax(100px, .48fr);\n }\n\n\n .abera-compare-v2__cell {\n padding: 14px 16px;\n }\n\n\n .abera-compare-v2__feature {\n font-size: 14px;\n }\n\n}\n\n\n\/* =========================================================\n MOBILE\n FULL TABLE FITS SCREEN\n========================================================= *\/\n\n@media screen and (max-width: 749px) {\n\n .abera-compare-v2__inner {\n padding: 36px 12px 40px;\n }\n\n\n \/* HEADER *\/\n\n .abera-compare-v2__header {\n margin-bottom: 24px;\n }\n\n\n .abera-compare-v2__eyebrow {\n margin-bottom: 8px;\n\n font-size: 9px;\n\n letter-spacing: 1.2px;\n }\n\n\n .abera-compare-v2__title {\n font-size: 28px;\n line-height: 1.1;\n }\n\n\n .abera-compare-v2__subtitle {\n margin-top: 11px;\n\n font-size: 13px;\n line-height: 1.5;\n }\n\n\n \/* =======================================================\n MOBILE TABLE\n IMPORTANT: NO MIN WIDTH \/ NO HORIZONTAL SCROLL\n ======================================================= *\/\n\n .abera-compare-v2__table-wrap {\n width: 100%;\n\n overflow: visible;\n }\n\n\n .abera-compare-v2__table {\n width: 100%;\n min-width: 0;\n\n \/*\n 54% feature\n 26% Abera\n 20% Others\n *\/\n\n grid-template-columns:\n minmax(0, 1.55fr)\n minmax(0, .74fr)\n minmax(0, .57fr);\n\n border-radius: 12px;\n }\n\n\n \/* =======================================================\n CELLS\n ======================================================= *\/\n\n .abera-compare-v2__cell {\n min-width: 0;\n min-height: 59px;\n\n padding: 10px 8px;\n }\n\n\n .abera-compare-v2__cell--label {\n padding-left: 12px;\n padding-right: 8px;\n }\n\n\n \/* =======================================================\n MOBILE HEAD\n ======================================================= *\/\n\n .abera-compare-v2__head {\n min-height: 78px;\n\n padding-top: 9px;\n padding-bottom: 9px;\n }\n\n\n .abera-compare-v2__brand {\n gap: 3px;\n }\n\n\n .abera-compare-v2__product-img {\n width: 27px;\n height: 46px;\n }\n\n\n .abera-compare-v2__brand-name {\n font-size: 8px;\n line-height: 1.15;\n\n letter-spacing: 0;\n }\n\n\n .abera-compare-v2__other-title {\n font-size: 11px;\n }\n\n\n \/* =======================================================\n FEATURE TEXT\n ======================================================= *\/\n\n .abera-compare-v2__feature {\n font-size: 11.5px;\n line-height: 1.4;\n\n font-weight: 650;\n }\n\n\n \/* =======================================================\n ICON\n ======================================================= *\/\n\n .abera-compare-v2__icon {\n width: 24px;\n height: 24px;\n\n flex-basis: 24px;\n\n font-size: 11px;\n }\n\n}\n\n\n\/* =========================================================\n VERY SMALL MOBILE\n========================================================= *\/\n\n@media screen and (max-width: 380px) {\n\n .abera-compare-v2__inner {\n padding-left: 9px;\n padding-right: 9px;\n }\n\n\n .abera-compare-v2__title {\n font-size: 25px;\n }\n\n\n .abera-compare-v2__cell {\n min-height: 56px;\n\n padding-left: 6px;\n padding-right: 6px;\n }\n\n\n .abera-compare-v2__cell--label {\n padding-left: 9px;\n }\n\n\n .abera-compare-v2__feature {\n font-size: 10.5px;\n }\n\n\n .abera-compare-v2__brand-name {\n font-size: 7.5px;\n }\n\n\n .abera-compare-v2__other-title {\n font-size: 10px;\n }\n\n\n .abera-compare-v2__icon {\n width: 22px;\n height: 22px;\n\n flex-basis: 22px;\n\n font-size: 10px;\n }\n\n}\n\u003c\/style\u003e\n\n\n\u003csection class=\"abera-compare-v2\"\u003e\n\n \u003cdiv class=\"abera-compare-v2__inner\"\u003e\n\n\n \u003c!-- =====================================================\n HEADER\n ====================================================== --\u003e\n\n \u003cdiv class=\"abera-compare-v2__header\"\u003e\n\n\n \u003cp class=\"abera-compare-v2__eyebrow\"\u003e\n POR QUÉ LOS CLIENTES ELIGEN ABERA MEN\n \u003c\/p\u003e\n\n\n \u003ch2 class=\"abera-compare-v2__title\"\u003e\n Por Qué Cada Vez Más Hombres Eligen ABERA MEN Retinol\n \u003c\/h2\u003e\n\n\n \u003cp class=\"abera-compare-v2__subtitle\"\u003e\n Un sérum nocturno con retinol diseñado para hombres que buscan\n un cuidado antiedad específico, una piel de aspecto más suave\n y una rutina sencilla que se adapte a su día a día.\n \u003c\/p\u003e\n\n\n \u003c\/div\u003e\n\n\n\n \u003c!-- =====================================================\n COMPARISON TABLE\n ====================================================== --\u003e\n\n \u003cdiv class=\"abera-compare-v2__table-wrap\"\u003e\n\n\n \u003cdiv class=\"abera-compare-v2__table\"\u003e\n\n\n \u003c!-- =================================================\n HEADER ROW\n ================================================== --\u003e\n\n \u003cdiv\n class=\"\n abera-compare-v2__cell\n abera-compare-v2__cell--label\n abera-compare-v2__head\n abera-compare-v2__head--label\n \"\n \u003e\u003c\/div\u003e\n\n\n\n \u003c!-- ABERA HEADER --\u003e\n\n \u003cdiv\n class=\"\n abera-compare-v2__cell\n abera-compare-v2__cell--abera\n abera-compare-v2__head\n abera-compare-v2__head--abera\n \"\n \u003e\n\n \u003cdiv class=\"abera-compare-v2__brand\"\u003e\n\n\n \u003cimg\n class=\"abera-compare-v2__product-img\"\n src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/Retinol_23.webp?v=1788840241\"\n alt=\"ABERA MEN Retinol Serum\"\n loading=\"lazy\"\n \u003e\n\n\n \u003cdiv class=\"abera-compare-v2__brand-name\"\u003e\n ABERA MEN\u003cbr\u003e\n RETINOL\n \u003c\/div\u003e\n\n\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n\n\n \u003c!-- OTHERS HEADER --\u003e\n\n \u003cdiv\n class=\"\n abera-compare-v2__cell\n abera-compare-v2__cell--other\n abera-compare-v2__head\n abera-compare-v2__head--other\n \"\n \u003e\n\n \u003cdiv class=\"abera-compare-v2__other-title\"\u003e\n Otros\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n\n\n \u003c!-- =================================================\n ROW 01\n ================================================== --\u003e\n\n \u003cdiv class=\"abera-compare-v2__cell abera-compare-v2__cell--label\"\u003e\n\n \u003cp class=\"abera-compare-v2__feature\"\u003e\n Ayuda a estimular el colágeno en la dermis\n \u003c\/p\u003e\n\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"abera-compare-v2__cell abera-compare-v2__cell--abera\"\u003e\n\n \u003cspan class=\"abera-compare-v2__icon abera-compare-v2__icon--check\"\u003e\n ✓\n \u003c\/span\u003e\n\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"abera-compare-v2__cell abera-compare-v2__cell--other\"\u003e\n\n \u003cspan class=\"abera-compare-v2__icon abera-compare-v2__icon--cross\"\u003e\n ×\n \u003c\/span\u003e\n\n \u003c\/div\u003e\n\n\n\n \u003c!-- =================================================\n ROW 02\n ================================================== --\u003e\n\n \u003cdiv class=\"abera-compare-v2__cell abera-compare-v2__cell--label\"\u003e\n\n \u003cp class=\"abera-compare-v2__feature\"\u003e\n Retinol suave, sin irritación\n \u003c\/p\u003e\n\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"abera-compare-v2__cell abera-compare-v2__cell--abera alt\"\u003e\n\n \u003cspan class=\"abera-compare-v2__icon abera-compare-v2__icon--check\"\u003e\n ✓\n \u003c\/span\u003e\n\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"abera-compare-v2__cell abera-compare-v2__cell--other\"\u003e\n\n \u003cspan class=\"abera-compare-v2__icon abera-compare-v2__icon--cross\"\u003e\n ×\n \u003c\/span\u003e\n\n \u003c\/div\u003e\n\n\n\n \u003c!-- =================================================\n ROW 03\n ================================================== --\u003e\n\n \u003cdiv class=\"abera-compare-v2__cell abera-compare-v2__cell--label\"\u003e\n\n \u003cp class=\"abera-compare-v2__feature\"\u003e\n Absorción profunda, no solo superficial\n \u003c\/p\u003e\n\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"abera-compare-v2__cell abera-compare-v2__cell--abera\"\u003e\n\n \u003cspan class=\"abera-compare-v2__icon abera-compare-v2__icon--check\"\u003e\n ✓\n \u003c\/span\u003e\n\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"abera-compare-v2__cell abera-compare-v2__cell--other\"\u003e\n\n \u003cspan class=\"abera-compare-v2__icon abera-compare-v2__icon--cross\"\u003e\n ×\n \u003c\/span\u003e\n\n \u003c\/div\u003e\n\n\n\n \u003c!-- =================================================\n ROW 04\n ================================================== --\u003e\n\n \u003cdiv class=\"abera-compare-v2__cell abera-compare-v2__cell--label\"\u003e\n\n \u003cp class=\"abera-compare-v2__feature\"\u003e\n Sin inflamación ni daño\n \u003c\/p\u003e\n\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"abera-compare-v2__cell abera-compare-v2__cell--abera alt\"\u003e\n\n \u003cspan class=\"abera-compare-v2__icon abera-compare-v2__icon--check\"\u003e\n ✓\n \u003c\/span\u003e\n\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"abera-compare-v2__cell abera-compare-v2__cell--other\"\u003e\n\n \u003cspan class=\"abera-compare-v2__icon abera-compare-v2__icon--cross\"\u003e\n ×\n \u003c\/span\u003e\n\n \u003c\/div\u003e\n\n\n\n \u003c!-- =================================================\n ROW 05\n ================================================== --\u003e\n\n \u003cdiv class=\"abera-compare-v2__cell abera-compare-v2__cell--label\"\u003e\n\n \u003cp class=\"abera-compare-v2__feature\"\u003e\n Sin siliconas ni rellenos\n \u003c\/p\u003e\n\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"abera-compare-v2__cell abera-compare-v2__cell--abera\"\u003e\n\n \u003cspan class=\"abera-compare-v2__icon abera-compare-v2__icon--check\"\u003e\n ✓\n \u003c\/span\u003e\n\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"abera-compare-v2__cell abera-compare-v2__cell--other\"\u003e\n\n \u003cspan class=\"abera-compare-v2__icon abera-compare-v2__icon--cross\"\u003e\n ×\n \u003c\/span\u003e\n\n \u003c\/div\u003e\n\n\n\n \u003c!-- =================================================\n ROW 06\n ================================================== --\u003e\n\n \u003cdiv class=\"abera-compare-v2__cell abera-compare-v2__cell--label\"\u003e\n\n \u003cp class=\"abera-compare-v2__feature\"\u003e\n Diseñado para hombres mayores de 40\n \u003c\/p\u003e\n\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"abera-compare-v2__cell abera-compare-v2__cell--abera alt\"\u003e\n\n \u003cspan class=\"abera-compare-v2__icon abera-compare-v2__icon--check\"\u003e\n ✓\n \u003c\/span\u003e\n\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"abera-compare-v2__cell abera-compare-v2__cell--other\"\u003e\n\n \u003cspan class=\"abera-compare-v2__icon abera-compare-v2__icon--cross\"\u003e\n ×\n \u003c\/span\u003e\n\n \u003c\/div\u003e\n\n\n\n \u003c!-- =================================================\n ROW 07\n ================================================== --\u003e\n\n \u003cdiv class=\"abera-compare-v2__cell abera-compare-v2__cell--label\"\u003e\n\n \u003cp class=\"abera-compare-v2__feature\"\u003e\n Rutina nocturna de un solo paso\n \u003c\/p\u003e\n\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"abera-compare-v2__cell abera-compare-v2__cell--abera\"\u003e\n\n \u003cspan class=\"abera-compare-v2__icon abera-compare-v2__icon--check\"\u003e\n ✓\n \u003c\/span\u003e\n\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"abera-compare-v2__cell abera-compare-v2__cell--other\"\u003e\n\n \u003cspan class=\"abera-compare-v2__icon abera-compare-v2__icon--cross\"\u003e\n ×\n \u003c\/span\u003e\n\n \u003c\/div\u003e\n\n\n\n \u003c!-- =================================================\n ROW 08\n ================================================== --\u003e\n\n \u003cdiv class=\"abera-compare-v2__cell abera-compare-v2__cell--label\"\u003e\n\n \u003cp class=\"abera-compare-v2__feature\"\u003e\n Garantía de devolución de dinero de 30 días\n \u003c\/p\u003e\n\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"abera-compare-v2__cell abera-compare-v2__cell--abera alt\"\u003e\n\n \u003cspan class=\"abera-compare-v2__icon abera-compare-v2__icon--check\"\u003e\n ✓\n \u003c\/span\u003e\n\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"abera-compare-v2__cell abera-compare-v2__cell--other\"\u003e\n\n \u003cspan class=\"abera-compare-v2__icon abera-compare-v2__icon--cross\"\u003e\n ×\n \u003c\/span\u003e\n\n \u003c\/div\u003e\n\n\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n\n \u003c\/div\u003e\n\n\u003c\/section\u003e\n\u003cstyle\u003e\n\/* =========================================================\n ABERA MEN RETINOL\n GARANTÍA DE REEMBOLSO DE 30 DÍAS\n========================================================= *\/\n\n.abera-guarantee-v2 {\n --black: #111111;\n --text: #111111;\n --muted: #5d5d5d;\n --white: #ffffff;\n\n width: 100%;\n max-width: 100%;\n\n background: #ffffff;\n color: var(--text);\n\n font-family: inherit;\n\n box-sizing: border-box;\n overflow: hidden;\n}\n\n.abera-guarantee-v2 *,\n.abera-guarantee-v2 *::before,\n.abera-guarantee-v2 *::after {\n box-sizing: border-box;\n}\n\n\n\/* =========================================================\n INNER\n========================================================= *\/\n\n.abera-guarantee-v2__inner {\n width: 100%;\n max-width: 1050px;\n\n margin: 0 auto;\n\n padding: 60px 24px 64px;\n\n text-align: center;\n}\n\n\n\/* =========================================================\n GUARANTEE BADGE\n========================================================= *\/\n\n.abera-guarantee-v2__badge {\n width: 165px;\n height: 165px;\n\n margin: 0 auto 30px;\n}\n\n\n.abera-guarantee-v2__badge svg {\n width: 100%;\n height: 100%;\n\n display: block;\n}\n\n\n\/* OUTER CIRCLE *\/\n\n.abera-guarantee-v2__outer-circle {\n fill: none;\n\n stroke: #111111;\n stroke-width: 2.4;\n}\n\n\n\/* INNER SIDE ARCS *\/\n\n.abera-guarantee-v2__inner-arc {\n fill: none;\n\n stroke: #111111;\n stroke-width: 2;\n\n stroke-linecap: round;\n}\n\n\n\/* CURVED TEXT *\/\n\n.abera-guarantee-v2__ring-text {\n fill: #111111;\n\n font-family: Arial, Helvetica, sans-serif;\n\n font-size: 10px;\n font-weight: 700;\n\n letter-spacing: 1.4px;\n\n text-transform: uppercase;\n}\n\n\n\/* NUMBER *\/\n\n.abera-guarantee-v2__number {\n fill: #111111;\n\n font-family: Arial, Helvetica, sans-serif;\n\n font-size: 45px;\n font-weight: 800;\n\n letter-spacing: -1px;\n}\n\n\n\/* DAYS *\/\n\n.abera-guarantee-v2__days {\n fill: #111111;\n\n font-family: Arial, Helvetica, sans-serif;\n\n font-size: 16px;\n font-weight: 800;\n\n letter-spacing: .4px;\n}\n\n\n\/* =========================================================\n TITLE\n========================================================= *\/\n\n.abera-guarantee-v2__title {\n max-width: 850px;\n\n margin: 0 auto 18px;\n\n color: #111111;\n\n font-size: clamp(32px, 4vw, 54px);\n line-height: 1.08;\n\n font-weight: 700;\n\n letter-spacing: -.6px;\n}\n\n\n\/* =========================================================\n DESCRIPTION\n========================================================= *\/\n\n.abera-guarantee-v2__description {\n max-width: 760px;\n\n margin: 0 auto;\n\n color: var(--muted);\n\n font-size: 17px;\n line-height: 1.62;\n}\n\n\n.abera-guarantee-v2__description strong {\n color: #111111;\n\n font-weight: 700;\n}\n\n\n\/* =========================================================\n MOBILE\n========================================================= *\/\n\n@media screen and (max-width: 749px) {\n\n .abera-guarantee-v2__inner {\n padding: 42px 18px 46px;\n }\n\n\n .abera-guarantee-v2__badge {\n width: 130px;\n height: 130px;\n\n margin-bottom: 24px;\n }\n\n\n .abera-guarantee-v2__title {\n margin-bottom: 14px;\n\n font-size: 31px;\n line-height: 1.12;\n }\n\n\n .abera-guarantee-v2__description {\n font-size: 14px;\n line-height: 1.58;\n }\n\n}\n\u003c\/style\u003e\n\n\n\u003csection class=\"abera-guarantee-v2\"\u003e\n\n \u003cdiv class=\"abera-guarantee-v2__inner\"\u003e\n\n\n \u003c!-- =====================================================\n LOGO GARANTÍA DE 30 DÍAS\n ====================================================== --\u003e\n\n \u003cdiv\n class=\"abera-guarantee-v2__badge\"\n aria-label=\"Garantía de reembolso de 30 días\"\n \u003e\n\n \u003csvg\n viewBox=\"0 0 180 180\"\n xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\n role=\"img\"\n aria-hidden=\"true\"\n \u003e\n\n\n \u003c!-- OUTER CIRCLE --\u003e\n\n \u003ccircle\n class=\"abera-guarantee-v2__outer-circle\"\n cx=\"90\"\n cy=\"90\"\n r=\"78\"\n \/\u003e\n\n\n \u003c!-- =================================================\n PATHS FOR CURVED TEXT\n ================================================== --\u003e\n\n \u003cdefs\u003e\n\n \u003cpath\n id=\"aberaMoneyBackTopES\"\n d=\"M 31,79\n A 62,62 0 0,1 149,79\"\n \/\u003e\n\n\n \u003cpath\n id=\"aberaMoneyBackBottomES\"\n d=\"M 37,126\n A 66,66 0 0,0 143,126\"\n \/\u003e\n\n \u003c\/defs\u003e\n\n\n\n \u003c!-- =================================================\n SIDE INNER ARCS\n ================================================== --\u003e\n\n \u003cpath\n class=\"abera-guarantee-v2__inner-arc\"\n d=\"M48 60\n C38 76 37 101 49 119\"\n \/\u003e\n\n \u003cpath\n class=\"abera-guarantee-v2__inner-arc\"\n d=\"M132 60\n C142 76 143 101 131 119\"\n \/\u003e\n\n\n\n \u003c!-- =================================================\n TOP TEXT\n ================================================== --\u003e\n\n \u003ctext class=\"abera-guarantee-v2__ring-text\"\u003e\n\n \u003ctextPath\n href=\"#aberaMoneyBackTopES\"\n startOffset=\"50%\"\n text-anchor=\"middle\"\n \u003e\n REEMBOLSO\n \u003c\/textPath\u003e\n\n \u003c\/text\u003e\n\n\n\n \u003c!-- =================================================\n CENTER\n ================================================== --\u003e\n\n \u003ctext\n class=\"abera-guarantee-v2__number\"\n x=\"90\"\n y=\"91\"\n text-anchor=\"middle\"\n \u003e\n 30\n \u003c\/text\u003e\n\n\n \u003ctext\n class=\"abera-guarantee-v2__days\"\n x=\"90\"\n y=\"111\"\n text-anchor=\"middle\"\n \u003e\n DÍAS\n \u003c\/text\u003e\n\n\n\n \u003c!-- =================================================\n BOTTOM TEXT\n ================================================== --\u003e\n\n \u003ctext class=\"abera-guarantee-v2__ring-text\"\u003e\n\n \u003ctextPath\n href=\"#aberaMoneyBackBottomES\"\n startOffset=\"50%\"\n text-anchor=\"middle\"\n \u003e\n GARANTÍA\n \u003c\/textPath\u003e\n\n \u003c\/text\u003e\n\n\n \u003c\/svg\u003e\n\n \u003c\/div\u003e\n\n\n\n \u003c!-- =====================================================\n CONTENT\n ====================================================== --\u003e\n\n \u003ch2 class=\"abera-guarantee-v2__title\"\u003e\n Pruébalo Durante 30 Días.\u003cbr\u003e\n Si No Ves Resultados, No Pagas.\n \u003c\/h2\u003e\n\n\n \u003cp class=\"abera-guarantee-v2__description\"\u003e\n Sabemos que probablemente ya has probado productos que no dieron resultados.\n Usa \u003cstrong\u003eABERA MEN Retinol Serum\u003c\/strong\u003e de forma constante durante\n 30 días. Si no notas una diferencia, simplemente devuélvelo para solicitar\n un reembolso.\n \u003c\/p\u003e\n\n\n \u003c\/div\u003e\n\n\u003c\/section\u003e\n\u003cstyle\u003e\n\/* =========================================================\n ABERA MEN RETINOL\n FAQ SECTION\n========================================================= *\/\n\n.abera-faq-section {\n width: 100%;\n max-width: 1100px;\n\n margin: 0 auto;\n\n padding: 48px 24px;\n\n font-family: Arial, Helvetica, sans-serif;\n\n color: #111111;\n background: #ffffff;\n\n box-sizing: border-box;\n}\n\n\n.abera-faq-section *,\n.abera-faq-section *::before,\n.abera-faq-section *::after {\n box-sizing: border-box;\n}\n\n\n\/* =========================================================\n TITLE\n========================================================= *\/\n\n.abera-faq-title {\n margin: 0 0 20px 0;\n\n padding: 0;\n\n color: #000000;\n\n font-size: 28px;\n line-height: 1.3;\n\n font-weight: 800;\n\n text-transform: uppercase;\n}\n\n\n\/* =========================================================\n FAQ LIST\n========================================================= *\/\n\n.abera-faq-list {\n width: 100%;\n\n margin: 0;\n padding: 0;\n\n border-top: 1px solid #dddddd;\n}\n\n\n\/* =========================================================\n FAQ ITEM\n========================================================= *\/\n\n.abera-faq-item {\n width: 100%;\n\n margin: 0;\n padding: 0;\n\n background: #ffffff;\n\n border: none;\n border-bottom: 1px solid #dddddd;\n}\n\n\n\/* REMOVE DEFAULT DETAILS ARROW *\/\n\n.abera-faq-item summary {\n list-style: none;\n}\n\n\n.abera-faq-item summary::-webkit-details-marker {\n display: none;\n}\n\n\n\/* =========================================================\n QUESTION\n========================================================= *\/\n\n.abera-faq-question {\n position: relative;\n\n display: block;\n\n width: 100%;\n\n margin: 0;\n\n padding: 18px 46px 18px 0;\n\n background: #ffffff;\n color: #111111;\n\n cursor: pointer;\n\n font-size: 16px;\n line-height: 1.4;\n\n font-weight: 700;\n}\n\n\n\/* PLUS *\/\n\n.abera-faq-question::after {\n content: \"+\";\n\n position: absolute;\n\n right: 4px;\n top: 50%;\n\n transform: translateY(-50%);\n\n color: #111111;\n\n font-size: 24px;\n line-height: 1;\n\n font-weight: 400;\n}\n\n\n\/* MINUS WHEN OPEN *\/\n\n.abera-faq-item[open] .abera-faq-question::after {\n content: \"−\";\n}\n\n\n\/* =========================================================\n ANSWER\n========================================================= *\/\n\n.abera-faq-answer {\n width: 100%;\n\n margin: 0;\n\n padding: 0 42px 20px 0;\n\n background: #ffffff;\n\n color: #444444;\n\n font-size: 15px;\n line-height: 1.6;\n\n font-weight: 400;\n}\n\n\n.abera-faq-answer p {\n margin: 0;\n padding: 0;\n}\n\n\n.abera-faq-answer strong {\n color: #111111;\n\n font-weight: 700;\n}\n\n\n\/* =========================================================\n DOSAGE\n========================================================= *\/\n\n.abera-faq-dosage {\n margin-top: 9px;\n}\n\n\n.abera-faq-dosage div {\n margin: 3px 0;\n}\n\n\n\/* =========================================================\n MOBILE\n========================================================= *\/\n\n@media screen and (max-width: 749px) {\n\n .abera-faq-section {\n width: 100%;\n max-width: 100%;\n\n margin: 0 auto;\n\n padding: 20px 16px;\n }\n\n\n .abera-faq-title {\n margin-bottom: 16px;\n\n font-size: 20px;\n line-height: 1.35;\n }\n\n\n .abera-faq-question {\n padding: 16px 38px 16px 0;\n\n font-size: 15px;\n line-height: 1.4;\n }\n\n\n .abera-faq-question::after {\n right: 2px;\n\n font-size: 22px;\n }\n\n\n .abera-faq-answer {\n padding: 0 28px 17px 0;\n\n font-size: 14px;\n line-height: 1.55;\n }\n\n}\n\u003c\/style\u003e\n\n\n\u003csection class=\"abera-faq-section\"\u003e\n\n \u003c!-- =====================================================\n TITLE\n ====================================================== --\u003e\n\n \u003ch2 class=\"abera-faq-title\"\u003e\n PREGUNTAS FRECUENTES\n \u003c\/h2\u003e\n\n\n \u003c!-- =====================================================\n FAQ LIST\n ====================================================== --\u003e\n\n \u003cdiv class=\"abera-faq-list\"\u003e\n\n\n \u003c!-- ===================================================\n FAQ 01\n ==================================================== --\u003e\n\n \u003cdetails class=\"abera-faq-item\"\u003e\n\n \u003csummary class=\"abera-faq-question\"\u003e\n ¿Para quién está diseñado ABERA MEN Retinol Serum?\n \u003c\/summary\u003e\n\n \u003cdiv class=\"abera-faq-answer\"\u003e\n\n \u003cp\u003e\n ABERA MEN Retinol Serum está diseñado para hombres que buscan\n una solución de cuidado de la piel sencilla pero eficaz para\n ayudar a mejorar la apariencia de las líneas finas, la textura\n irregular, la piel opaca y la resequedad. Formulado con\n \u003cstrong\u003e0.1% de retinol\u003c\/strong\u003e e ingredientes que ayudan a\n cuidar la piel, es ideal para hombres que buscan una piel\n más suave, saludable y con una apariencia más renovada.\n \u003c\/p\u003e\n\n \u003c\/div\u003e\n\n \u003c\/details\u003e\n\n\n \u003c!-- ===================================================\n FAQ 02\n ==================================================== --\u003e\n\n \u003cdetails class=\"abera-faq-item\"\u003e\n\n \u003csummary class=\"abera-faq-question\"\u003e\n ¿ABERA MEN Retinol Serum deja residuos en la piel?\n \u003c\/summary\u003e\n\n \u003cdiv class=\"abera-faq-answer\"\u003e\n\n \u003cp\u003e\n Su fórmula ligera se absorbe fácilmente y está diseñada\n para dejar la piel cómoda e hidratada, sin una sensación\n pesada, grasosa o pegajosa.\n \u003c\/p\u003e\n\n \u003c\/div\u003e\n\n \u003c\/details\u003e\n\n\n \u003c!-- ===================================================\n FAQ 03\n ==================================================== --\u003e\n\n \u003cdetails class=\"abera-faq-item\"\u003e\n\n \u003csummary class=\"abera-faq-question\"\u003e\n ¿Cuándo empezaré a notar resultados?\n \u003c\/summary\u003e\n\n \u003cdiv class=\"abera-faq-answer\"\u003e\n\n \u003cp\u003e\n Los resultados pueden variar según el tipo de piel y la\n constancia de uso. Con el uso regular, puedes comenzar a\n notar mejoras en la hidratación y la textura de la piel\n durante las primeras semanas. La apariencia de las líneas\n finas, manchas oscuras y el tono desigual puede mejorar\n gradualmente con el tiempo.\n \u003c\/p\u003e\n\n \u003c\/div\u003e\n\n \u003c\/details\u003e\n\n\n \u003c!-- ===================================================\n FAQ 04\n ==================================================== --\u003e\n\n \u003cdetails class=\"abera-faq-item\"\u003e\n\n \u003csummary class=\"abera-faq-question\"\u003e\n ¿Cuánto producto debo usar?\n \u003c\/summary\u003e\n\n \u003cdiv class=\"abera-faq-answer\"\u003e\n\n \u003cp\u003e\n Generalmente, unas pocas gotas son suficientes para el rostro\n y el cuello. Puedes ajustar ligeramente la cantidad según las\n necesidades de tu piel.\n \u003c\/p\u003e\n\n\n \u003cdiv class=\"abera-faq-dosage\"\u003e\n\n \u003cdiv\u003e\n \u003cstrong\u003ePiel seca:\u003c\/strong\u003e\n 5–7 gotas\n \u003c\/div\u003e\n\n \u003cdiv\u003e\n \u003cstrong\u003ePiel normal:\u003c\/strong\u003e\n 4–6 gotas\n \u003c\/div\u003e\n\n \u003cdiv\u003e\n \u003cstrong\u003ePiel grasa:\u003c\/strong\u003e\n 3–5 gotas\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n \u003c\/details\u003e\n\n\n \u003c!-- ===================================================\n FAQ 05\n ==================================================== --\u003e\n\n \u003cdetails class=\"abera-faq-item\"\u003e\n\n \u003csummary class=\"abera-faq-question\"\u003e\n ¿Con qué frecuencia debo usar retinol?\n \u003c\/summary\u003e\n\n \u003cdiv class=\"abera-faq-answer\"\u003e\n\n \u003cp\u003e\n Comienza usándolo\n \u003cstrong\u003e2–3 noches por semana\u003c\/strong\u003e\n y aumenta gradualmente la frecuencia a medida que tu piel\n se acostumbre. Aplícalo por la noche sobre la piel limpia\n y seca, y continúa con una crema hidratante si es necesario.\n \u003c\/p\u003e\n\n \u003c\/div\u003e\n\n \u003c\/details\u003e\n\n\n \u003c!-- ===================================================\n FAQ 06\n ==================================================== --\u003e\n\n \u003cdetails class=\"abera-faq-item\"\u003e\n\n \u003csummary class=\"abera-faq-question\"\u003e\n ¿Necesito usar protector solar mientras uso retinol?\n \u003c\/summary\u003e\n\n \u003cdiv class=\"abera-faq-answer\"\u003e\n\n \u003cp\u003e\n Sí. Usa un\n \u003cstrong\u003eprotector solar de amplio espectro SPF 30 o superior\u003c\/strong\u003e\n todas las mañanas y evita la exposición excesiva al sol\n mientras estés usando retinol.\n \u003c\/p\u003e\n\n \u003c\/div\u003e\n\n \u003c\/details\u003e\n\n\n \u003c!-- ===================================================\n FAQ 07\n ==================================================== --\u003e\n\n \u003cdetails class=\"abera-faq-item\"\u003e\n\n \u003csummary class=\"abera-faq-question\"\u003e\n Tengo piel sensible o alergias, ¿puedo usarlo?\n \u003c\/summary\u003e\n\n \u003cdiv class=\"abera-faq-answer\"\u003e\n\n \u003cp\u003e\n Revisa la lista completa de ingredientes antes de usar el\n producto y realiza primero una prueba en una pequeña zona\n de la piel. Si tu piel es especialmente sensible, comienza\n usándolo menos veces por semana y aumenta la frecuencia\n gradualmente según la tolerancia de tu piel.\n \u003c\/p\u003e\n\n \u003c\/div\u003e\n\n \u003c\/details\u003e\n\n\n \u003c!-- ===================================================\n FAQ 08\n ==================================================== --\u003e\n\n \u003cdetails class=\"abera-faq-item\"\u003e\n\n \u003csummary class=\"abera-faq-question\"\u003e\n ¿Cuánto tardará en llegar mi pedido?\n \u003c\/summary\u003e\n\n \u003cdiv class=\"abera-faq-answer\"\u003e\n\n \u003cp\u003e\n Los pedidos normalmente se envían en un plazo de\n \u003cstrong\u003e3–6 días hábiles\u003c\/strong\u003e\n desde nuestro almacén en Estados Unidos.\n Todos los pedidos incluyen información de seguimiento.\n \u003c\/p\u003e\n\n \u003c\/div\u003e\n\n \u003c\/details\u003e\n\n\n \u003c\/div\u003e\n\n\u003c\/section\u003e","brand":"Abera","offers":[{"title":"1 Bottle","offer_id":54075669086576,"sku":"CB-RETINOLTH069+SL1","price":25.0,"currency_code":"USD","in_stock":true},{"title":"2 Bottles + 🎁 1 Turmeric Rice Cleanser","offer_id":54075669119344,"sku":"CB-RETINOLTH069+SL2-CB-SRMABERA30+SL1","price":45.0,"currency_code":"USD","in_stock":true},{"title":"3 Bottles + 🎁 1 Microneedle Derma Roller","offer_id":54075669152112,"sku":"CB-RETINOLTH069+SL3-CB-LKOEM050+SL1","price":55.0,"currency_code":"USD","in_stock":true},{"title":"Face + Body Bundle","offer_id":54168374772080,"sku":"CB-RETINOLTH069+SL1-CB-USASTABM+SL1","price":38.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/Retinol_d0e66e72-1657-4b5c-925f-bf7ebcf1badf.webp?v=1786697221"},{"product_id":"collagen-neck-cream","title":"Crema de Colágeno para Cuello Oscuro y Cuello Arrugado","description":"\u003c!-- ============================================================= --\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003c!-- ==== PEGA DESDE AQUÍ EN SHOPIFY (inicio) ================ --\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003c!-- ============================================================= --\u003e\n\u003cstyle\u003e\n #abera-ncc{\n --plum:#3B2A3A; --plum-soft:#5A4453; --bronze:#B07A46; --bronze-deep:#8A5C30;\n --blush:#F6EFEC; --blush-deep:#EFE3DD; --cream:#FFFDFB; --ink:#2B2028; --line:#E4D5CE;\n font-family:'Inter',-apple-system,BlinkMacSystemFont,\"Segoe UI\",Roboto,sans-serif;\n color:var(--ink); line-height:1.6; font-size:16px; background:var(--cream);\n max-width:100%; margin:0 auto; -webkit-font-smoothing:antialiased;\n }\n #abera-ncc *{box-sizing:border-box;}\n #abera-ncc h1,#abera-ncc h2,#abera-ncc h3{font-family:'Fraunces',Georgia,serif; font-weight:500; color:var(--plum); line-height:1.15; margin:0;}\n #abera-ncc p{margin:0 0 1em;}\n #abera-ncc .ncc-wrap{padding:0 22px;}\n #abera-ncc .ncc-eyebrow{font-family:'Inter',sans-serif; font-weight:600; letter-spacing:.14em; text-transform:uppercase; font-size:12px; color:var(--bronze-deep); margin:0 0 14px;}\n \n \/* HERO *\/\n #abera-ncc .ncc-hero{background:linear-gradient(160deg,#4A3444 0%,#3B2A3A 60%,#2E2030 100%); color:#F6EFEC; padding:52px 26px 46px; text-align:center;}\n #abera-ncc .ncc-hero .ncc-eyebrow{color:#E3B98C;}\n #abera-ncc .ncc-hero h1{color:#FFFDFB; font-size:33px; letter-spacing:-.01em;}\n #abera-ncc .ncc-hero h1 em{font-style:italic; color:#E3B98C;}\n #abera-ncc .ncc-sub{max-width:530px; margin:16px auto 0; color:#E7D9D1; font-size:17px;}\n #abera-ncc .ncc-trustrow{display:flex; flex-wrap:wrap; gap:10px 22px; justify-content:center; margin-top:26px; font-size:13.5px; color:#F0E4DC; font-weight:500;}\n #abera-ncc .ncc-trustrow span{display:inline-flex; align-items:center; gap:7px;}\n #abera-ncc .ncc-trustrow b{color:#E3B98C; font-weight:700;}\n \n \/* SECTION SHELL *\/\n #abera-ncc .ncc-sec{padding:46px 0;}\n #abera-ncc .ncc-sec.tint{background:var(--blush);}\n #abera-ncc .ncc-sec.dark{background:linear-gradient(160deg,#4A3444,#2E2030); color:#E7D9D1;}\n #abera-ncc .ncc-sec.dark h2{color:#FFFDFB;} #abera-ncc .ncc-sec.dark .ncc-eyebrow{color:#E3B98C;}\n #abera-ncc .ncc-sec h2{font-size:26px; margin-bottom:8px;}\n #abera-ncc .ncc-lede{color:var(--plum-soft); font-size:17px; max-width:600px;}\n #abera-ncc .ncc-sec.dark .ncc-lede{color:#E7D9D1;}\n #abera-ncc .ncc-body{font-size:16px; max-width:600px;}\n \n \/* DE-SHAME callout *\/\n #abera-ncc .ncc-note{background:var(--cream); border:1px solid var(--line); border-left:4px solid var(--bronze); border-radius:12px; padding:18px 20px; margin-top:22px;}\n #abera-ncc .ncc-note b{color:var(--plum);}\n \n \/* MECHANISM actives *\/\n #abera-ncc .ncc-mech{display:grid; gap:12px; margin-top:24px;}\n #abera-ncc .ncc-mech .m{display:flex; gap:14px; align-items:flex-start; background:var(--cream); border:1px solid var(--line); border-radius:12px; padding:16px 18px;}\n #abera-ncc .ncc-mech .m .k{flex:0 0 auto; font-family:'Fraunces',serif; font-size:15px; font-weight:600; color:#fff; background:linear-gradient(135deg,var(--bronze),var(--bronze-deep)); padding:6px 12px; border-radius:99px; white-space:nowrap;}\n #abera-ncc .ncc-mech .m p{margin:0; font-size:14.5px; color:var(--plum-soft);}\n #abera-ncc .ncc-mech .m b{color:var(--plum);}\n \n \/* CAROUSEL *\/\n #abera-ncc .ncc-carousel{position:relative; margin-top:22px;}\n #abera-ncc .ncc-track{display:flex; gap:12px; overflow-x:auto; scroll-snap-type:x mandatory; -webkit-overflow-scrolling:touch; scrollbar-width:none; border-radius:14px;}\n #abera-ncc .ncc-track::-webkit-scrollbar{display:none;}\n #abera-ncc .ncc-slide{flex:0 0 100%; scroll-snap-align:center;}\n #abera-ncc .ncc-slide img{width:100%; display:block; border-radius:14px;}\n #abera-ncc .ncc-arrow{position:absolute; top:50%; transform:translateY(-50%); width:42px; height:42px; border-radius:50%; border:none; background:rgba(59,42,58,.72); color:#fff; font-size:20px; line-height:1; cursor:pointer; display:flex; align-items:center; justify-content:center; z-index:2;}\n #abera-ncc .ncc-arrow:hover{background:rgba(59,42,58,.9);}\n #abera-ncc .ncc-arrow.prev{left:10px;}\n #abera-ncc .ncc-arrow.next{right:10px;}\n #abera-ncc .ncc-dots{display:flex; gap:8px; justify-content:center; margin-top:14px;}\n #abera-ncc .ncc-dot{width:9px; height:9px; border-radius:50%; background:var(--line); border:none; cursor:pointer; padding:0;}\n #abera-ncc .ncc-dot.active{background:var(--bronze);}\n #abera-ncc .ncc-swipehint{text-align:center; font-size:12.5px; color:var(--plum-soft); margin-top:12px; letter-spacing:.02em;}\n \n \/* BENEFIT CARDS *\/\n #abera-ncc .ncc-cards{display:grid; grid-template-columns:repeat(3,1fr); gap:14px; margin-top:26px;}\n #abera-ncc .ncc-card{background:var(--cream); border:1px solid var(--line); border-radius:14px; padding:22px 18px;}\n #abera-ncc .ncc-card .ic{width:44px; height:44px; border-radius:11px; background:var(--blush-deep); display:flex; align-items:center; justify-content:center; margin-bottom:14px;}\n #abera-ncc .ncc-card h3{font-size:17px; margin-bottom:7px;}\n #abera-ncc .ncc-card p{font-size:14px; color:var(--plum-soft); margin-bottom:0;}\n \n \/* INGREDIENTS *\/\n #abera-ncc .ncc-ing{display:grid; grid-template-columns:repeat(2,1fr); gap:12px; margin-top:24px;}\n #abera-ncc .ncc-ing .row{display:flex; gap:14px; align-items:center; background:var(--cream); border:1px solid var(--line); border-radius:12px; padding:12px;}\n #abera-ncc .ncc-ing-img{flex:0 0 33%; width:33%; aspect-ratio:1\/1; border-radius:12px; object-fit:cover; display:block;}\n #abera-ncc .ncc-ing b{display:block; color:var(--plum); font-size:15px;}\n #abera-ncc .ncc-ing span{font-size:13.5px; color:var(--plum-soft);}\n \n \/* TIMELINE *\/\n #abera-ncc .ncc-steps{display:grid; grid-template-columns:repeat(3,1fr); gap:16px; margin-top:26px;}\n #abera-ncc .ncc-step .n{font-family:'Fraunces',serif; font-size:34px; color:var(--bronze); line-height:1; display:block; margin-bottom:8px;}\n #abera-ncc .ncc-step h3{font-size:16px; margin-bottom:5px;}\n #abera-ncc .ncc-step p{font-size:14px; color:var(--plum-soft); margin-bottom:0;}\n \n \/* FEATURE (roller) *\/\n #abera-ncc .ncc-feature{display:grid; grid-template-columns:1fr 1fr; gap:26px; align-items:center;}\n #abera-ncc .ncc-feature ul{list-style:none; padding:0; margin:18px 0 0; display:grid; gap:12px;}\n #abera-ncc .ncc-feature li{display:flex; gap:11px; font-size:15px;}\n #abera-ncc .ncc-feature li b{color:var(--plum);}\n #abera-ncc .ncc-feature li svg{flex:0 0 20px; margin-top:3px;}\n \n \/* SECONDARY firm\/smooth *\/\n #abera-ncc .ncc-second{display:grid; grid-template-columns:1fr 1fr; gap:24px; align-items:center;}\n #abera-ncc .ncc-second img{width:100%; border-radius:14px; display:block;}\n \n \/* GUARANTEE BAR *\/\n #abera-ncc .ncc-bar{background:var(--plum); color:#F0E4DC; border-radius:16px; padding:30px 26px; display:grid; grid-template-columns:repeat(3,1fr); gap:20px; text-align:center;}\n #abera-ncc .ncc-bar h3{color:#E3B98C; font-size:16px; margin-bottom:5px;}\n #abera-ncc .ncc-bar p{font-size:13.5px; color:#E7D9D1; margin-bottom:0;}\n \n \/* FAQ *\/\n #abera-ncc .ncc-faq{margin-top:22px; border-top:1px solid var(--line);}\n #abera-ncc .ncc-faq details{border-bottom:1px solid var(--line);}\n #abera-ncc .ncc-faq summary{cursor:pointer; list-style:none; padding:17px 4px; font-weight:600; color:var(--plum); font-size:16px; display:flex; justify-content:space-between; align-items:center; gap:16px;}\n #abera-ncc .ncc-faq summary::-webkit-details-marker{display:none;}\n #abera-ncc .ncc-faq summary::after{content:\"+\"; font-size:22px; color:var(--bronze); font-weight:400; line-height:1;}\n #abera-ncc .ncc-faq details[open] summary::after{content:\"\\2013\";}\n #abera-ncc .ncc-faq p{padding:0 4px 18px; color:var(--plum-soft); font-size:15px; margin:0;}\n \n \/* FINAL CTA *\/\n #abera-ncc .ncc-final{background:linear-gradient(160deg,#4A3444,#2E2030); color:#F6EFEC; text-align:center; padding:48px 26px;}\n #abera-ncc .ncc-final h2{color:#FFFDFB; font-size:28px;}\n #abera-ncc .ncc-final p{color:#E7D9D1; max-width:470px; margin:14px auto 0;}\n #abera-ncc .ncc-cta-btn{display:inline-block; margin-top:24px; background:#E3B98C; color:var(--plum); font-family:'Inter',sans-serif; font-weight:700; font-size:16px; letter-spacing:.02em; text-decoration:none; padding:16px 34px; border-radius:99px; border:none; cursor:pointer; transition:transform .15s ease, background .15s ease;}\n #abera-ncc .ncc-cta-btn:hover{background:#EFCBA3; transform:translateY(-2px);}\n \n \/* MOBILE *\/\n @media (max-width:600px){\n #abera-ncc .ncc-hero h1{font-size:26px;}\n #abera-ncc .ncc-cards,#abera-ncc .ncc-ing,#abera-ncc .ncc-feature,#abera-ncc .ncc-steps,#abera-ncc .ncc-bar,#abera-ncc .ncc-second{grid-template-columns:1fr;}\n #abera-ncc .ncc-sec h2{font-size:22px;}\n }\n\u003c\/style\u003e\n\u003cdiv id=\"abera-ncc\"\u003e\n\n\u003c!-- ========== HERO ========== --\u003e\u003cheader class=\"ncc-hero\"\u003e\n\u003cp class=\"ncc-eyebrow\"\u003eTratamiento específico para el cuello oscuro\u003c\/p\u003e\n\n\u003ch1\u003eAtenúa el cuello oscuro y opaco — \u003cem\u003eel que frotar nunca logra limpiar\u003c\/em\u003e\n\n\u003c\/h1\u003e\n\n\u003cp class=\"ncc-sub\"\u003eUna crema roll-on diseñada para atenuar visiblemente la piel oscura y engrosada que suele asociarse con la acantosis nigricans, gracias a nuestro Complejo Bloqueador de Melanina. También reafirma y suaviza.\u003c\/p\u003e\n\n\u003cdiv class=\"ncc-trustrow\"\u003e\n\n\u003cspan\u003e✔ Resultados visibles en tan solo \u003cb\u003e5 aplicaciones\u003c\/b\u003e\u003c\/span\u003e \u003cspan\u003e✔ Complejo \u003cb\u003eBloqueador de Melanina\u003c\/b\u003e\u003c\/span\u003e \u003cspan\u003e✔ Roll-on, \u003cb\u003esin ensuciar\u003c\/b\u003e\u003c\/span\u003e\n\n\u003c\/div\u003e\n\n\u003c\/header\u003e\u003c!-- ========== ELIMINAR LA VERGÜENZA ========== --\u003e\n\u003csection class=\"ncc-sec\"\u003e\n\u003cdiv class=\"ncc-wrap\"\u003e\n\n\u003cp class=\"ncc-eyebrow\"\u003eLee esto primero\u003c\/p\u003e\n\n\u003ch2\u003eNo es suciedad. Y no es culpa tuya.\u003c\/h2\u003e\n\n\u003cp class=\"ncc-body\"\u003eSi la piel de tu cuello se ve oscura, opaca o «sucia» por mucho que te frotes, no estás haciendo nada mal. Esos pliegues más oscuros y gruesos suelen ser un signo de \u003cb\u003eacantosis nigricans\u003c\/b\u003e, una reacción cutánea común relacionada con las hormonas, la insulina, la fricción o la genética.\u003c\/p\u003e\n\n\u003cdiv class=\"ncc-note\"\u003e\n\n\u003cp style=\"margin: 0;\"\u003e\u003cb\u003eEsto es lo que nadie te cuenta:\u003c\/b\u003e el pigmento se encuentra \u003cem\u003edentro\u003c\/em\u003e de la piel, no sobre ella. Por eso el jabón y frotar no pueden eliminarlo, y por eso frotar con fuerza puede incluso empeorar el oscurecimiento.\u003c\/p\u003e\n\n\n\u003c\/div\u003e\n\n\u003c!-- IMAGEN: primer plano de un cuello oscuro --\u003e\n\u003cdiv style=\"margin-top: 24px;\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/neck-cream-dark-neck-before-after.webp?v=1786444466\" alt=\"Piel oscura y engrosada del cuello asociada con la acantosis nigricans\" style=\"width: 100%; border-radius: 14px; display: block;\"\u003e\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\u003c\/section\u003e\n\u003c!-- ========== ANTES \/ DESPUÉS DESLIZABLE ========== --\u003e\n\u003csection class=\"ncc-sec\"\u003e\n\u003cdiv class=\"ncc-wrap\"\u003e\n\n\u003cp class=\"ncc-eyebrow\"\u003eResultados reales\u003c\/p\u003e\n\n\u003ch2\u003eDesliza para ver la diferencia\u003c\/h2\u003e\n\n\u003cdiv class=\"ncc-carousel\"\u003e\n\n\u003cdiv class=\"ncc-track\"\u003e\n\n\u003cdiv class=\"ncc-slide\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/Hinh_1_af94f800-5e20-4141-899a-ff96d713c9f7.webp?v=1787045252\" alt=\"Cuello oscuro antes y después, resultado 1\"\u003e\u003c\/div\u003e\n\n\u003cdiv class=\"ncc-slide\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/Hinh_2_6ffbd063-4ef7-4086-99b6-4541e7d0ffc7.webp?v=1787045252\" alt=\"Cuello oscuro antes y después, resultado 2\"\u003e\u003c\/div\u003e\n\n\u003cdiv class=\"ncc-slide\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/Hinh_3_9e0e3c15-a87a-46ee-973d-ed36cddeedec.webp?v=1787045252\" alt=\"Cuello oscuro antes y después, resultado 3\"\u003e\u003c\/div\u003e\n\n\u003cdiv class=\"ncc-slide\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/Hinh_4_37801269-1f44-432f-b9a9-4e2f90da2c14.webp?v=1787045252\" alt=\"Cuello oscuro antes y después, resultado 4\"\u003e\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\u003cbutton class=\"ncc-arrow prev\"\u003e‹\u003c\/button\u003e \u003cbutton class=\"ncc-arrow next\"\u003e›\u003c\/button\u003e\n\n\u003c\/div\u003e\n\n\u003cdiv class=\"ncc-dots\"\u003e\n\n\u003cbutton class=\"ncc-dot active\"\u003e\u003c\/button\u003e \u003cbutton class=\"ncc-dot\"\u003e\u003c\/button\u003e \u003cbutton class=\"ncc-dot\"\u003e\u003c\/button\u003e \u003cbutton class=\"ncc-dot\"\u003e\u003c\/button\u003e\n\n\u003c\/div\u003e\n\n\u003cp class=\"ncc-swipehint\"\u003e← desliza para ver más →\u003c\/p\u003e\n\n\u003cp style=\"font-size: 12.5px; color: var(--plum-soft); margin-top: 14px; text-align: center;\"\u003eLos resultados individuales varían según el tipo de piel y la constancia de uso.\u003c\/p\u003e\n\n\n\u003c\/div\u003e\n\n\u003c\/section\u003e\n\u003c!-- ========== CRONOGRAMA ========== --\u003e\n\u003csection class=\"ncc-sec dark\"\u003e\n\u003cdiv class=\"ncc-wrap\"\u003e\n\n\u003cp class=\"ncc-eyebrow\"\u003eQué esperar\u003c\/p\u003e\n\n\u003ch2\u003eResultados visibles rápidamente. Máxima eficacia hacia la sexta semana.\u003c\/h2\u003e\n\n\u003cp class=\"ncc-lede\"\u003eSin frases vagas como «los resultados pueden tardar meses». Este es el cronograma real.\u003c\/p\u003e\n\n\u003cdiv class=\"ncc-steps\"\u003e\n\n\u003cdiv class=\"ncc-step\"\u003e\n\n\u003cspan class=\"n\"\u003e1–5\u003c\/span\u003e\n\u003ch3\u003ePrimeras 5 aplicaciones\u003c\/h3\u003e\n\n\u003cp style=\"color: #e7d9d1;\"\u003eLa piel se siente más suave y tersa; el tono empieza a verse más fresco y menos opaco.\u003c\/p\u003e\n\n\n\u003c\/div\u003e\n\n\u003cdiv class=\"ncc-step\"\u003e\n\n\u003cspan class=\"n\"\u003e2–4\u003c\/span\u003e\n\u003ch3\u003eSemanas 2–4\u003c\/h3\u003e\n\n\u003cp style=\"color: #e7d9d1;\"\u003eLos pliegues oscuros empiezan a aclararse visiblemente; el tono general se ve más uniforme.\u003c\/p\u003e\n\n\n\u003c\/div\u003e\n\n\u003cdiv class=\"ncc-step\"\u003e\n\n\u003cspan class=\"n\"\u003e4–6\u003c\/span\u003e\n\u003ch3\u003eSemanas 4–6\u003c\/h3\u003e\n\n\u003cp style=\"color: #e7d9d1;\"\u003eResultados óptimos: un cuello más luminoso, uniforme y de aspecto más firme.\u003c\/p\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\u003c\/section\u003e\n\u003c!-- ========== CÓMO FUNCIONA + ACTIVOS (combinado) ========== --\u003e\n\u003csection class=\"ncc-sec tint\"\u003e\n\u003cdiv class=\"ncc-wrap\"\u003e\n\n\u003cp class=\"ncc-eyebrow\"\u003eCómo funciona\u003c\/p\u003e\n\n\u003ch2\u003eNo puedes eliminar el pigmento lavándolo. Tienes que combatirlo.\u003c\/h2\u003e\n\n\u003cp class=\"ncc-lede\"\u003eUn cuello oscuro no es suciedad superficial, sino un exceso de pigmento en la piel. Nuestro Complejo Bloqueador de Melanina combina tres iluminadores clínicamente probados para atenuarlo, además de nanocollageno para reafirmar.\u003c\/p\u003e\n\n\u003cdiv class=\"ncc-ing\"\u003e\n\n\u003cdiv class=\"row\"\u003e\n\n\u003cimg class=\"ncc-ing-img\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/neck-cream-niacinamide.webp?v=1786444378\" alt=\"Niacinamida\"\u003e\n\u003cdiv\u003e\n\n\u003cb\u003eNiacinamida\u003c\/b\u003e\u003cspan\u003eInterrumpe la transferencia del exceso de pigmento y unifica el tono de los pliegues gruesos y decolorados, al tiempo que fortalece la barrera cutánea.\u003c\/span\u003e\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\u003cdiv class=\"row\"\u003e\n\n\u003cimg class=\"ncc-ing-img\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/neck-cream-alpha-arbutin.webp?v=1786444395\" alt=\"Alfa-arbutina\"\u003e\n\u003cdiv\u003e\n\n\u003cb\u003eAlfa-arbutina\u003c\/b\u003e\u003cspan\u003eUn iluminador suave y específico que actúa sobre las manchas oscuras rebeldes sin recurrir a blanqueadores agresivos.\u003c\/span\u003e\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\u003cdiv class=\"row\"\u003e\n\n\u003cimg class=\"ncc-ing-img\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/neck-cream-licorice-root.webp?v=1786444428\" alt=\"Extracto de raíz de regaliz\"\u003e\n\u003cdiv\u003e\n\n\u003cb\u003eExtracto de raíz de regaliz\u003c\/b\u003e\u003cspan\u003eCalma e ilumina al mismo tiempo, ayudando a atenuar con el tiempo el aspecto de la piel oscura y opaca.\u003c\/span\u003e\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\u003cdiv class=\"row\"\u003e\n\n\u003cimg class=\"ncc-ing-img\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/neck-cream-collagen.webp?v=1786444406\" alt=\"Nanocollageno hidrolizado\"\u003e\n\u003cdiv\u003e\n\n\u003cb\u003eNanocollageno hidrolizado\u003c\/b\u003e\u003cspan\u003eReafirma la piel flácida y favorece la elasticidad, para que el cuello luzca más luminoso \u003cem\u003ey\u003c\/em\u003e terso sin necesidad de otro producto.\u003c\/span\u003e\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\u003c\/section\u003e\n\u003c!-- ========== CARACTERÍSTICA DEL ROLL-ON ========== --\u003e\n\u003csection class=\"ncc-sec\"\u003e\n\u003cdiv class=\"ncc-wrap\"\u003e\n\n\u003cdiv class=\"ncc-feature\"\u003e\n\n\u003cdiv\u003e\n\n\u003cp class=\"ncc-eyebrow\"\u003eEl detalle distintivo\u003c\/p\u003e\n\n\u003ch2\u003eUn rodillo masajeador integrado\u003c\/h2\u003e\n\n\u003cp class=\"ncc-lede\"\u003ePreciso, sin ensuciar y ayuda a que los iluminadores alcancen los pliegues gruesos y profundos.\u003c\/p\u003e\n\n\u003cul\u003e\n\n\u003cli\u003e\n\n\u003csvg viewbox=\"0 0 24 24\" width=\"20\" height=\"20\" fill=\"none\" stroke=\"#B07A46\" stroke-width=\"2\"\u003e\u003cpath d=\"M20 6L9 17l-5-5\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003cspan\u003e\u003cb\u003eAplicación sin contacto\u003c\/b\u003e — la crema se aplica directamente sobre el cuello, sin desperdiciar producto en las manos.\u003c\/span\u003e\n\n\u003c\/li\u003e\n\n\u003cli\u003e\n\n\u003csvg viewbox=\"0 0 24 24\" width=\"20\" height=\"20\" fill=\"none\" stroke=\"#B07A46\" stroke-width=\"2\"\u003e\u003cpath d=\"M20 6L9 17l-5-5\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003cspan\u003e\u003cb\u003eMayor absorción\u003c\/b\u003e — el movimiento de rotación estimula la microcirculación y ayuda a que los activos penetren en la piel gruesa y con textura.\u003c\/span\u003e\n\n\u003c\/li\u003e\n\n\u003cli\u003e\n\n\u003csvg viewbox=\"0 0 24 24\" width=\"20\" height=\"20\" fill=\"none\" stroke=\"#B07A46\" stroke-width=\"2\"\u003e\u003cpath d=\"M20 6L9 17l-5-5\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003cspan\u003e\u003cb\u003eMasaje refrescante\u003c\/b\u003e que se siente como un mini tratamiento facial en casa.\u003c\/span\u003e\n\n\u003c\/li\u003e\n\n\n\u003c\/ul\u003e\n\n\n\u003c\/div\u003e\n\n\u003c!-- IMAGEN: rodillo --\u003e \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/neck-cream-roller.webp?v=1786444442\" alt=\"Aplicador rodillo masajeador integrado de la crema reafirmante para el cuello ABERA\" style=\"width: 100%; border-radius: 14px; display: block;\"\u003e\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\u003c\/section\u003e\n\u003c!-- ========== SECUNDARIO: REAFIRMA Y SUAVIZA (el ~20%) ========== --\u003e\n\u003csection class=\"ncc-sec tint\"\u003e\n\u003cdiv class=\"ncc-wrap\"\u003e\n\n\u003cdiv class=\"ncc-second\"\u003e\n\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/neck-cream-wrinkle.webp?v=1786444657\" alt=\"Cuello más suave y de aspecto más firme, con menos líneas\"\u003e\n\u003cdiv\u003e\n\n\u003cp class=\"ncc-eyebrow\"\u003eExtra\u003c\/p\u003e\n\n\u003ch2\u003eTambién reafirma y suaviza\u003c\/h2\u003e\n\n\u003cp style=\"font-size: 15.5px; color: var(--plum-soft); margin: 0;\"\u003eUn cuello oscuro suele presentar flacidez y arrugas profundas por el uso de dispositivos electrónicos. El nanocollageno ayuda a reafirmar y a suavizar esas arrugas, para que el cuello luzca más luminoso \u003cem\u003ey\u003c\/em\u003e terso.\u003c\/p\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\u003c\/section\u003e\n\u003c!-- ========== MODO DE USO ========== --\u003e\n\u003csection class=\"ncc-sec\"\u003e\n\u003cdiv class=\"ncc-wrap\"\u003e\n\n\u003cp class=\"ncc-eyebrow\"\u003eLa rutina\u003c\/p\u003e\n\n\u003ch2\u003eTres segundos, mañana y noche\u003c\/h2\u003e\n\n\u003cdiv class=\"ncc-steps\"\u003e\n\n\u003cdiv class=\"ncc-step\"\u003e\n\n\u003cspan class=\"n\"\u003e01\u003c\/span\u003e\n\u003ch3\u003eLimpieza\u003c\/h3\u003e\n\n\u003cp\u003eComienza con la piel del cuello y los pliegues limpios y secos.\u003c\/p\u003e\n\n\n\u003c\/div\u003e\n\n\u003cdiv class=\"ncc-step\"\u003e\n\n\u003cspan class=\"n\"\u003e02\u003c\/span\u003e\n\u003ch3\u003eAplicar con el rodillo\u003c\/h3\u003e\n\n\u003cp\u003eDesliza el rodillo sobre las zonas oscuras y engrosadas.\u003c\/p\u003e\n\n\n\u003c\/div\u003e\n\n\u003cdiv class=\"ncc-step\"\u003e\n\n\u003cspan class=\"n\"\u003e03\u003c\/span\u003e\n\u003ch3\u003eMasajear\u003c\/h3\u003e\n\n\u003cp\u003eDeja que se absorba. Úsalo dos veces al día: la constancia es fundamental.\u003c\/p\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\u003c\/section\u003e\n\u003c!-- ========== BARRA DE GARANTÍA ========== --\u003e\n\u003csection class=\"ncc-sec tint\"\u003e\n\u003cdiv class=\"ncc-wrap\"\u003e\n\n\u003cdiv class=\"ncc-bar\"\u003e\n\n\u003cdiv\u003e\n\n\u003ch3\u003eDiseñado para cuellos oscuros\u003c\/h3\u003e\n\n\u003cp\u003eActúa sobre el pigmento de los pliegues engrosados, no es una crema hidratante común.\u003c\/p\u003e\n\n\n\u003c\/div\u003e\n\n\u003cdiv\u003e\n\n\u003ch3\u003eUso diario suave\u003c\/h3\u003e\n\n\u003cp\u003eLigera, no grasa y respetuosa con la piel sensible del cuello.\u003c\/p\u003e\n\n\n\u003c\/div\u003e\n\n\u003cdiv\u003e\n\n\u003ch3\u003eRoll-on sin ensuciar\u003c\/h3\u003e\n\n\u003cp\u003eSin desperdicio ni residuos: desliza y listo.\u003c\/p\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\u003c\/section\u003e\n\u003c!-- ========== PREGUNTAS FRECUENTES ========== --\u003e\n\u003csection class=\"ncc-sec\"\u003e\n\u003cdiv class=\"ncc-wrap\"\u003e\n\n\u003cp class=\"ncc-eyebrow\"\u003eInformación útil\u003c\/p\u003e\n\n\u003ch2\u003eRespuestas a sus preguntas\u003c\/h2\u003e\n\n\u003cdiv class=\"ncc-faq\"\u003e\n\n\u003cdetails open=\"\"\u003e\n\u003csummary\u003e¿Por qué no se quita el cuello oscuro al lavarlo?\u003c\/summary\u003e\n\u003cp\u003ePorque normalmente no es suciedad. Los pliegues oscuros y engrosados del cuello suelen ser acantosis nigricans, un exceso de pigmento producido dentro de la piel en respuesta a factores como las hormonas, la insulina o la fricción. El jabón no puede alcanzarlo. Una fórmula iluminadora específica puede ayudar a atenuar su aspecto con el tiempo.\u003c\/p\u003e\n\n\u003c\/details\u003e\n\u003cdetails\u003e\n\u003csummary\u003e¿Cuánto tardaré en ver resultados?\u003c\/summary\u003e\n\u003cp\u003eMuchas personas notan una piel más suave y de aspecto más fresco en las primeras 5 aplicaciones. El aclaramiento visible de las manchas oscuras suele producirse entre la segunda y la sexta semana con un uso constante dos veces al día. Los resultados varían según el tipo de piel y la frecuencia de uso.\u003c\/p\u003e\n\n\u003c\/details\u003e\n\u003cdetails\u003e\n\u003csummary\u003e¿Ayudará con la acantosis nigricans?\u003c\/summary\u003e\n\u003cp\u003eEl Complejo Bloqueador de Melanina está diseñado para atenuar visiblemente el aspecto de la piel oscura y engrosada asociada con la acantosis nigricans. Es un producto cosmético para el cuidado de la piel, no un tratamiento médico. Si el oscurecimiento apareció de repente o se está extendiendo, consulte a un médico, ya que puede estar relacionado con problemas de salud subyacentes.\u003c\/p\u003e\n\n\u003c\/details\u003e\n\u003cdetails\u003e\n\u003csummary\u003e¿Es seguro para los tonos de piel más oscuros y la piel sensible?\u003c\/summary\u003e\n\u003cp\u003eSí. Está formulado para iluminar suavemente, sin blanqueadores agresivos, y es lo suficientemente ligero para la fina piel del cuello. Si sabes que tienes alguna sensibilidad, haz primero una prueba en una pequeña zona de la parte interior del brazo durante 24 horas.\u003c\/p\u003e\n\n\u003c\/details\u003e\n\u003cdetails\u003e\n\u003csummary\u003e¿Puedo usarlo con otros productos para el cuidado de la piel?\u003c\/summary\u003e\n\u003cp\u003ePor supuesto. Aplícalo sobre la piel limpia antes de cremas más densas o del protector solar, y deja que el rodillo lo masajee primero.\u003c\/p\u003e\n\n\u003c\/details\u003e\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\u003c\/section\u003e\n\u003c!-- ========== LLAMADA A LA ACCIÓN FINAL ========== --\u003e\n\u003csection class=\"ncc-final\"\u003e\n\u003ch2\u003eDeja de ocultar tu cuello\u003c\/h2\u003e\n\n\u003cp\u003eAtenúa la piel oscura y engrosada que frotar nunca pudo, con un solo paso suave con el roll-on, dos veces al día.\u003c\/p\u003e\n\n\u003ca href=\"#\" class=\"ncc-cta-btn\"\u003eAñadir al carrito y empezar hoy\u003c\/a\u003e\u003c\/section\u003e\n\n\u003c\/div\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003c!-- ============================================================= --\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003c!-- ==== PEGA DESDE AQUÍ EN SHOPIFY (final) =================== --\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003c!-- ============================================================= --\u003e","brand":"Abera","offers":[{"title":"1 Box","offer_id":53908354171248,"sku":"CB-ABERA062+SL1","price":17.99,"currency_code":"USD","in_stock":true},{"title":"2 Boxes + 5x Eye Mask Gift","offer_id":53908354204016,"sku":"CB-ABERA062+SL2-CB-CBMASK05+SL1","price":30.99,"currency_code":"USD","in_stock":true},{"title":"3 Boxes + 10x Eye Mask Gift","offer_id":53908354236784,"sku":"CB-ABERA062+SL3-CB-CBMATNA039+SL1","price":43.99,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/collagen_neck_cream_main_image_spf_df32a9e7-7f8b-455e-b8b7-0293da79e9e1.webp?v=1784519282"},{"product_id":"abera-kasumi-glowing-cream","title":"Kasumi Glowing Crema","description":"\u003cp\u003e\u003cmeta charset=\"utf-8\"\u003e \u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1\"\u003e\u003c\/p\u003e\n\u003c!-- ============ COPIAR DESDE AQUÍ ============ --\u003e\n\u003cstyle\u003e\n .kasumi-pdp{\n --gold:#b3934e; --gold-deep:#8a6d34; --espresso:#3a2c1e; --ink:#2a2118;\n --cream:#faf6ef; --sand:#f1e8d8; --line:#e4d8c3; --muted:#6f6152;\n font-family:-apple-system,BlinkMacSystemFont,\"Segoe UI\",Helvetica,Arial,sans-serif;\n color:var(--ink); line-height:1.6; max-width:1100px; margin:0 auto; padding:8px;\n -webkit-font-smoothing:antialiased;\n }\n .kasumi-pdp *{box-sizing:border-box;}\n .kasumi-pdp img{width:100%; height:auto; display:block; border-radius:14px;}\n .kasumi-pdp .kp-eyebrow{\n text-transform:uppercase; letter-spacing:.22em; font-size:12px; font-weight:700;\n color:var(--gold-deep); margin:0 0 10px;\n }\n .kasumi-pdp h2.kp-h{\n font-size:30px; line-height:1.2; margin:0 0 14px; font-weight:800; color:var(--espresso);\n letter-spacing:-.01em;\n }\n .kasumi-pdp h3.kp-sub{font-size:20px; margin:0 0 10px; font-weight:700; color:var(--espresso);}\n .kasumi-pdp p{margin:0 0 14px; font-size:16px; color:var(--ink);}\n .kasumi-pdp .kp-lead{font-size:18px; color:var(--espresso); font-weight:600;}\n\n \/* HERO *\/\n .kasumi-pdp .kp-hero{\n background:linear-gradient(160deg,#fbf3e2 0%,#f4e6cd 100%);\n border-radius:20px; padding:34px 26px; text-align:center; margin:0 0 26px;\n border:1px solid var(--line);\n }\n .kasumi-pdp .kp-hero .kp-eyebrow{margin-bottom:14px;}\n .kasumi-pdp .kp-hero h1{\n font-size:34px; line-height:1.15; margin:0 auto 14px; font-weight:800;\n color:var(--espresso); max-width:640px; letter-spacing:-.01em;\n }\n .kasumi-pdp .kp-hero .kp-tag{color:var(--gold-deep);}\n .kasumi-pdp .kp-hero p{max-width:600px; margin:0 auto 20px; color:#4a3c2c; font-size:17px;}\n .kasumi-pdp .kp-hero img{max-width:520px; margin:6px auto 0;}\n\n \/* ESTRELLAS + FRANJA DE CONFIANZA *\/\n .kasumi-pdp .kp-stars{color:var(--gold); font-size:18px; letter-spacing:2px; margin-bottom:6px;}\n .kasumi-pdp .kp-trust{\n display:flex; flex-wrap:wrap; gap:10px; justify-content:center;\n margin:22px 0 30px; padding:0; list-style:none;\n }\n .kasumi-pdp .kp-trust li{\n background:var(--cream); border:1px solid var(--line); border-radius:999px;\n padding:9px 16px; font-size:13px; font-weight:600; color:var(--espresso);\n }\n .kasumi-pdp .kp-trust li b{color:var(--gold-deep);}\n\n \/* SECCIÓN GENÉRICA *\/\n .kasumi-pdp .kp-sec{margin:0 0 30px;}\n .kasumi-pdp .kp-split{\n display:flex; gap:28px; align-items:center; margin:0 0 30px;\n }\n .kasumi-pdp .kp-split\u003ediv{flex:1 1 0; min-width:0;}\n .kasumi-pdp .kp-split.rev{flex-direction:row-reverse;}\n\n \/* PROBLEMA *\/\n .kasumi-pdp .kp-problem{\n background:var(--espresso); color:#f3e9d8; border-radius:18px; padding:30px 26px; margin:0 0 30px;\n }\n .kasumi-pdp .kp-problem .kp-eyebrow{color:#d8b871;}\n .kasumi-pdp .kp-problem h2.kp-h{color:#fff;}\n .kasumi-pdp .kp-problem p{color:#e8dcc7;}\n .kasumi-pdp .kp-problem ul{margin:0; padding-left:20px;}\n .kasumi-pdp .kp-problem li{margin-bottom:8px; color:#e8dcc7;}\n\n \/* PRUEBA *\/\n .kasumi-pdp .kp-proof{\n background:linear-gradient(160deg,#fbf3e2 0%,#f5e8d0 100%);\n border:1px solid var(--line); border-radius:20px; padding:30px 26px; text-align:center; margin:0 0 30px;\n }\n .kasumi-pdp .kp-proof .kp-badge{\n display:inline-block; background:var(--gold-deep); color:#fff; font-weight:800;\n font-size:14px; letter-spacing:.04em; padding:8px 18px; border-radius:999px; margin-bottom:16px;\n }\n .kasumi-pdp .kp-proof img{max-width:760px; margin:10px auto 0;}\n .kasumi-pdp .kp-proof .kp-fine{font-size:12px; color:var(--muted); margin:14px 0 0;}\n\n \/* INGREDIENTES *\/\n .kasumi-pdp .kp-ing-grid{\n display:grid; grid-template-columns:repeat(3,1fr); gap:12px; margin:18px 0 0;\n }\n .kasumi-pdp .kp-ing-grid div{\n background:var(--cream); border:1px solid var(--line); border-radius:12px; padding:14px;\n }\n .kasumi-pdp .kp-ing-grid b{display:block; color:var(--espresso); font-size:15px; margin-bottom:3px;}\n .kasumi-pdp .kp-ing-grid span{font-size:13px; color:var(--muted);}\n\n \/* MODO DE USO *\/\n .kasumi-pdp .kp-steps{list-style:none; margin:18px 0 0; padding:0; counter-reset:s;}\n .kasumi-pdp .kp-steps li{\n position:relative; padding:0 0 16px 52px; counter-increment:s;\n }\n .kasumi-pdp .kp-steps li::before{\n content:counter(s); position:absolute; left:0; top:0;\n width:36px; height:36px; border-radius:50%; background:var(--gold); color:#fff;\n font-weight:800; display:flex; align-items:center; justify-content:center; font-size:16px;\n }\n .kasumi-pdp .kp-steps b{color:var(--espresso);}\n\n \/* CTA *\/\n .kasumi-pdp .kp-cta{\n background:linear-gradient(160deg,#3a2c1e,#5a4226); color:#fff; border-radius:20px;\n padding:34px 26px; text-align:center; margin:34px 0 8px;\n }\n .kasumi-pdp .kp-cta h2{font-size:26px; margin:0 0 10px; color:#fff; font-weight:800;}\n .kasumi-pdp .kp-cta p{color:#ecdfca; max-width:520px; margin:0 auto 20px;}\n .kasumi-pdp .kp-cta a{\n display:inline-block; background:var(--gold); color:#2a2118; font-weight:800;\n text-decoration:none; padding:15px 40px; border-radius:999px; font-size:16px; letter-spacing:.02em;\n }\n .kasumi-pdp .kp-cta small{display:block; margin-top:14px; color:#cdbb9c; font-size:13px;}\n\n \/* RESPONSIVE *\/\n @media (max-width:768px){\n .kasumi-pdp .kp-split,.kasumi-pdp .kp-split.rev{flex-direction:column; gap:18px;}\n .kasumi-pdp .kp-hero h1{font-size:26px;}\n .kasumi-pdp h2.kp-h{font-size:24px;}\n .kasumi-pdp .kp-ing-grid{grid-template-columns:1fr 1fr;}\n .kasumi-pdp .kp-hero,.kasumi-pdp .kp-problem,.kasumi-pdp .kp-proof,.kasumi-pdp .kp-cta{padding:24px 18px;}\n }\n @media (max-width:460px){\n .kasumi-pdp .kp-ing-grid{grid-template-columns:1fr;}\n }\n \u003c\/style\u003e\n\u003cdiv class=\"kasumi-pdp\"\u003e\u003c!-- 1) HERO — gancho + producto --\u003e\n\u003cdiv class=\"kp-hero\"\u003e\n\u003cp class=\"kp-eyebrow\"\u003eIluminadora · Manchas Oscuras · Melasma\u003c\/p\u003e\n\u003ch1\u003eDifumina visiblemente las manchas y el \u003cspan class=\"kp-tag\"\u003emelasma\u003c\/span\u003e — piel que resplandece desde adentro\u003c\/h1\u003e\n\u003cp\u003eKasumi Glowing Cream combina Hongo Reishi Rojo, Ginseng Rojo y Filtrado de Baba de Caracol para ayudar a suavizar la apariencia de la decoloración persistente y unificar el tono — dejando la piel suave, tersa y radiante.\u003c\/p\u003e\n\u003cdiv class=\"kp-stars\"\u003e★★★★★\u003c\/div\u003e\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/kasumi-glowing-cream-melasma-cream-dark_spot_1200x.webp?v=1762529842\" alt=\"Frasco de Kasumi Abera Glowing Cream sobre fondo amarillo suave\" loading=\"lazy\"\u003e\u003c\/div\u003e\n\u003c!-- FRANJA DE CONFIANZA --\u003e\n\u003cul class=\"kp-trust\"\u003e\n\u003cli\u003e\u003cb\u003e✓\u003c\/b\u003e Apta para todo tipo de piel\u003c\/li\u003e\n\u003cli\u003e\u003cb\u003e✓\u003c\/b\u003e Activos botánicos\u003c\/li\u003e\n\u003cli\u003e\u003cb\u003e✓\u003c\/b\u003e Niacinamida + BHA\u003c\/li\u003e\n\u003cli\u003e\u003cb\u003e✓\u003c\/b\u003e 30g \/ 1.06 oz\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c!-- 2) PROBLEMA --\u003e\n\u003cdiv class=\"kp-problem\"\u003e\n\u003cp class=\"kp-eyebrow\"\u003eEl Verdadero Problema\u003c\/p\u003e\n\u003ch2 class=\"kp-h\"\u003eLas manchas y el melasma casi nunca desaparecen solos\u003c\/h2\u003e\n\u003cp\u003eLa exposición solar, las hormonas y el tiempo hacen que la melanina se acumule — dejando parches que las cremas comunes simplemente no alcanzan. Si has probado producto tras producto sin resultados, no es tu culpa. La mayoría de las cremas solo hidratan la superficie sin actuar sobre la causa del tono disparejo.\u003c\/p\u003e\n\u003cul\u003e\n\u003cli\u003eManchas oscuras que hacen que la piel luzca cansada y con más edad\u003c\/li\u003e\n\u003cli\u003eMelasma que reaparece cada verano\u003c\/li\u003e\n\u003cli\u003eOpacidad y tono disparejo que el maquillaje solo disimula\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c!-- 3) PRUEBA — antes y después --\u003e\n\u003cdiv class=\"kp-proof\"\u003e\u003cspan class=\"kp-badge\"\u003eHasta 70% de tono más uniforme visible\u003c\/span\u003e\n\u003ch2 class=\"kp-h\"\u003eNota la diferencia frente al espejo\u003c\/h2\u003e\n\u003cp\u003eCon uso constante dos veces al día, las usuarias reportan un cutis visiblemente más luminoso y uniforme — manchas más suaves y luminosidad recuperada.\u003c\/p\u003e\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/kasumi-glowing-cream-melasma-reduction_1200x.webp?v=1762529813\" alt=\"Comparación antes y después que muestra hasta 70% de reducción visible en la apariencia del melasma\" loading=\"lazy\"\u003e\n\u003cp class=\"kp-fine\"\u003eLos resultados pueden variar. Este es un producto cosmético que describe la apariencia de la piel; no trata, cura ni previene ninguna condición médica.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- 4) POR QUÉ FUNCIONA — ingredientes --\u003e\n\u003cdiv class=\"kp-split\"\u003e\n\u003cdiv\u003e\n\u003cp class=\"kp-eyebrow\"\u003ePor Qué Funciona\u003c\/p\u003e\n\u003ch2 class=\"kp-h\"\u003eCon activos botánicos premium\u003c\/h2\u003e\n\u003cp\u003eCada frasco concentra ingredientes estrella elegidos para iluminar, renovar y proteger — trabajando en conjunto para que el tono luzca más uniforme y la piel se sienta nutrida.\u003c\/p\u003e\n\u003cdiv class=\"kp-ing-grid\"\u003e\n\u003cdiv\u003e\u003cb\u003eReishi Rojo\u003c\/b\u003e\u003cspan\u003eRico en antioxidantes; ayuda a combatir la opacidad\u003c\/span\u003e\u003c\/div\u003e\n\u003cdiv\u003e\u003cb\u003eGinseng Rojo\u003c\/b\u003e\u003cspan\u003eFavorece un aspecto más firme y revitalizado\u003c\/span\u003e\u003c\/div\u003e\n\u003cdiv\u003e\u003cb\u003eBaba de Caracol\u003c\/b\u003e\u003cspan\u003eCalma y repone la hidratación\u003c\/span\u003e\u003c\/div\u003e\n\u003cdiv\u003e\u003cb\u003eNiacinamida\u003c\/b\u003e\u003cspan\u003eActúa sobre la apariencia del tono disparejo\u003c\/span\u003e\u003c\/div\u003e\n\u003cdiv\u003e\u003cb\u003eLarix Sibirica\u003c\/b\u003e\u003cspan\u003eApoyo iluminador de origen botánico\u003c\/span\u003e\u003c\/div\u003e\n\u003cdiv\u003e\u003cb\u003eBHA (Salicílico)\u003c\/b\u003e\u003cspan\u003eSuaviza y refina la textura con delicadeza\u003c\/span\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/kasumi-glowing-cream-premium-ingredient_600x.webp?v=1762529890\" alt=\"Ingredientes premium: Larix Sibirica, Baba de Caracol, Niacinamida, Hongo Reishi, BHA y Ginseng Rojo\" loading=\"lazy\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 5) PARA QUIÉN + MODO DE USO --\u003e\n\u003cdiv class=\"kp-split rev\"\u003e\n\u003cdiv\u003e\n\u003cp class=\"kp-eyebrow\"\u003eHecha Para Todas\u003c\/p\u003e\n\u003ch2 class=\"kp-h\"\u003eSuave para todo tipo de piel\u003c\/h2\u003e\n\u003cp\u003eLigera, de rápida absorción y sin sensación grasosa — Kasumi Glowing Cream se integra sin esfuerzo a tu rutina de mañana y noche.\u003c\/p\u003e\n\u003ch3 class=\"kp-sub\"\u003eModo de uso\u003c\/h3\u003e\n\u003col class=\"kp-steps\"\u003e\n\u003cli\u003e\u003cb\u003eLimpia\u003c\/b\u003e y seca la piel con toques suaves.\u003c\/li\u003e\n\u003cli\u003e\u003cb\u003eAplica\u003c\/b\u003e una cantidad del tamaño de un chícharo de manera uniforme en el rostro.\u003c\/li\u003e\n\u003cli\u003e\u003cb\u003eMasajea\u003c\/b\u003e con movimientos circulares suaves hasta absorber.\u003c\/li\u003e\n\u003cli\u003e\u003cb\u003eRepite\u003c\/b\u003e mañana y noche — de día, acompaña con protector solar.\u003c\/li\u003e\n\u003c\/ol\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/kasumi-glowing-cream-suitable-all-skin-type_600x.webp?v=1762529866\" alt=\"Mujer aplicando Kasumi Glowing Cream — apta para todo tipo de piel\" loading=\"lazy\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 6) CTA --\u003e\n\u003cdiv class=\"kp-cta\"\u003e\n\u003ch2\u003eComienza tu glow hoy\u003c\/h2\u003e\n\u003cp\u003eCompra en paquete y ahorra — mientras más llevas, más uniforme y radiante luce tu tono con el tiempo.\u003c\/p\u003e\n\u003ca href=\"#\"\u003eElige tu paquete ↑\u003c\/a\u003e \u003csmall\u003e30g \/ 1.06 oz por frasco · Solo para uso externo\u003c\/small\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- ============ COPIAR HASTA AQUÍ ============ --\u003e","brand":"Abera","offers":[{"title":"1 caja","offer_id":54115204202864,"sku":"CB-ABERA100+SL1","price":41.0,"currency_code":"USD","in_stock":true},{"title":"2 Cajas + 5 Mascarillas para ojos","offer_id":54115204235632,"sku":"CB-ABERA100+SL2+CB-CBMASK05+SL1","price":64.0,"currency_code":"USD","in_stock":true},{"title":"3 Cajas + 10 Mascarillas para Ojos","offer_id":54115204268400,"sku":"CB-ABERA100+SL3-CB-CBMATNA039+SL1","price":85.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/kasumi-main-image-new.webp?v=1785731406"},{"product_id":"abera-men-acne-body-wash","title":"ABERA Gel Limpiador Corporal Antiacné Para Hombres","description":"\u003cstyle\u003e\n.abera-acne-intro {\n font-family: Inter, Arial, sans-serif;\n background: #fff;\n padding: 72px 28px 92px;\n color: #111;\n}\n\n.abera-acne-intro__inner {\n max-width: none ;\n margin: 0 auto;\n text-align: center;\n}\n\n.abera-acne-intro__badge {\n display: inline-block;\n background: #f3efe9;\n border-radius: 999px;\n padding: 8px 20px;\n font-size: 24px;\n line-height: 1;\n font-weight: 700;\n letter-spacing: 1.5px;\n text-transform: uppercase;\n margin-bottom: 28px;\n}\n\n.abera-acne-intro__title {\n margin: 0 auto;\n max-width: none;\n font-size: clamp(28px, 4vw, 58px);\n line-height: 1.3;\n letter-spacing: 0px;\n font-weight: 700;\n}\n\n.abera-acne-intro__description {\n max-width: none;\n margin: 35px auto 0;\n font-size: 20px;\n line-height: 1.55;\n color: #666;\n font-weight: 400;\n}\n\n.abera-acne-intro__description strong {\n color: #111;\n font-weight: 700;\n}\n\n.abera-acne-intro__divider {\n width: 100%;\n height: 1px;\n background: #e7e3dd;\n margin: 25px 0 25px;\n}\n\n.abera-acne-intro__benefits {\n display: flex;\n justify-content: center;\n align-items: center;\n flex-wrap: wrap;\n gap: 40px;\n font-size: 20px;\n font-weight: 700;\n}\n\n.abera-acne-intro__benefit {\n white-space: nowrap;\n}\n\n.abera-acne-intro__closing {\n margin: 34px 0 0;\n font-size: 20px;\n line-height: 1.45;\n font-weight: 700;\n}\n\n@media (max-width: 767px) {\n .abera-acne-intro {\n padding: 48px 18px 48px;\n }\n\n .abera-acne-intro__badge {\n font-size: 14px;\n padding: 7px 14px;\n margin-bottom: 20px;\n }\n\n .abera-acne-intro__title {\n font-size: 27px;\n line-height: 1.2;\n letter-spacing: 0px;\n }\n\n .abera-acne-intro__description {\n margin-top: 24px;\n font-size: 16px;\n line-height: 1.6;\n }\n\n .abera-acne-intro__divider {\n margin: 25px 0 25px;\n }\n\n .abera-acne-intro__benefits {\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 14px 12px;\n font-size: 15px;\n text-align: center;\n max-width: none;\n margin: 0 auto;\n }\n\n .abera-acne-intro__benefit {\n white-space: normal;\n }\n\n .abera-acne-intro__closing {\n margin-top: 27px;\n font-size: 16px;\n }\n}\n\u003c\/style\u003e\n\u003csection class=\"abera-acne-intro\"\u003e\n\u003cdiv class=\"abera-acne-intro__inner\"\u003e\n\n\u003cdiv class=\"abera-acne-intro__badge\"\u003eGEL DE BAÑO PARA ACNE MASCULINO\u003c\/div\u003e\n\n\u003ch1 class=\"abera-acne-intro__title\"\u003eCUIDADO CORPORAL PARA EL ACNÉ. DISEÑADO PARA LA PIEL MASCULINA.\u003c\/h1\u003e\n\n\u003cp class=\"abera-acne-intro__description\"\u003e\u003cstrong\u003eABERA Men Acne Body Wash\u003c\/strong\u003e es un gel de baño exfoliante diario diseñado para ayudar a mejorar la apariencia de los \u003cstrong\u003ebrotes corporales\u003c\/strong\u003e sin añadir pasos extra a tu rutina de ducha. Con \u003cstrong\u003e5% de Ácido Láctico + Niacinamida + BHA + Hamamelis\u003c\/strong\u003e, ayuda a eliminar la acumulación de piel muerta, reducir los poros obstruidos y favorecer una piel corporal más suave y clara con un uso constante.\u003c\/p\u003e\n\n\u003cdiv class=\"abera-acne-intro__divider\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\n\u003cdiv class=\"abera-acne-intro__benefits\"\u003e\n\n\u003cdiv class=\"abera-acne-intro__benefit\"\u003e✓ Acné en la espalda\u003c\/div\u003e\n\n\u003cdiv class=\"abera-acne-intro__benefit\"\u003e✓ Acné en el pecho\u003c\/div\u003e\n\n\u003cdiv class=\"abera-acne-intro__benefit\"\u003e✓ Acné en los hombros\u003c\/div\u003e\n\n\u003cdiv class=\"abera-acne-intro__benefit\"\u003e✓ Acné en los glúteos\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\u003cp class=\"abera-acne-intro__closing\"\u003eCuidado corporal sencillo para hombres que desean una piel más clara y suave.\u003c\/p\u003e\n\n\n\u003c\/div\u003e\n\n\u003c\/section\u003e\n\u003cstyle\u003e\n\/* =========================================================\n ABERA MEN ACNE BODY WASH\n CLINICAL \/ PROVEN RESULTS SECTION\n========================================================= *\/\n\n.abera-acne-proof {\n --bg: #0c0c0e;\n --white: #ffffff;\n --text-soft: #b7b7bb;\n --line: rgba(255,255,255,.16);\n --accent: #c8b9a5;\n \n width: 100%;\n background: var(--bg);\n color: var(--white);\n font-family: Inter, Arial, sans-serif;\n overflow: hidden;\n}\n\n.abera-acne-proof * {\n box-sizing: border-box;\n}\n\n\/* ========================\n MAIN LAYOUT\n======================== *\/\n\n.abera-acne-proof__layout {\n width: 100%;\n display: grid;\n grid-template-columns: 58% 42%;\n min-height: 720px;\n}\n\n\/* LEFT *\/\n\n.abera-acne-proof__content {\n padding: 50px 5vw 50px;\n display: flex;\n flex-direction: column;\n justify-content: center;\n}\n\n\/* EYEBROW *\/\n\n.abera-acne-proof__eyebrow {\n display: flex;\n align-items: center;\n gap: 13px;\n\n margin-bottom: 24px;\n\n font-size: 13px;\n line-height: 1;\n font-weight: 700;\n letter-spacing: 2px;\n text-transform: uppercase;\n\n color: var(--accent);\n}\n\n.abera-acne-proof__eyebrow::before {\n content: \"\";\n display: block;\n width: 31px;\n height: 1.5px;\n background: var(--accent);\n}\n\n\/* TITLE *\/\n\n.abera-acne-proof__title {\n max-width: 760px;\n margin: 0;\n\n font-size: clamp(30px, 4vw, 50px);\n line-height: 1.2;\n letter-spacing: -1px;\n font-weight: 600;\n}\n\n\/* DESCRIPTION *\/\n\n.abera-acne-proof__intro {\n max-width: 720px;\n margin: 20px 0 25px;\n\n font-size: 18px;\n line-height: 1.55;\n font-weight: 400;\n\n color: var(--text-soft);\n}\n\n.abera-acne-proof__intro strong {\n color: #fff;\n font-weight: 600;\n}\n\n\n\/* =========================================================\n RESULT ROWS\n========================================================= *\/\n\n.abera-acne-proof__results {\n width: 100%;\n max-width: 790px;\n}\n\n.abera-acne-proof__result {\n display: grid;\n grid-template-columns: 104px 1fr;\n align-items: center;\n gap: 27px;\n\n padding: 22px 0;\n border-bottom: 1px solid var(--line);\n}\n\n.abera-acne-proof__result:first-child {\n border-top: 1px solid var(--line);\n}\n\n\n\/* =========================================================\n CIRCLE STAT\n========================================================= *\/\n\n.abera-acne-proof__circle {\n --progress: 97;\n\n position: relative;\n\n width: 90px;\n height: 90px;\n border-radius: 50%;\n\n display: flex;\n align-items: center;\n justify-content: center;\n\n background:\n conic-gradient(\n var(--accent) calc(var(--progress) * 1%),\n rgba(255,255,255,.10) 0\n );\n}\n\n.abera-acne-proof__circle::after {\n content: \"\";\n position: absolute;\n\n width: 76px;\n height: 76px;\n border-radius: 50%;\n\n background: var(--bg);\n}\n\n.abera-acne-proof__number {\n position: relative;\n z-index: 2;\n\n font-size: 22px;\n line-height: 1;\n font-weight: 700;\n\n color: #fff;\n}\n\n\n\/* RESULT TEXT *\/\n\n.abera-acne-proof__result-copy {\n font-size: 18px;\n line-height: 1.3;\n color: #c5c5c8;\n}\n\n.abera-acne-proof__result-copy strong {\n color: #fff;\n font-weight: 600;\n}\n\n\n\/* DISCLAIMER *\/\n\n.abera-acne-proof__note {\n max-width: 760px;\n\n margin: 28px 0 0;\n\n font-size: 11px;\n line-height: 1.5;\n\n color: #77777c;\n}\n\n\n\/* =========================================================\n RIGHT IMAGE\n========================================================= *\/\n\n.abera-acne-proof__media {\n position: relative;\n width: 100%;\n min-height: 720px;\n overflow: hidden;\n}\n\n.abera-acne-proof__media img {\n width: 100%;\n height: 100%;\n\n display: block;\n object-fit: cover;\n object-position: center;\n}\n\n\n\/* subtle transition between content \u0026 photo *\/\n\n.abera-acne-proof__media::before {\n content: \"\";\n position: absolute;\n z-index: 2;\n\n top: 0;\n left: 0;\n bottom: 0;\n width: 75px;\n\n background:\n linear-gradient(\n to right,\n rgba(12,12,14,.40),\n transparent\n );\n\n pointer-events: none;\n}\n\n\n\/* =========================================================\n TABLET\n========================================================= *\/\n\n@media (max-width: 990px) {\n\n .abera-acne-proof__layout {\n grid-template-columns: 56% 44%;\n }\n\n .abera-acne-proof__content {\n padding: 60px 38px;\n }\n\n .abera-acne-proof__title {\n font-size: 46px;\n }\n\n .abera-acne-proof__result {\n grid-template-columns: 82px 1fr;\n gap: 20px;\n }\n\n .abera-acne-proof__circle {\n width: 74px;\n height: 74px;\n }\n\n .abera-acne-proof__circle::after {\n width: 62px;\n height: 62px;\n }\n\n .abera-acne-proof__number {\n font-size: 19px;\n }\n\n}\n\n\n\/* =========================================================\n MOBILE\n========================================================= *\/\n\n@media (max-width: 767px) {\n\n .abera-acne-proof__layout {\n display: flex;\n flex-direction: column;\n min-height: auto;\n }\n\n .abera-acne-proof__media {\n order: 1;\n min-height: 0;\n aspect-ratio: 1 \/ 1;\n }\n\n .abera-acne-proof__media img {\n position: absolute;\n inset: 0;\n }\n\n .abera-acne-proof__media::before {\n display: none;\n }\n\n .abera-acne-proof__content {\n order: 2;\n padding: 42px 20px 48px;\n }\n\n .abera-acne-proof__eyebrow {\n margin-bottom: 19px;\n font-size: 10px;\n letter-spacing: 1.7px;\n }\n\n .abera-acne-proof__eyebrow::before {\n width: 25px;\n }\n\n .abera-acne-proof__title {\n max-width: 100%;\n\n font-size: 34px;\n line-height: 1.2;\n letter-spacing: 0px;\n\n \/* still 600 on mobile *\/\n font-weight: 600;\n }\n\n .abera-acne-proof__intro {\n margin: 20px 0 26px;\n\n font-size: 16px;\n line-height: 1.55;\n }\n\n .abera-acne-proof__result {\n grid-template-columns: 75px 1fr;\n gap: 18px;\n\n padding: 19px 0;\n }\n\n .abera-acne-proof__circle {\n width: 70px;\n height: 70px;\n }\n\n .abera-acne-proof__circle::after {\n width: 58px;\n height: 58px;\n }\n\n .abera-acne-proof__number {\n font-size: 18px;\n }\n\n .abera-acne-proof__result-copy {\n font-size: 16px;\n line-height: 1.45;\n }\n\n .abera-acne-proof__note {\n margin-top: 23px;\n\n font-size: 9px;\n line-height: 1.5;\n }\n\n}\n\n\u003c\/style\u003e\n\u003csection class=\"abera-acne-proof\"\u003e\n\u003cdiv class=\"abera-acne-proof__layout\"\u003e\n\n\u003c!-- =========================================\n LEFT — PROVEN RESULTS\n ========================================== --\u0026gt;\n\u003cdiv class=\"abera-acne-proof__content\"\u003e\n\n\u003cdiv class=\"abera-acne-proof__eyebrow\"\u003eCLÍNICAMENTE PROBADO\u003c\/div\u003e\n\n\u003ch2 class=\"abera-acne-proof__title\"\u003eTRATA EL ACNÉ CORPORAL\u003cbr\u003eDESDE LA RAÍZ.\u003c\/h2\u003e\n\n\u003cp class=\"abera-acne-proof__intro\"\u003eNuestra fórmula específica para el acné corporal está diseñada para ayudar a \u003cstrong\u003ereducir los brotes visibles, mejorar la textura de la piel y promover una piel de aspecto más claro.\u003c\/strong\u003e\u003c\/p\u003e\n\n\u003c!-- RESULTS --\u003e\n\u003cdiv class=\"abera-acne-proof__results\"\u003e\n\n\u003c!-- RESULT 01 --\u003e\n\u003cdiv class=\"abera-acne-proof__result\"\u003e\n\n\u003cdiv class=\"abera-acne-proof__circle\" style=\"--progress: 97;\"\u003e\u003cspan class=\"abera-acne-proof__number\"\u003e 97% \u003c\/span\u003e\u003c\/div\u003e\n\n\u003cdiv class=\"abera-acne-proof__result-copy\"\u003eTuvo \u003cstrong\u003emenos acné corporal visible\u003c\/strong\u003e después de un uso constante.\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\u003c!-- RESULT 02 --\u003e\n\u003cdiv class=\"abera-acne-proof__result\"\u003e\n\n\u003cdiv class=\"abera-acne-proof__circle\" style=\"--progress: 92;\"\u003e\u003cspan class=\"abera-acne-proof__number\"\u003e 92% \u003c\/span\u003e\u003c\/div\u003e\n\n\u003cdiv class=\"abera-acne-proof__result-copy\"\u003eReportó una \u003cstrong\u003epiel más suave y menos congestionada\u003c\/strong\u003e en las áreas propensas a brotes.\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\u003c!-- RESULT 03 --\u003e\n\u003cdiv class=\"abera-acne-proof__result\"\u003e\n\n\u003cdiv class=\"abera-acne-proof__circle\" style=\"--progress: 89;\"\u003e\u003cspan class=\"abera-acne-proof__number\"\u003e 89% \u003c\/span\u003e\u003c\/div\u003e\n\n\u003cdiv class=\"abera-acne-proof__result-copy\"\u003eVio una mejora en la apariencia de \u003cstrong\u003eenrojecimiento y marcas post-brotes.\u003c\/strong\u003e\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\u003c!-- NOTE --\u003e\n\u003cp class=\"abera-acne-proof__note\"\u003e*Reemplazar los porcentajes y la descripción del estudio con datos de pruebas verificadas de ABERA o autoevaluación del consumidor antes de la publicación. Los resultados individuales pueden variar.\u003c\/p\u003e\n\n\n\u003c\/div\u003e\n\n\u003c!-- =========================================\n RIGHT — IMAGE\n ========================================== --\u0026gt;\n\u003cdiv class=\"abera-acne-proof__media\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/Gemini_Generated_Image_23g95d23g95d23g9-clean.webp?v=1787737399E\" alt=\"Man using ABERA Men Acne Body Wash\" loading=\"lazy\"\u003e\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\u003c\/section\u003e\n\u003c!--$2--\u003e\n\u003csection class=\"abera-acne-reviews\"\u003e\n\u003cdiv class=\"abera-acne-reviews__inner\"\u003e\n\n\u003c!-- HEADER --\u003e\n\u003cdiv class=\"abera-acne-reviews__header\"\u003e\n\n\u003cdiv class=\"abera-acne-reviews__main-stars\"\u003e★★★★★\u003c\/div\u003e\n\n\u003ch2 class=\"abera-acne-reviews__title\"\u003eOPINIONES DE NUESTROS CLIENTES RECIENTES\u003c\/h2\u003e\n\n\n\u003c\/div\u003e\n\n\u003c!-- REVIEW CARDS --\u003e\n\u003cdiv class=\"abera-acne-reviews__grid\"\u003e\n\n\u003c!-- =================================================\n REVIEW 01 — BACK ACNE\n ================================================== --\u0026gt;\n\u003carticle class=\"abera-acne-review-card\"\u003e\n\u003cdiv class=\"abera-acne-review-card__media\"\u003e\n\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/Retinol_5.webp?v=1787739753\" alt=\"Back acne before and after\" loading=\"lazy\"\u003e\n\u003cdiv class=\"abera-acne-review-card__labels\"\u003e\n\n\u003cspan class=\"abera-acne-review-card__label abera-acne-review-card__label--before\"\u003e ANTES \u003c\/span\u003e \u003cspan class=\"abera-acne-review-card__label abera-acne-review-card__label--after\"\u003e DESPUÉS \u003c\/span\u003e\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\u003cdiv class=\"abera-acne-review-card__body\"\u003e\n\n\u003cdiv class=\"abera-acne-review-card__stars\"\u003e★★★★★\u003c\/div\u003e\n\n\u003cp class=\"abera-acne-review-card__review\"\u003eMi espalda solía brotar constantemente después de los entrenamientos. Después de usar esto de manera constante, los granos se ven mucho más calmados y mi piel se siente notablemente más suave.\u003c\/p\u003e\n\n\u003cdiv class=\"abera-acne-review-card__customer\"\u003e\n\n\u003cp class=\"abera-acne-review-card__name\"\u003eMarcus T.\u003c\/p\u003e\n\n\u003cdiv class=\"abera-acne-review-card__meta\"\u003e\n\n\u003cspan\u003eEdad 29\u003c\/span\u003e \u003cspan\u003eAustin, TX\u003c\/span\u003e\n\n\u003c\/div\u003e\n\n\u003cdiv class=\"abera-acne-review-card__verified\"\u003e\n\n\u003cspan class=\"abera-acne-review-card__verified-icon\"\u003e✓\u003c\/span\u003e Cliente verificado\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\u003c\/article\u003e\n\u003c!-- =================================================\n REVIEW 02 — SHOULDER ACNE\n ================================================== --\u0026gt;\n\u003carticle class=\"abera-acne-review-card\"\u003e\n\u003cdiv class=\"abera-acne-review-card__media\"\u003e\n\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/Retinol_7.webp?v=1787892153\" alt=\"Shoulder acne before and after\" loading=\"lazy\"\u003e\n\u003cdiv class=\"abera-acne-review-card__labels\"\u003e\n\n\u003cspan class=\"abera-acne-review-card__label abera-acne-review-card__label--before\"\u003e ANTES \u003c\/span\u003e \u003cspan class=\"abera-acne-review-card__label abera-acne-review-card__label--after\"\u003e DESPUÉS \u003c\/span\u003e\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\u003cdiv class=\"abera-acne-review-card__body\"\u003e\n\n\u003cdiv class=\"abera-acne-review-card__stars\"\u003e★★★★★\u003c\/div\u003e\n\n\u003cp class=\"abera-acne-review-card__review\"\u003eMe salían constantemente grupos de pequeños granos en los hombros, especialmente cuando usaba camisetas ajustadas. Después de unas semanas, la zona se veía más suave y mucho menos irritada.\u003c\/p\u003e\n\n\u003cdiv class=\"abera-acne-review-card__customer\"\u003e\n\n\u003cp class=\"abera-acne-review-card__name\"\u003eEthan R.\u003c\/p\u003e\n\n\u003cdiv class=\"abera-acne-review-card__meta\"\u003e\n\n\u003cspan\u003eEdad 32\u003c\/span\u003e \u003cspan\u003eDenver, CO\u003c\/span\u003e\n\n\u003c\/div\u003e\n\n\u003cdiv class=\"abera-acne-review-card__verified\"\u003e\n\n\u003cspan class=\"abera-acne-review-card__verified-icon\"\u003e✓\u003c\/span\u003e Cliente verificado\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\u003c\/article\u003e\n\u003c!-- =================================================\n REVIEW 03 — CHEST ACNE\n ================================================== --\u0026gt;\n\u003carticle class=\"abera-acne-review-card\"\u003e\n\u003cdiv class=\"abera-acne-review-card__media\"\u003e\n\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/Retinol_9.webp?v=1787898714\" alt=\"Chest acne before and after\" loading=\"lazy\"\u003e\n\u003cdiv class=\"abera-acne-review-card__labels\"\u003e\n\n\u003cspan class=\"abera-acne-review-card__label abera-acne-review-card__label--before\"\u003e ANTES \u003c\/span\u003e \u003cspan class=\"abera-acne-review-card__label abera-acne-review-card__label--after\"\u003e DESPUÉS \u003c\/span\u003e\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\u003cdiv class=\"abera-acne-review-card__body\"\u003e\n\n\u003cdiv class=\"abera-acne-review-card__stars\"\u003e★★★★★\u003c\/div\u003e\n\n\u003cp class=\"abera-acne-review-card__review\"\u003eMi pecho se ponía graso y se obstruía cada vez que sudaba mucho. Este gel de baño se adaptó fácilmente a mi rutina de ducha y los brotes se hicieron gradualmente mucho menos notables.\u003c\/p\u003e\n\n\u003cdiv class=\"abera-acne-review-card__customer\"\u003e\n\n\u003cp class=\"abera-acne-review-card__name\"\u003eDaniel S.\u003c\/p\u003e\n\n\u003cdiv class=\"abera-acne-review-card__meta\"\u003e\n\n\u003cspan\u003eEdad 34\u003c\/span\u003e \u003cspan\u003eMiami, FL\u003c\/span\u003e\n\n\u003c\/div\u003e\n\n\u003cdiv class=\"abera-acne-review-card__verified\"\u003e\n\n\u003cspan class=\"abera-acne-review-card__verified-icon\"\u003e✓\u003c\/span\u003e Cliente verificado\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\u003c\/article\u003e\n\u003c!-- =================================================\n REVIEW 04 — BUTT ACNE\n ================================================== --\u0026gt;\n\u003carticle class=\"abera-acne-review-card\"\u003e\n\u003cdiv class=\"abera-acne-review-card__media\"\u003e\n\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/Retinol_10.webp?v=1787899652\" alt=\"Butt acne before and after\" loading=\"lazy\"\u003e\n\u003cdiv class=\"abera-acne-review-card__labels\"\u003e\n\n\u003cspan class=\"abera-acne-review-card__label abera-acne-review-card__label--before\"\u003e ANTES \u003c\/span\u003e \u003cspan class=\"abera-acne-review-card__label abera-acne-review-card__label--after\"\u003e DESPUÉS \u003c\/span\u003e\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\u003cdiv class=\"abera-acne-review-card__body\"\u003e\n\n\u003cdiv class=\"abera-acne-review-card__stars\"\u003e★★★★★\u003c\/div\u003e\n\n\u003cp class=\"abera-acne-review-card__review\"\u003eMe siento durante largas horas en el trabajo y me salían constantemente granos ásperos alrededor de los glúteos y la parte superior de los muslos. Después de un uso constante, la piel se ve más calmada y se siente mucho más suave.\u003c\/p\u003e\n\n\u003cdiv class=\"abera-acne-review-card__customer\"\u003e\n\n\u003cp class=\"abera-acne-review-card__name\"\u003eBrian C.\u003c\/p\u003e\n\n\u003cdiv class=\"abera-acne-review-card__meta\"\u003e\n\n\u003cspan\u003eEdad 38\u003c\/span\u003e \u003cspan\u003eChicago, IL\u003c\/span\u003e\n\n\u003c\/div\u003e\n\n\u003cdiv class=\"abera-acne-review-card__verified\"\u003e\n\n\u003cspan class=\"abera-acne-review-card__verified-icon\"\u003e✓\u003c\/span\u003e Cliente verificado\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\u003c\/article\u003e\n\u003c!-- =================================================\n REVIEW 05 — UPPER BACK\n ================================================== --\u0026gt;\n\u003carticle class=\"abera-acne-review-card\"\u003e\n\u003cdiv class=\"abera-acne-review-card__media\"\u003e\n\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/Retinol_11.webp?v=1787899944\" alt=\"Upper back acne before and after\" loading=\"lazy\"\u003e\n\u003cdiv class=\"abera-acne-review-card__labels\"\u003e\n\n\u003cspan class=\"abera-acne-review-card__label abera-acne-review-card__label--before\"\u003e ANTES \u003c\/span\u003e \u003cspan class=\"abera-acne-review-card__label abera-acne-review-card__label--after\"\u003e DESPUÉS \u003c\/span\u003e\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\u003cdiv class=\"abera-acne-review-card__body\"\u003e\n\n\u003cdiv class=\"abera-acne-review-card__stars\"\u003e★★★★★\u003c\/div\u003e\n\n\u003cp class=\"abera-acne-review-card__review\"\u003eMi espalda superior era probablemente la zona de la que más me avergonzaba. Después de usar esto regularmente, tengo menos granos notables y la textura general se ve mucho más limpia.\u003c\/p\u003e\n\n\u003cdiv class=\"abera-acne-review-card__customer\"\u003e\n\n\u003cp class=\"abera-acne-review-card__name\"\u003eChris B.\u003c\/p\u003e\n\n\u003cdiv class=\"abera-acne-review-card__meta\"\u003e\n\n\u003cspan\u003eEdad 24\u003c\/span\u003e \u003cspan\u003eSeattle, WA\u003c\/span\u003e\n\n\u003c\/div\u003e\n\n\u003cdiv class=\"abera-acne-review-card__verified\"\u003e\n\n\u003cspan class=\"abera-acne-review-card__verified-icon\"\u003e✓\u003c\/span\u003e Cliente verificado\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\u003c\/article\u003e\n\u003c!-- =================================================\n REVIEW 06 — BODY TEXTURE\n ================================================== --\u0026gt;\n\u003carticle class=\"abera-acne-review-card\"\u003e\n\u003cdiv class=\"abera-acne-review-card__media\"\u003e\n\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/Retinol_12.webp?v=1787900230\" alt=\"Body skin texture before and after\" loading=\"lazy\"\u003e\n\u003cdiv class=\"abera-acne-review-card__labels\"\u003e\n\n\u003cspan class=\"abera-acne-review-card__label abera-acne-review-card__label--before\"\u003e ANTES \u003c\/span\u003e \u003cspan class=\"abera-acne-review-card__label abera-acne-review-card__label--after\"\u003e DESPUÉS \u003c\/span\u003e\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\u003cdiv class=\"abera-acne-review-card__body\"\u003e\n\n\u003cdiv class=\"abera-acne-review-card__stars\"\u003e★★★★★\u003c\/div\u003e\n\n\u003cp class=\"abera-acne-review-card__review\"\u003eEra escéptico sobre cambiar de gel de baño, pero este es bastante fácil de usar todos los días. Mi piel se siente menos áspera y las áreas con aspecto obstruido son mucho menos notables.\u003c\/p\u003e\n\n\u003cdiv class=\"abera-acne-review-card__customer\"\u003e\n\n\u003cp class=\"abera-acne-review-card__name\"\u003eKevin F.\u003c\/p\u003e\n\n\u003cdiv class=\"abera-acne-review-card__meta\"\u003e\n\n\u003cspan\u003eEdad 28\u003c\/span\u003e \u003cspan\u003eSan Diego, CA\u003c\/span\u003e\n\n\u003c\/div\u003e\n\n\u003cdiv class=\"abera-acne-review-card__verified\"\u003e\n\n\u003cspan class=\"abera-acne-review-card__verified-icon\"\u003e✓\u003c\/span\u003e Cliente verificado\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\u003c\/article\u003e\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\u003c\/section\u003e\n\u003c!--$3--\u003e\n\u003csection class=\"abera-acne-howto\"\u003e\n\u003cdiv class=\"abera-acne-howto__inner\"\u003e\n\n\u003cdiv class=\"abera-acne-howto__header\"\u003e\n\n\u003ch2 class=\"abera-acne-howto__title\"\u003eCÓMO OBTENER LOS MEJORES RESULTADOS\u003c\/h2\u003e\n\n\n\u003c\/div\u003e\n\n\u003cdiv class=\"abera-acne-howto__grid\"\u003e\n\n\u003c!-- STEP 1 --\u003e\n\u003carticle class=\"abera-acne-howto__card\"\u003e\n\u003cdiv class=\"abera-acne-howto__step\"\u003e01\u003c\/div\u003e\n\n\u003ch3 class=\"abera-acne-howto__card-title\"\u003eHUMEDECE Y ENJABONA\u003c\/h3\u003e\n\n\u003cp class=\"abera-acne-howto__card-text\"\u003eHumedece tu piel completamente, luego aplica y enjabona sobre las áreas propensas al acné.\u003c\/p\u003e\n\n\u003c\/article\u003e\n\u003c!-- STEP 2 --\u003e\n\u003carticle class=\"abera-acne-howto__card\"\u003e\n\u003cdiv class=\"abera-acne-howto__step\"\u003e02\u003c\/div\u003e\n\n\u003ch3 class=\"abera-acne-howto__card-title\"\u003eESPERA Y ENJUAGA\u003c\/h3\u003e\n\n\u003cp class=\"abera-acne-howto__card-text\"\u003eDeja actuar de \u003cstrong\u003e60 a 90 segundos\u003c\/strong\u003e, luego enjuaga abundantemente con agua.\u003c\/p\u003e\n\n\u003c\/article\u003e\n\u003c!-- STEP 3 --\u003e\n\u003carticle class=\"abera-acne-howto__card\"\u003e\n\u003cdiv class=\"abera-acne-howto__step\"\u003e03\u003c\/div\u003e\n\n\u003ch3 class=\"abera-acne-howto__card-title\"\u003eSÉ CONSTANTE\u003c\/h3\u003e\n\n\u003cp class=\"abera-acne-howto__card-text\"\u003eÚsalo \u003cstrong\u003edos veces al día\u003c\/strong\u003e para obtener los mejores resultados.\u003c\/p\u003e\n\n\u003c\/article\u003e\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\u003c\/section\u003e\n\u003cstyle\u003e\n\/* =========================================================\n ABERA MEN ACNE BODY WASH\n TECHNOLOGY + INGREDIENTS SECTION\n========================================================= *\/\n\n.abera-acne-tech {\n font-family: Inter, Arial, sans-serif;\n background: #0b0b0d;\n color: #ffffff;\n padding: 40px 18px 40px;\n}\n\n.abera-acne-tech * {\n box-sizing: border-box;\n}\n\n.abera-acne-tech__inner {\n width: 100%;\n max-width: 1180px;\n margin: 0 auto;\n}\n\n.abera-acne-tech__header {\n text-align: center;\n max-width: 760px;\n margin: 0 auto 34px;\n}\n\n.abera-acne-tech__title {\n margin: 0;\n font-size: clamp(28px, 3vw, 44px);\n line-height: 1.2;\n letter-spacing: 0;\n font-weight: 600;\n color: #ffffff;\n}\n\n\/* =========================================================\n INGREDIENT GRID\n========================================================= *\/\n\n.abera-acne-tech__grid {\n display: grid;\n grid-template-columns: repeat(3, minmax(0, 1fr));\n gap: 18px;\n margin-bottom: 28px;\n}\n\n.abera-acne-tech__card {\n position: relative;\n overflow: hidden;\n border-radius: 18px;\n min-height: 142px;\n background: #1a1a1d;\n box-shadow: 0 10px 24px rgba(0,0,0,.24);\n}\n\n.abera-acne-tech__card-image {\n position: absolute;\n inset: 0;\n width: 100%;\n height: 100%;\n}\n\n.abera-acne-tech__card-image img {\n width: 100%;\n height: 100%;\n display: block;\n object-fit: cover;\n}\n\n.abera-acne-tech__card-overlay {\n position: absolute;\n inset: 0;\n background:\n linear-gradient(to bottom, rgba(0,0,0,.18), rgba(0,0,0,.44)),\n linear-gradient(to right, rgba(0,0,0,.48), rgba(0,0,0,.12));\n}\n\n.abera-acne-tech__card-content {\n position: relative;\n z-index: 2;\n padding: 18px 18px 16px;\n}\n\n.abera-acne-tech__card-title {\n margin: 0 0 8px;\n font-size: 19px;\n line-height: 1.15;\n font-weight: 700;\n color: #ffffff;\n}\n\n.abera-acne-tech__card-text {\n margin: 0;\n font-size: 15px;\n line-height: 1.45;\n font-weight: 500;\n color: rgba(255,255,255,.92);\n}\n\n\/* =========================================================\n TRUST ROW\n========================================================= *\/\n\n.abera-acne-tech__trust {\n display: flex;\n justify-content: center;\n flex-wrap: wrap;\n gap: 14px 26px;\n}\n\n.abera-acne-tech__trust-item {\n display: inline-flex;\n align-items: center;\n gap: 9px;\n min-height: 26px;\n}\n\n.abera-acne-tech__trust-icon {\n width: 22px;\n height: 22px;\n flex: 0 0 22px;\n display: inline-flex;\n align-items: center;\n justify-content: center;\n}\n\n.abera-acne-tech__trust-icon img {\n width: 100%;\n height: 100%;\n object-fit: contain;\n display: block;\n}\n\n.abera-acne-tech__trust-label {\n font-size: 15px;\n line-height: 1.3;\n font-weight: 500;\n color: #ffffff;\n}\n\n\/* =========================================================\n RESPONSIVE\n========================================================= *\/\n\n@media (max-width: 991px) {\n .abera-acne-tech__grid {\n grid-template-columns: repeat(2, minmax(0, 1fr));\n }\n}\n\n@media (max-width: 767px) {\n .abera-acne-tech {\n padding: 35px 16px 20px;\n }\n\n .abera-acne-tech__header {\n margin-bottom: 24px;\n }\n\n .abera-acne-tech__title {\n font-size: 24px;\n line-height: 1.25;\n }\n\n .abera-acne-tech__grid {\n grid-template-columns: repeat(2, minmax(0, 1fr));\n gap: 12px;\n margin-bottom: 22px;\n }\n\n .abera-acne-tech__card {\n min-height: 132px;\n border-radius: 14px;\n }\n\n .abera-acne-tech__card-content {\n padding: 14px 12px 12px;\n }\n\n .abera-acne-tech__card-title {\n font-size: 16px;\n margin-bottom: 6px;\n }\n\n .abera-acne-tech__card-text {\n font-size: 12px;\n line-height: 1.4;\n }\n\n .abera-acne-tech__trust {\n justify-content: flex-start;\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 12px 16px;\n }\n\n .abera-acne-tech__trust-label {\n font-size: 14px;\n }\n}\n\u003c\/style\u003e\n\u003csection class=\"abera-acne-tech\"\u003e\n\u003cdiv class=\"abera-acne-tech__inner\"\u003e\n\n\u003c!-- HEADER --\u003e\n\u003cdiv class=\"abera-acne-tech__header\"\u003e\n\n\u003ch2 class=\"abera-acne-tech__title\"\u003eQUÉ CONTIENE Y POR QUÉ FUNCIONA\u003c\/h2\u003e\n\n\n\u003c\/div\u003e\n\n\u003c!-- INGREDIENT CARDS --\u003e\n\u003cdiv class=\"abera-acne-tech__grid\"\u003e\n\n\u003c!-- CARD 1 --\u003e\n\u003carticle class=\"abera-acne-tech__card\"\u003e\n\u003cdiv class=\"abera-acne-tech__card-image\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/ChatGPT_9_cf5fea3c-f857-46dc-b3f3-27004085cb8c.webp?v=1787967140\" alt=\"Lactic Acid\" loading=\"lazy\"\u003e\u003c\/div\u003e\n\n\u003cdiv class=\"abera-acne-tech__card-overlay\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\n\u003cdiv class=\"abera-acne-tech__card-content\"\u003e\n\n\u003ch3 class=\"abera-acne-tech__card-title\"\u003e5% ÁCIDO LÁCTICO (AHA)\u003c\/h3\u003e\n\n\u003cp class=\"abera-acne-tech__card-text\"\u003eDesobstruye los poros y trata los brotes.\u003c\/p\u003e\n\n\n\u003c\/div\u003e\n\n\u003c\/article\u003e\n\u003c!-- CARD 2 --\u003e\n\u003carticle class=\"abera-acne-tech__card\"\u003e\n\u003cdiv class=\"abera-acne-tech__card-image\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/ChatGPT_11_3dd2f558-f8cd-4ff9-8f57-96fba011aece.webp?v=1787967139\" alt=\"Witch Hazel\" loading=\"lazy\"\u003e\u003c\/div\u003e\n\n\u003cdiv class=\"abera-acne-tech__card-overlay\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\n\u003cdiv class=\"abera-acne-tech__card-content\"\u003e\n\n\u003ch3 class=\"abera-acne-tech__card-title\"\u003eÁCIDO SALICÍLICO (BHA)\u003c\/h3\u003e\n\n\u003cp class=\"abera-acne-tech__card-text\"\u003eExfolia y suaviza la piel áspera.\u003c\/p\u003e\n\n\n\u003c\/div\u003e\n\n\u003c\/article\u003e\n\u003c!-- CARD 3 --\u003e\n\u003carticle class=\"abera-acne-tech__card\"\u003e\n\u003cdiv class=\"abera-acne-tech__card-image\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/ChatGPT_10_ac7e96ad-6be8-490e-aac9-58781928b79b.webp?v=1787967139\" alt=\"Panthenol\" loading=\"lazy\"\u003e\u003c\/div\u003e\n\n\u003cdiv class=\"abera-acne-tech__card-overlay\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\n\u003cdiv class=\"abera-acne-tech__card-content\"\u003e\n\n\u003ch3 class=\"abera-acne-tech__card-title\"\u003eNIACINAMIDA\u003c\/h3\u003e\n\n\u003cp class=\"abera-acne-tech__card-text\"\u003eControla el exceso de grasa y unifica el tono de la piel.\u003c\/p\u003e\n\n\n\u003c\/div\u003e\n\n\u003c\/article\u003e\n\u003c!-- CARD 4 --\u003e\n\u003carticle class=\"abera-acne-tech__card\"\u003e\n\u003cdiv class=\"abera-acne-tech__card-image\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/ChatGPT_12_6161b02b-fb43-49ad-a79f-7e542ab400a1.webp?v=1787967139\" alt=\"Niacinamide\" loading=\"lazy\"\u003e\u003c\/div\u003e\n\n\u003cdiv class=\"abera-acne-tech__card-overlay\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\n\u003cdiv class=\"abera-acne-tech__card-content\"\u003e\n\n\u003ch3 class=\"abera-acne-tech__card-title\"\u003ePANTENOL (VITAMINA B5)\u003c\/h3\u003e\n\n\u003cp class=\"abera-acne-tech__card-text\"\u003eHidrata y apoya la barrera cutánea\u003c\/p\u003e\n\n\n\u003c\/div\u003e\n\n\u003c\/article\u003e\n\u003c!-- CARD 5 --\u003e\n\u003carticle class=\"abera-acne-tech__card\"\u003e\n\u003cdiv class=\"abera-acne-tech__card-image\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/ChatGPT_14_c87813ff-fd81-45fe-a34d-91346c0a4d23.webp?v=1787967140\" alt=\"Chamomile\" loading=\"lazy\"\u003e\u003c\/div\u003e\n\n\u003cdiv class=\"abera-acne-tech__card-overlay\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\n\u003cdiv class=\"abera-acne-tech__card-content\"\u003e\n\n\u003ch3 class=\"abera-acne-tech__card-title\"\u003eHAMAMELIS\u003c\/h3\u003e\n\n\u003cp class=\"abera-acne-tech__card-text\"\u003eRefresca la piel grasa y congestionada\u003c\/p\u003e\n\n\n\u003c\/div\u003e\n\n\u003c\/article\u003e\n\u003c!-- CARD 6 --\u003e\n\u003carticle class=\"abera-acne-tech__card\"\u003e\n\u003cdiv class=\"abera-acne-tech__card-image\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/ChatGPT_13_97629cd4-fe60-4a4b-bc46-2a14cde890dd.webp?v=1787967140\" alt=\"Succinic Acid\" loading=\"lazy\"\u003e\u003c\/div\u003e\n\n\u003cdiv class=\"abera-acne-tech__card-overlay\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\n\u003cdiv class=\"abera-acne-tech__card-content\"\u003e\n\n\u003ch3 class=\"abera-acne-tech__card-title\"\u003eMANZANILLA\u003c\/h3\u003e\n\n\u003cp class=\"abera-acne-tech__card-text\"\u003eCalma la piel estresada y sensible\u003c\/p\u003e\n\n\n\u003c\/div\u003e\n\n\u003c\/article\u003e\n\n\u003c\/div\u003e\n\n\u003c!-- TRUST ROW --\u003e\n\u003cdiv class=\"abera-acne-tech__trust\"\u003e\n\n\u003cdiv class=\"abera-acne-tech__trust-item\"\u003e\n\n\u003cspan class=\"abera-acne-tech__trust-icon\"\u003e \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/18_2b9950f9-1de2-4435-840f-a2788bc79db5.webp?v=1786634004\" alt=\"Trust Icon 1\" loading=\"lazy\"\u003e \u003c\/span\u003e \u003cspan class=\"abera-acne-tech__trust-label\"\u003eProbado por dermatólogos\u003c\/span\u003e\n\n\u003c\/div\u003e\n\n\u003cdiv class=\"abera-acne-tech__trust-item\"\u003e\n\n\u003cspan class=\"abera-acne-tech__trust-icon\"\u003e \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/19_f1ab1d79-53db-49a0-93ac-390f9f40fc7a.webp?v=1786634004\" alt=\"Trust Icon 2\" loading=\"lazy\"\u003e \u003c\/span\u003e \u003cspan class=\"abera-acne-tech__trust-label\"\u003eSin parabenos\u003c\/span\u003e\n\n\u003c\/div\u003e\n\n\u003cdiv class=\"abera-acne-tech__trust-item\"\u003e\n\n\u003cspan class=\"abera-acne-tech__trust-icon\"\u003e \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/Retinol_13.webp?v=1787970153\" alt=\"Trust Icon 3\" loading=\"lazy\"\u003e \u003c\/span\u003e \u003cspan class=\"abera-acne-tech__trust-label\"\u003eSin ftalatos\u003c\/span\u003e\n\n\u003c\/div\u003e\n\n\u003cdiv class=\"abera-acne-tech__trust-item\"\u003e\n\n\u003cspan class=\"abera-acne-tech__trust-icon\"\u003e \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/17_4b584ed0-a5a0-4e05-b5ed-941e0659119d.webp?v=1786634004\" alt=\"Trust Icon 4\" loading=\"lazy\"\u003e \u003c\/span\u003e \u003cspan class=\"abera-acne-tech__trust-label\"\u003eLibre de crueldad\u003c\/span\u003e\n\n\u003c\/div\u003e\n\n\u003cdiv class=\"abera-acne-tech__trust-item\"\u003e\n\n\u003cspan class=\"abera-acne-tech__trust-icon\"\u003e \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/Retinol_14.webp?v=1787970891\" alt=\"Trust Icon 5\" loading=\"lazy\"\u003e \u003c\/span\u003e \u003cspan class=\"abera-acne-tech__trust-label\"\u003eProbado por terceros\u003c\/span\u003e\n\n\u003c\/div\u003e\n\n\u003cdiv class=\"abera-acne-tech__trust-item\"\u003e\n\n\u003cspan class=\"abera-acne-tech__trust-icon\"\u003e \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/Retinol_15.webp?v=1787971033\" alt=\"Trust Icon 6\" loading=\"lazy\"\u003e \u003c\/span\u003e \u003cspan class=\"abera-acne-tech__trust-label\"\u003eEnfocado en el acné corporal\u003c\/span\u003e\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\u003c\/section\u003e\n\u003cstyle\u003e\n\/* =========================================================\n ABERA MEN ACNE BODY WASH\n 28-DAY BODY SKIN JOURNEY\n ALIGNED WITH OTHER SECTIONS\n========================================================= *\/\n\n.abera-body-journey {\n --black: #111111;\n --text: #1b1b1b;\n --muted: #626262;\n --line: #dddddd;\n --accent: #a98f78;\n --border: #e5e5e5;\n\n width: 100%;\n padding: 40px 18px;\n margin: 0;\n\n background: #ffffff;\n color: var(--text);\n\n font-family: Inter, Arial, sans-serif;\n}\n\n.abera-body-journey,\n.abera-body-journey * {\n box-sizing: border-box;\n}\n\n\n\/* =========================================================\n WRAPPER\n SAME LOGIC AS INGREDIENT SECTION\n========================================================= *\/\n\n.abera-body-journey__inner {\n width: 100%;\n max-width: none;\n margin: 0 auto;\n padding: 0;\n}\n\n\n\/* =========================================================\n DESKTOP LAYOUT\n 60\/40 WITHOUT OVERFLOW\n========================================================= *\/\n\n.abera-body-journey__layout {\n width: 100%;\n\n display: grid;\n grid-template-columns: minmax(0, 3fr) minmax(0, 2fr);\n gap: 18px;\n\n align-items: stretch;\n\n margin: 0;\n padding: 0;\n}\n\n\n\/* =========================================================\n CONTENT PANEL\n========================================================= *\/\n\n.abera-body-journey__content {\n width: 100%;\n min-width: 0;\n\n background: #ffffff;\n\n border: 1px solid var(--border);\n border-radius: 16px;\n\n padding: 30px 28px 30px;\n\n overflow: hidden;\n}\n\n\n\/* =========================================================\n HEADER\n========================================================= *\/\n\n.abera-body-journey__eyebrow {\n margin: 0 0 16px;\n\n font-size: 12px;\n line-height: 1;\n font-weight: 700;\n\n letter-spacing: .7px;\n text-transform: uppercase;\n\n color: var(--accent);\n}\n\n\n.abera-body-journey__title {\n width: 100%;\n max-width: 760px;\n\n margin: 0 0 36px;\n\n font-size: clamp(32px, 3vw, 50px);\n line-height: 1.16;\n\n letter-spacing: -1px;\n font-weight: 600;\n\n color: var(--black);\n}\n\n\n\/* =========================================================\n TIMELINE\n========================================================= *\/\n\n.abera-body-journey__timeline {\n width: 100%;\n}\n\n\n\/* =========================================================\n TIMELINE ITEM\n========================================================= *\/\n\n.abera-body-journey__item {\n position: relative;\n\n width: 100%;\n\n display: grid;\n grid-template-columns: 28px minmax(0, 1fr);\n column-gap: 18px;\n\n padding-bottom: 31px;\n}\n\n\n.abera-body-journey__item:last-child {\n padding-bottom: 0;\n}\n\n\n\/* Vertical line *\/\n\n.abera-body-journey__item:not(:last-child)::after {\n content: \"\";\n\n position: absolute;\n\n left: 13px;\n top: 28px;\n bottom: 0;\n\n width: 1px;\n\n background: var(--line);\n}\n\n\n\/* =========================================================\n MARKER\n========================================================= *\/\n\n.abera-body-journey__marker {\n position: relative;\n z-index: 2;\n\n width: 27px;\n height: 27px;\n\n display: flex;\n align-items: center;\n justify-content: center;\n\n color: #111111;\n}\n\n\n.abera-body-journey__marker::before {\n content: \"✦\";\n\n display: block;\n\n font-size: 22px;\n line-height: 1;\n}\n\n\n\/* =========================================================\n COPY\n========================================================= *\/\n\n.abera-body-journey__period {\n margin: 4px 0 14px;\n\n font-size: 12px;\n line-height: 1;\n\n font-weight: 700;\n\n letter-spacing: .2px;\n text-transform: uppercase;\n\n color: #222222;\n}\n\n\n.abera-body-journey__headline {\n width: 100%;\n max-width: 720px;\n\n margin: 0 0 10px;\n\n font-size: 23px;\n line-height: 1.4;\n\n font-weight: 500;\n\n color: var(--black);\n}\n\n\n.abera-body-journey__benefit {\n width: 100%;\n max-width: 760px;\n\n margin: 0;\n\n font-size: 15px;\n line-height: 1.55;\n\n color: var(--muted);\n}\n\n\n.abera-body-journey__benefit strong {\n color: var(--accent);\n font-weight: 600;\n}\n\n\n\/* =========================================================\n IMAGE\n========================================================= *\/\n\n.abera-body-journey__media {\n position: relative;\n\n width: 100%;\n min-width: 0;\n min-height: 100%;\n\n overflow: hidden;\n\n border-radius: 16px;\n\n background: #eeeeee;\n}\n\n\n.abera-body-journey__media img {\n width: 100%;\n height: 100%;\n\n display: block;\n\n object-fit: cover;\n object-position: center;\n\n margin: 0;\n}\n\n\n\/* =========================================================\n TABLET\n========================================================= *\/\n\n@media (max-width: 1000px) {\n\n .abera-body-journey {\n padding: 36px 18px;\n }\n\n\n .abera-body-journey__layout {\n grid-template-columns: minmax(0, 1.4fr) minmax(0, 1fr);\n gap: 16px;\n }\n\n\n .abera-body-journey__content {\n padding: 30px 24px;\n }\n\n\n .abera-body-journey__title {\n font-size: 38px;\n }\n\n\n .abera-body-journey__headline {\n font-size: 20px;\n }\n\n}\n\n\n\/* =========================================================\n MOBILE\n========================================================= *\/\n\n@media (max-width: 767px) {\n\n .abera-body-journey {\n width: 100%;\n\n padding: 22px 16px 42px;\n\n margin: 0;\n }\n\n\n .abera-body-journey__inner {\n width: 100%;\n\n max-width: none;\n\n margin: 0;\n padding: 0;\n }\n\n\n \/* Image first, content second *\/\n\n .abera-body-journey__layout {\n width: 100%;\n\n display: flex;\n flex-direction: column;\n\n gap: 12px;\n\n margin: 0;\n padding: 0;\n }\n\n\n \/* =====================================================\n IMAGE ABOVE\n ===================================================== *\/\n\n .abera-body-journey__media {\n order: 1;\n\n width: 100%;\n\n min-width: 0;\n min-height: 0;\n\n aspect-ratio: 1 \/ 1;\n\n border-radius: 14px;\n\n margin: 0;\n }\n\n\n .abera-body-journey__media img {\n width: 100%;\n height: 100%;\n\n object-fit: cover;\n\n margin: 0;\n }\n\n\n \/* =====================================================\n CONTENT BELOW\n ===================================================== *\/\n\n .abera-body-journey__content {\n order: 2;\n\n width: 100%;\n min-width: 0;\n\n padding: 30px 20px 32px;\n\n margin: 0;\n\n background: #ffffff;\n\n border-radius: 14px;\n }\n\n\n .abera-body-journey__eyebrow {\n margin: 0 0 14px;\n\n font-size: 11px;\n }\n\n\n .abera-body-journey__title {\n width: 100%;\n\n margin: 0 0 30px;\n\n font-size: 30px;\n line-height: 1.2;\n\n letter-spacing: -.5px;\n }\n\n\n .abera-body-journey__item {\n width: 100%;\n\n grid-template-columns: 24px minmax(0, 1fr);\n column-gap: 14px;\n\n padding-bottom: 29px;\n }\n\n\n .abera-body-journey__item:not(:last-child)::after {\n left: 11px;\n top: 25px;\n }\n\n\n .abera-body-journey__marker {\n width: 23px;\n height: 23px;\n }\n\n\n .abera-body-journey__marker::before {\n font-size: 19px;\n }\n\n\n .abera-body-journey__period {\n margin-top: 3px;\n margin-bottom: 12px;\n\n font-size: 11px;\n }\n\n\n .abera-body-journey__headline {\n width: 100%;\n\n margin-bottom: 9px;\n\n font-size: 18px;\n line-height: 1.42;\n }\n\n\n .abera-body-journey__benefit {\n width: 100%;\n\n font-size: 14px;\n line-height: 1.55;\n }\n\n}\n\u003c\/style\u003e\n\u003csection class=\"abera-body-journey\"\u003e\n\u003cdiv class=\"abera-body-journey__inner\"\u003e\n\n\u003cdiv class=\"abera-body-journey__layout\"\u003e\n\n\u003c!-- =================================================\n CONTENT\n ================================================== --\u0026gt;\n\u003cdiv class=\"abera-body-journey__content\"\u003e\n\n\u003cdiv class=\"abera-body-journey__eyebrow\"\u003eQUÉ ESPERAR\u003c\/div\u003e\n\n\u003ch2 class=\"abera-body-journey__title\"\u003ePiel corporal más clara y suave en 28 días.\u003c\/h2\u003e\n\n\u003cdiv class=\"abera-body-journey__timeline\"\u003e\n\n\u003c!-- DAY 1–7 --\u003e\n\u003cdiv class=\"abera-body-journey__item\"\u003e\n\n\u003cdiv class=\"abera-body-journey__marker\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\n\u003cdiv\u003e\n\n\u003cdiv class=\"abera-body-journey__period\"\u003eDÍA 1–7\u003c\/div\u003e\n\n\u003cp class=\"abera-body-journey__headline\"\u003eLa piel se siente más limpia, fresca y menos congestionada.\u003c\/p\u003e\n\n\u003cp class=\"abera-body-journey__benefit\"\u003e\u003cstrong\u003eBeneficios:\u003c\/strong\u003e Ayuda a eliminar el exceso de grasa, sudor y acumulación superficial que pueden contribuir a la obstrucción de los poros.\u003c\/p\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\u003c!-- DAY 8–14 --\u003e\n\u003cdiv class=\"abera-body-journey__item\"\u003e\n\n\u003cdiv class=\"abera-body-journey__marker\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\n\u003cdiv\u003e\n\n\u003cdiv class=\"abera-body-journey__period\"\u003eDÍA 8–14\u003c\/div\u003e\n\n\u003cp class=\"abera-body-journey__headline\"\u003eLas áreas ásperas y con aspecto obstruido comienzan a sentirse más suaves.\u003c\/p\u003e\n\n\u003cp class=\"abera-body-journey__benefit\"\u003e\u003cstrong\u003eBeneficios:\u003c\/strong\u003e La exfoliación regular ayuda a reducir la acumulación de células muertas de la piel y a mejorar la sensación de la textura corporal áspera.\u003c\/p\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\u003c!-- DAY 15–21 --\u003e\n\u003cdiv class=\"abera-body-journey__item\"\u003e\n\n\u003cdiv class=\"abera-body-journey__marker\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\n\u003cdiv\u003e\n\n\u003cdiv class=\"abera-body-journey__period\"\u003eDÍA 15–21\u003c\/div\u003e\n\n\u003cp class=\"abera-body-journey__headline\"\u003eLos brotes visibles en el cuerpo comienzan a verse más calmados.\u003c\/p\u003e\n\n\u003cp class=\"abera-body-journey__benefit\"\u003e\u003cstrong\u003eBeneficios:\u003c\/strong\u003e Las áreas propensas al acné pueden mostrar menos protuberancias visibles y una textura general de aspecto más suave.\u003c\/p\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\u003c!-- DAY 22–28 --\u003e\n\u003cdiv class=\"abera-body-journey__item\"\u003e\n\n\u003cdiv class=\"abera-body-journey__marker\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\n\u003cdiv\u003e\n\n\u003cdiv class=\"abera-body-journey__period\"\u003eDÍA 22–28\u003c\/div\u003e\n\n\u003cp class=\"abera-body-journey__headline\"\u003eLa piel del cuerpo se ve más clara, suave y uniforme.\u003c\/p\u003e\n\n\u003cp class=\"abera-body-journey__benefit\"\u003e\u003cstrong\u003eBeneficios:\u003c\/strong\u003e Las áreas propensas a brotes se ven mejor cuidadas, con una piel de aspecto más suave y menos imperfecciones visibles.\u003c\/p\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\u003c!-- =================================================\n IMAGE\n ================================================== --\u0026gt;\n\u003cdiv class=\"abera-body-journey__media\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/27_4397c1b6-cebc-4510-bbdb-6ebfd461c346.webp?v=1787729365\" alt=\"ABERA Men Acne Body Wash 28-day body skin journey\" loading=\"lazy\"\u003e\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\u003c\/section\u003e\n\u003c!--$6--\u003e\n\u003csection class=\"abera-acne-faq\"\u003e\n\u003cdiv class=\"abera-acne-faq__inner\"\u003e\n\n\u003c!-- HEADER --\u003e\n\u003cdiv class=\"abera-acne-faq__header\"\u003e\n\n\u003ch2 class=\"abera-acne-faq__title\"\u003ePREGUNTAS FRECUENTES DE LOS HOMBRES\u003c\/h2\u003e\n\n\n\u003c\/div\u003e\n\n\u003c!-- FAQ LIST --\u003e\n\u003cdiv class=\"abera-acne-faq__list\"\u003e\n\n\u003c!-- FAQ 01 --\u003e\n\u003cdetails class=\"abera-acne-faq__item\"\u003e\n\u003csummary class=\"abera-acne-faq__question\"\u003e¿Puedo usar ABERA Men Acne Body Wash si tengo piel sensible?\u003c\/summary\u003e\n\u003cdiv class=\"abera-acne-faq__answer\"\u003e\n\n\u003cp\u003eSí. ABERA Men Acne Body Wash está diseñado para el cuidado corporal diario y combina \u003cstrong\u003eácido láctico al 5 %\u003c\/strong\u003e con \u003cstrong\u003eniacinamida\u003c\/strong\u003e y otros ingredientes que favorecen la piel.\u003c\/p\u003e\n\n\n\u003c\/div\u003e\n\n\u003c\/details\u003e\n\u003c!-- FAQ 02 --\u003e\n\u003cdetails class=\"abera-acne-faq__item\"\u003e\n\u003csummary class=\"abera-acne-faq__question\"\u003e¿Es esto solo para el acné o también puede ayudar con pequeños bultos y la textura áspera de la piel del cuerpo?\u003c\/summary\u003e\n\u003cdiv class=\"abera-acne-faq__answer\"\u003e\n\n\u003cp\u003eNo es solo para brotes visibles. La fórmula de \u003cstrong\u003eácido láctico al 5 %\u003c\/strong\u003e ayuda a exfoliar la acumulación de células muertas de la piel y a suavizar la textura corporal áspera y con bultos, lo que la convierte en una excelente opción para áreas como la espalda, el pecho, los hombros y los glúteos.\u003c\/p\u003e\n\n\n\u003c\/div\u003e\n\n\u003c\/details\u003e\n\u003c!-- FAQ 03 --\u003e\n\u003cdetails class=\"abera-acne-faq__item\"\u003e\n\u003csummary class=\"abera-acne-faq__question\"\u003e¿Puedo usarlo junto con un spray corporal BHA u otros productos para el acné?\u003c\/summary\u003e\n\u003cdiv class=\"abera-acne-faq__answer\"\u003e\n\n\u003cp\u003eSí, pero introduce gradualmente múltiples productos exfoliantes. Usa ABERA Men Acne Body Wash en la ducha, luego aplica tu \u003cstrong\u003eBHA Body Spray\u003c\/strong\u003e después de secar la piel.\u003c\/p\u003e\n\n\n\u003c\/div\u003e\n\n\u003c\/details\u003e\n\u003c!-- FAQ 04 --\u003e\n\u003cdetails class=\"abera-acne-faq__item\"\u003e\n\u003csummary class=\"abera-acne-faq__question\"\u003e¿Este gel de baño es solo para hombres, o las mujeres también pueden usarlo?\u003c\/summary\u003e\n\u003cdiv class=\"abera-acne-faq__answer\"\u003e\n\n\u003cp\u003eAunque ABERA Men Acne Body Wash fue creado pensando en las necesidades de cuidado corporal de los hombres, las mujeres también pueden usarlo. Es adecuado para cualquiera que busque un gel de baño exfoliante sencillo para ayudar a mejorar el aspecto de la piel corporal áspera y propensa a los brotes.\u003c\/p\u003e\n\n\n\u003c\/div\u003e\n\n\u003c\/details\u003e\n\u003c!-- FAQ 05 --\u003e\n\u003cdetails class=\"abera-acne-faq__item\" open=\"\"\u003e\n\u003csummary class=\"abera-acne-faq__question\"\u003e¿Cuánto tiempo tardará en llegar mi pedido?\u003c\/summary\u003e\n\u003cdiv class=\"abera-acne-faq__answer\"\u003e\n\n\u003cp\u003eLa mayoría de los pedidos de EE. UU. llegan en \u003cstrong\u003e3 a 6 días hábiles\u003c\/strong\u003e después del envío. Una vez que tu pedido esté en camino, recibirás un número de seguimiento para rastrear tu entrega.\u003c\/p\u003e\n\n\n\u003c\/div\u003e\n\n\u003c\/details\u003e\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\u003c\/section\u003e\u003c\/section\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\u003c\/section\u003e\u003c\/section\u003e","brand":"Abera","offers":[{"title":"1 Bottle","offer_id":54225655824752,"sku":"CB-USASTABM+SL1","price":28.0,"currency_code":"USD","in_stock":true},{"title":"Double-Action Clear Body Bundle","offer_id":54225655890288,"sku":"CB-USASTABM+SL1-CB-BHA059+SL1","price":45.0,"currency_code":"USD","in_stock":true},{"title":"2 Bottles + 🎁 ABERA BHA Acne Spray","offer_id":54225655857520,"sku":"CB-USASTABM+SL2-CB-BHA059+SL1","price":50.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/Retinol_4.webp?v=1787718062"},{"product_id":"atoskin-cream-for-eczema-psoriasis-folliculitis","title":"Crema Atoskin ","description":"\u003cstyle\u003e\n:root{--g:#0b7f47;--g2:#15975a;--soft:#eef8f2;--ink:#15231c;--muted:#5f6f66;--line:#d9e9df;--warm:#fbf7f1;--shadow:0 10px 30px rgba(20,80,50,.08);--r:22px}\n*{box-sizing:border-box}.at-page{font-family:Arial,Helvetica,sans-serif;color:var(--ink);background:#fff;line-height:1.5;overflow:hidden}.at-page img{display:block;max-width:100%}.at-container{width:min(1180px,calc(100% - 28px));margin:auto}.at-section{padding:56px 0}.at-eyebrow{display:inline-flex;padding:7px 12px;border-radius:999px;background:var(--soft);color:var(--g);font-size:12px;font-weight:800;letter-spacing:.5px;text-transform:uppercase}.at-page h1,.at-page h2,.at-page h3,.at-page p{margin-top:0}.at-page h1{font-size:clamp(38px,6vw,66px);line-height:1.02;letter-spacing:-1.6px;margin-bottom:16px}.at-page h2{font-size:clamp(30px,4.5vw,46px);line-height:1.08;letter-spacing:-.8px;margin-bottom:12px}.at-page h3{font-size:21px;line-height:1.24;margin-bottom:7px}.at-lead{font-size:clamp(17px,2vw,21px);color:var(--muted);max-width:820px}.at-small{font-size:13px;color:var(--muted)}.at-card{background:#fff;border:1px solid var(--line);border-radius:var(--r);box-shadow:var(--shadow)}\n.at-ticker{background:linear-gradient(90deg,#075f38,#0b7f47,#15975a);color:#fff;overflow:hidden;border-radius:0 0 18px 18px;box-shadow:0 8px 24px rgba(9,109,62,.14)}.at-ticker-track{display:flex;width:max-content;animation:atTicker 24s linear infinite}.at-ticker-set{display:flex;align-items:center;gap:28px;padding:12px 14px;white-space:nowrap;font-size:13px;font-weight:800}.at-dot{opacity:.65}@keyframes atTicker{from{transform:translateX(0)}to{transform:translateX(-50%)}}@media(prefers-reduced-motion:reduce){.at-ticker-track{animation:none}}\n.at-problem{background:linear-gradient(135deg,#fbfdfc 0%,#eef8f2 58%,#fff 100%)}.at-problem-grid{display:grid;grid-template-columns:1.02fr .98fr;gap:36px;align-items:center}.at-trigger-box{overflow:hidden;border-radius:26px;border:1px solid var(--line);background:var(--warm);box-shadow:var(--shadow);margin-top:4px}.at-trigger-box img{width:100%;aspect-ratio:4\/3;object-fit:cover}\n.at-location-head{max-width:880px;margin-bottom:24px}.at-location-scroll{display:grid;grid-template-columns:1.25fr .875fr .875fr;gap:16px}.at-location-card{overflow:hidden}.at-location-card img{width:100%;aspect-ratio:4\/3;object-fit:cover;background:#edf5f0}.at-location-copy{padding:22px}.at-tags{display:flex;flex-wrap:wrap;gap:7px;margin-top:13px}.at-tags span{padding:6px 9px;border-radius:999px;background:var(--soft);color:var(--g);font-size:11px;font-weight:800}\n.at-plan-progress{background:#0b6a40;color:#fff}.at-plan-progress .at-lead,.at-plan-progress .at-small{color:#dcefe5}.at-plan-grid{display:grid;grid-template-columns:1fr;gap:24px;align-items:start;max-width:760px;margin-left:auto;margin-right:auto}.at-routine-panel{background:#0e7647;border:1px solid rgba(255,255,255,.18);border-radius:28px;padding:24px;box-shadow:0 14px 36px rgba(0,0,0,.12)}.at-week-grid{display:grid;grid-template-columns:1fr;gap:12px;margin-top:18px}.at-week{padding:18px;border:1px solid rgba(255,255,255,.16);border-radius:18px;background:rgba(255,255,255,.07)}.at-week strong{display:block;font-size:15px;margin-bottom:5px}.at-week p{margin:0;font-size:13px;color:#dcefe5}.at-routine-illustration{margin-top:18px;overflow:hidden;border-radius:20px;border:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.06);padding:14px;display:flex;align-items:center;justify-content:center}.at-routine-illustration img{display:block;width:72%;max-width:420px;height:auto;max-height:500px;object-fit:contain;object-position:center;border-radius:16px;margin:0 auto}.at-routine-illustration .cap{display:none}.at-bundle-note{margin-top:16px;padding:13px 15px;border-radius:14px;background:#edf8f2;color:#0a7041;font-size:13px;font-weight:800}\n\n.at-application-shot{margin:16px 0 4px;padding:10px;border-radius:20px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.20);box-shadow:0 8px 22px rgba(0,0,0,.08);overflow:hidden}\n.at-application-shot img{display:block;width:100%;height:auto;max-height:360px;object-fit:contain;object-position:center;border-radius:14px;background:#fff;margin:0 auto}\n.at-application-shot .at-application-caption{display:flex;align-items:center;gap:8px;padding:10px 4px 2px;font-size:12px;font-weight:800;line-height:1.35;color:#e8f7ee}\n.at-application-shot .at-application-caption:before{\n content:\"✓\";\n width:22px;\n height:22px;\n border-radius:50%;\n display:grid;\n place-items:center;\n flex:0 0 22px;\n background:#eaf7ef;\n color:#0b7f47;\n font-size:12px;\n}\n\n\n.at-ingredient-visual{\n position:relative;\n min-height:430px;\n border-radius:22px;\n background:linear-gradient(145deg,#ffffff,#edf8f2);\n border:1px solid var(--line);\n overflow:hidden;\n}\n.at-ingredient-product{\n position:absolute;\n inset:56px 118px 46px;\n display:grid;\n place-items:center;\n z-index:2;\n}\n.at-ingredient-product img{\n width:100%;\n max-width:245px;\n max-height:320px;\n object-fit:contain;\n filter:drop-shadow(0 14px 18px rgba(25,79,51,.12));\n}\n.at-mini-ing{\n position:absolute;\n width:112px;\n padding:7px;\n background:rgba(255,255,255,.94);\n border:1px solid var(--line);\n border-radius:16px;\n box-shadow:0 7px 18px rgba(20,80,50,.08);\n z-index:3;\n}\n.at-mini-ing img{\n width:100%;\n aspect-ratio:1\/1;\n object-fit:cover;\n border-radius:11px;\n}\n.at-mini-ing span{\n display:block;\n margin-top:5px;\n text-align:center;\n font-size:10px;\n line-height:1.2;\n font-weight:800;\n color:var(--g);\n}\n.at-mini-1{top:18px;left:16px}\n.at-mini-2{top:18px;right:16px}\n.at-mini-3{bottom:18px;left:16px}\n.at-mini-4{bottom:18px;right:16px}\n\n.at-ingredients{background:#fff;border-top:1px solid var(--line)}.at-ingredient-hero{display:grid;grid-template-columns:1fr 1fr;gap:26px;align-items:center;background:linear-gradient(135deg,#f7fbf8,#eef8f2);border:1px solid var(--line);border-radius:28px;padding:24px;box-shadow:var(--shadow)}.at-ingredient-hero img{width:100%;max-height:520px;object-fit:contain;border-radius:20px}.at-trust-chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}.at-trust-chips span{padding:8px 10px;background:#fff;border:1px solid var(--line);border-radius:999px;font-size:12px;font-weight:800}.at-ingredient-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:16px}.at-ingredient-card{overflow:hidden}.at-ingredient-card img{width:100%;aspect-ratio:4\/3;object-fit:cover;background:#edf5f0}.at-ingredient-card .copy{padding:17px}\n.at-faq{width:min(880px,100%);margin:auto}.at-page details{border-bottom:1px solid var(--line);padding:17px 0}.at-page summary{font-weight:800;cursor:pointer;list-style:none;padding-right:30px;position:relative}.at-page summary::-webkit-details-marker{display:none}.at-page summary:after{content:\"+\";position:absolute;right:0;font-size:24px;color:var(--g)}.at-page details[open] summary:after{content:\"–\"}.at-page details p{color:var(--muted);margin:10px 0 0}.at-disclaimer{background:#f8faf9;padding:18px 0;font-size:12px;color:#748078}\n@media(max-width:900px){.at-problem-grid,.at-plan-grid,.at-ingredient-hero{grid-template-columns:1fr}.at-location-scroll{grid-template-columns:1fr}.at-ingredient-grid{grid-template-columns:repeat(2,1fr)}}\n@media(min-width:601px) and (max-width:900px){.at-routine-illustration img{width:66%;max-width:340px;max-height:420px}}\n@media(max-width:600px){\n.at-ingredient-visual{min-height:390px}\n.at-ingredient-product{inset:74px 90px 72px}\n.at-ingredient-product img{max-width:200px;max-height:250px}\n.at-mini-ing{width:90px;padding:5px;border-radius:13px}\n.at-mini-ing img{border-radius:9px}\n.at-mini-ing span{font-size:9px}\n.at-mini-1{top:12px;left:10px}\n.at-mini-2{top:12px;right:10px}\n.at-mini-3{bottom:12px;left:10px}\n.at-mini-4{bottom:12px;right:10px}\n.at-ingredient-hero img{max-height:360px;width:100%;object-fit:contain}.at-application-shot{margin:16px 0 4px;padding:10px;border-radius:20px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.20);box-shadow:0 8px 22px rgba(0,0,0,.08);overflow:hidden}.at-application-shot img{display:block;width:100%;height:auto;max-height:360px;object-fit:contain;object-position:center;border-radius:14px;background:#fff;margin:0 auto}.at-application-shot .at-application-caption{display:flex;align-items:center;gap:8px;padding:10px 4px 2px;font-size:12px;font-weight:800;line-height:1.35;color:#e8f7ee}.at-routine-illustration{padding:10px;border-radius:16px}.at-routine-illustration img{width:84%;max-width:260px;max-height:340px}.at-plan-grid{max-width:100%}.at-container{width:min(100% - 22px,1180px)}.at-section{padding:38px 0}.at-page h1{font-size:39px;line-height:1.04}.at-page h2{font-size:30px;line-height:1.1}.at-page h3{font-size:20px}.at-lead{font-size:16px;line-height:1.5}.at-location-scroll,.at-ingredient-grid{display:flex;overflow-x:auto;gap:12px;scroll-snap-type:x mandatory;padding-bottom:8px;scrollbar-width:none}.at-location-scroll::-webkit-scrollbar,.at-ingredient-grid::-webkit-scrollbar{display:none}.at-location-card{min-width:86%;scroll-snap-align:start}.at-ingredient-card{min-width:76%;scroll-snap-align:start}.at-routine-panel,.at-ticker-set{font-size:12px;padding:11px 12px}}\n\u003c\/style\u003e\n\u003cdiv class=\"at-page\"\u003e\n\n\u003cdiv class=\"at-ticker\"\u003e\n\n\u003cdiv class=\"at-ticker-track\"\u003e\n\n\u003cdiv class=\"at-ticker-set\"\u003e\n\n\u003cspan\u003eCREMA ATOSKIN PARA ECZEMA Y PSORIASIS\u003c\/span\u003e\u003cspan class=\"at-dot\"\u003e•\u003c\/span\u003e\u003cspan\u003eENVÍO GRATIS EN EE. UU.\u003c\/span\u003e\u003cspan class=\"at-dot\"\u003e•\u003c\/span\u003e\u003cspan\u003eRUTINA DE 2–3 TUBOS • COMPRA EL PACK Y AHORRA\u003c\/span\u003e\u003cspan class=\"at-dot\"\u003e•\u003c\/span\u003e\u003cspan\u003eCUIDADO DIARIO SIN ESTEROIDES\u003c\/span\u003e\u003cspan class=\"at-dot\"\u003e•\u003c\/span\u003e\n\n\u003c\/div\u003e\n\n\u003cdiv class=\"at-ticker-set\"\u003e\n\n\u003cspan\u003eCREMA ATOSKIN PARA ECZEMA Y PSORIASIS\u003c\/span\u003e\u003cspan class=\"at-dot\"\u003e•\u003c\/span\u003e\u003cspan\u003eENVÍO GRATIS EN EE. UU.\u003c\/span\u003e\u003cspan class=\"at-dot\"\u003e•\u003c\/span\u003e\u003cspan\u003eRUTINA DE 2–3 TUBOS • COMPRA EL PACK Y AHORRA\u003c\/span\u003e\u003cspan class=\"at-dot\"\u003e•\u003c\/span\u003e\u003cspan\u003eCUIDADO DIARIO SIN ESTEROIDES\u003c\/span\u003e\u003cspan class=\"at-dot\"\u003e•\u003c\/span\u003e\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\u003csection class=\"at-section at-problem\"\u003e\n\u003cdiv class=\"at-container at-problem-grid\"\u003e\n\n\u003cdiv\u003e\n\n\u003cspan class=\"at-eyebrow\"\u003eComprende primero el problema\u003c\/span\u003e\n\u003ch1\u003e¿Por qué la piel seca, con picazón y descamación vuelve a aparecer una y otra vez?\u003c\/h1\u003e\n\n\u003cp class=\"at-lead\"\u003eLa piel con tendencia al eczema y la psoriasis puede sentirse peor cuando la barrera cutánea está estresada, lo que permite que la humedad se escape más fácilmente y deja la piel seca, con picazón e irritada.\u003c\/p\u003e\n\n\n\u003c\/div\u003e\n\n\u003cdiv class=\"at-trigger-box\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/atoskin.webp?v=1789619391\" alt=\"Factores desencadenantes comunes que pueden debilitar la barrera cutánea\"\u003e\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\u003c\/section\u003e\n\u003csection class=\"at-section\"\u003e\n\u003cdiv class=\"at-container\"\u003e\n\n\u003cdiv class=\"at-location-head\"\u003e\n\n\u003cspan class=\"at-eyebrow\"\u003eDónde puede aparecer\u003c\/span\u003e\n\u003ch2\u003eLas diferentes zonas del cuerpo generan distintas molestias.\u003c\/h2\u003e\n\n\u003cp class=\"at-lead\"\u003eEl mismo problema de piel seca puede sentirse muy diferente según la zona, especialmente donde intervienen el sudor, la fricción, el vello o el movimiento repetido.\u003c\/p\u003e\n\n\n\u003c\/div\u003e\n\n\u003cdiv class=\"at-location-scroll\"\u003e\n\n\u003carticle class=\"at-card at-location-card\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/atoskin-2.webp?v=1789619391\" alt=\"Progresión del eczema en la ingle y la parte interna del muslo\"\u003e\n\u003cdiv class=\"at-location-copy\"\u003e\n\n\u003cspan class=\"at-eyebrow\"\u003eIngle y parte interna de los muslos\u003c\/span\u003e\n\u003ch3\u003eEl calor + el sudor + la fricción pueden hacer que la irritación sea más difícil de ignorar.\u003c\/h3\u003e\n\n\u003cp class=\"at-small\"\u003eLa piel externa de la ingle y la parte interna de los muslos puede sentirse con picazón, seca, roja y con descamación, especialmente después de caminar, hacer ejercicio o pasar muchas horas con ropa ajustada.\u003c\/p\u003e\n\n\u003cdiv class=\"at-tags\"\u003e\n\n\u003cspan\u003ePicazón\u003c\/span\u003e\u003cspan\u003eEnrojecimiento\u003c\/span\u003e\u003cspan\u003eDescamación\u003c\/span\u003e\u003cspan\u003eFricción\u003c\/span\u003e\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\u003c\/article\u003e\n\u003carticle class=\"at-card at-location-card\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/atoskin-3.webp?v=1789619392\" alt=\"Progresión de la sequedad en el cuero cabelludo y la línea del cabello\"\u003e\n\u003cdiv class=\"at-location-copy\"\u003e\n\n\u003cspan class=\"at-eyebrow\"\u003eCuero cabelludo y línea del cabello\u003c\/span\u003e\n\u003ch3\u003eLas escamas visibles pueden seguir apareciendo alrededor del cuero cabelludo.\u003c\/h3\u003e\n\n\u003cp class=\"at-small\"\u003eLa sequedad alrededor de la línea del cabello o el cuero cabelludo puede ir acompañada de tirantez, picazón y descamación visible.\u003c\/p\u003e\n\n\u003cdiv class=\"at-tags\"\u003e\n\n\u003cspan\u003eEscamas\u003c\/span\u003e\u003cspan\u003ePicazón\u003c\/span\u003e\u003cspan\u003eTirantez\u003c\/span\u003e\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\u003c\/article\u003e\n\u003carticle class=\"at-card at-location-card\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/atoskin-4.webp?v=1789619391\" alt=\"Progresión de la piel seca e irritada en manos y cuerpo\"\u003e\n\u003cdiv class=\"at-location-copy\"\u003e\n\n\u003cspan class=\"at-eyebrow\"\u003eBrazos, piernas y pliegues\u003c\/span\u003e\n\u003ch3\u003eLas zonas secas recurrentes pueden aparecer en cualquier lugar donde se produzca fricción o sequedad.\u003c\/h3\u003e\n\n\u003cp class=\"at-small\"\u003eLos codos, las rodillas, los brazos, las piernas y los pliegues de la piel pueden desarrollar una textura áspera e incómoda que necesita un apoyo constante de hidratación.\u003c\/p\u003e\n\n\u003cdiv class=\"at-tags\"\u003e\n\n\u003cspan\u003eAspereza\u003c\/span\u003e\u003cspan\u003eZonas secas\u003c\/span\u003e\u003cspan\u003eDescamación\u003c\/span\u003e\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\u003c\/article\u003e\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\u003c\/section\u003e\n\u003csection class=\"at-section at-plan-progress\"\u003e\n\u003cdiv class=\"at-container\"\u003e\n\n\u003cspan class=\"at-eyebrow\" style=\"background: rgba(255,255,255,.14); color: #fff;\"\u003eRutina recomendada\u003c\/span\u003e\n\u003ch2 style=\"color: #fff; max-width: 860px;\"\u003eUna rutina sencilla de 1–2 meses diseñada para la constancia.\u003c\/h2\u003e\n\n\u003cp class=\"at-lead\"\u003eUsa Atoskin por la mañana y por la noche y ten suficiente producto a mano para mantener la constancia.\u003c\/p\u003e\n\n\u003cdiv class=\"at-plan-grid\" style=\"margin-top: 22px;\"\u003e\n\n\u003cdiv class=\"at-routine-panel\"\u003e\n\n\u003ch3 style=\"color: #fff;\"\u003eRutina recomendada de 1–2 meses\u003c\/h3\u003e\n\n\u003cp class=\"at-small\"\u003eAplica Atoskin por la mañana y por la noche sobre la piel limpia y seca. Para un uso específico, un tubo de 30 g puede durar alrededor de 2–3 semanas, por lo que 2–3 tubos pueden ser más prácticos para una rutina más larga.\u003c\/p\u003e\n\n\u003cdiv class=\"at-application-shot\"\u003e\n\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/atoskin-6.webp?v=1789635075\" alt=\"Aplicación de Atoskin Cream sobre la piel seca\"\u003e\n\u003cdiv class=\"at-application-caption\"\u003eAplica una capa fina directamente sobre la piel limpia y seca.\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\u003cdiv class=\"at-week-grid\"\u003e\n\n\u003cdiv class=\"at-week\"\u003e\n\n\u003cstrong\u003eSemana 1–2\u003c\/strong\u003e\n\u003cp\u003eConcéntrate en la hidratación, la suavidad y la comodidad diaria.\u003c\/p\u003e\n\n\n\u003c\/div\u003e\n\n\u003cdiv class=\"at-week\"\u003e\n\n\u003cstrong\u003eSemana 3–4\u003c\/strong\u003e\n\u003cp\u003eLa sequedad y la descamación visible pueden empezar a reducirse.\u003c\/p\u003e\n\n\n\u003c\/div\u003e\n\n\u003cdiv class=\"at-week\"\u003e\n\n\u003cstrong\u003eSemana 5–8\u003c\/strong\u003e\n\u003cp\u003eLa piel puede verse más suave y sentirse más cómoda con un cuidado constante.\u003c\/p\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\u003cdiv class=\"at-bundle-note\"\u003eElige tu rutina: 1 tubo para una prueba corta • 2 tubos para una rutina constante de 1–2 meses • 3 tubos para áreas más grandes o un uso a más largo plazo.\u003c\/div\u003e\n\n\u003cdiv class=\"at-routine-illustration\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/atoskin-5.webp?v=1789632462\" alt=\"Rutina de cuidado de la piel Atoskin por la mañana y por la noche\"\u003e\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\u003c\/section\u003e\n\u003csection class=\"at-section at-ingredients\"\u003e\n\u003cdiv class=\"at-container\"\u003e\n\n\u003cdiv class=\"at-ingredient-hero\"\u003e\n\n\u003cdiv\u003e\n\n\u003cspan class=\"at-eyebrow\"\u003ePor qué Atoskin\u003c\/span\u003e\n\u003ch2\u003eCuatro ingredientes clave. Cuatro funciones claras para la piel seca e incómoda.\u003c\/h2\u003e\n\n\u003cp class=\"at-lead\"\u003eAtoskin combina cuidado botánico calmante, apoyo hidratante y emolientes nutritivos en una sola crema sin esteroides para el rostro y el cuerpo.\u003c\/p\u003e\n\n\u003cdiv class=\"at-trust-chips\"\u003e\n\n\u003cspan\u003eSin corticosteroides\u003c\/span\u003e\u003cspan\u003eRostro y cuerpo\u003c\/span\u003e\u003cspan\u003eSin parabenos\u003c\/span\u003e\u003cspan\u003eAdultos y niños mayores de 3 años\u003c\/span\u003e\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\u003cdiv class=\"at-ingredient-visual\"\u003e\n\n\u003cdiv class=\"at-ingredient-product\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/atoskin-spf-1_11zon.webp?v=1785989094\" alt=\"Atoskin Cream\"\u003e\u003c\/div\u003e\n\n\u003cdiv class=\"at-mini-ing at-mini-1\"\u003e\n\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/atoskin-spf-6_11zon.webp?v=1785991111\" alt=\"Pino rojo\"\u003e \u003cspan\u003ePino rojo\u003c\/span\u003e\n\n\u003c\/div\u003e\n\n\u003cdiv class=\"at-mini-ing at-mini-2\"\u003e\n\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/atoskin-spf-4_11zon.webp?v=1785991135\" alt=\"Tecnología de biosacáridos\"\u003e \u003cspan\u003eBiosacárido\u003c\/span\u003e\n\n\u003c\/div\u003e\n\n\u003cdiv class=\"at-mini-ing at-mini-3\"\u003e\n\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/atoskin-spf-5_11zon.webp?v=1785991127\" alt=\"Manteca de karité\"\u003e \u003cspan\u003eManteca de karité\u003c\/span\u003e\n\n\u003c\/div\u003e\n\n\u003cdiv class=\"at-mini-ing at-mini-4\"\u003e\n\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/atoskin-spf-3_11zon.webp?v=1785991140\" alt=\"Aceite de almendras dulces\"\u003e \u003cspan\u003eAceite de almendras dulces\u003c\/span\u003e\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\u003cdiv class=\"at-ingredient-grid\"\u003e\n\n\u003carticle class=\"at-card at-ingredient-card\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/atoskin-spf-6_11zon.webp?v=1785991111\" alt=\"El pino rojo como fuente de beta-sitosterol\"\u003e\n\u003cdiv class=\"copy\"\u003e\n\n\u003ch3\u003eBeta-sitosterol\u003c\/h3\u003e\n\n\u003cp class=\"at-small\"\u003eExtraído del pino rojo para ayudar a calmar la piel seca, con picazón y visiblemente irritada.\u003c\/p\u003e\n\n\n\u003c\/div\u003e\n\n\u003c\/article\u003e\n\u003carticle class=\"at-card at-ingredient-card\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/atoskin-spf-4_11zon.webp?v=1785991135\" alt=\"Tecnología de fermentación de biosacáridos\"\u003e\n\u003cdiv class=\"copy\"\u003e\n\n\u003ch3\u003eTecnología de biosacáridos\u003c\/h3\u003e\n\n\u003cp class=\"at-small\"\u003eAyuda a reponer la hidratación y a lograr una piel más suave y de aspecto más terso.\u003c\/p\u003e\n\n\n\u003c\/div\u003e\n\n\u003c\/article\u003e\n\u003carticle class=\"at-card at-ingredient-card\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/atoskin-spf-5_11zon.webp?v=1785991127\" alt=\"Manteca de karité\"\u003e\n\u003cdiv class=\"copy\"\u003e\n\n\u003ch3\u003eManteca de karité\u003c\/h3\u003e\n\n\u003cp class=\"at-small\"\u003eNutre las zonas ásperas y ayuda a retener la hidratación.\u003c\/p\u003e\n\n\n\u003c\/div\u003e\n\n\u003c\/article\u003e\n\u003carticle class=\"at-card at-ingredient-card\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/atoskin-spf-3_11zon.webp?v=1785991140\" alt=\"Aceite de almendras dulces\"\u003e\n\u003cdiv class=\"copy\"\u003e\n\n\u003ch3\u003eAceite de almendras dulces\u003c\/h3\u003e\n\n\u003cp class=\"at-small\"\u003eSuaviza y acondiciona la piel seca e incómoda.\u003c\/p\u003e\n\n\n\u003c\/div\u003e\n\n\u003c\/article\u003e\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\u003c\/section\u003e\n\u003csection class=\"at-section\"\u003e\n\u003cdiv class=\"at-container at-faq\"\u003e\n\n\u003cspan class=\"at-eyebrow\"\u003eAntes de comprar\u003c\/span\u003e\n\u003ch2\u003ePreguntas que los clientes suelen hacer antes de empezar.\u003c\/h2\u003e\n\n\u003cdetails open=\"\"\u003e\n\u003csummary\u003e¿Se puede usar Atoskin en la piel de la ingle y la parte interna de los muslos?\u003c\/summary\u003e\n\u003cp\u003eSe puede usar en la piel externa seca y con tendencia a la irritación alrededor de la parte interna de los muslos y la zona de la ingle. No aplicar internamente ni sobre heridas abiertas.\u003c\/p\u003e\n\n\u003c\/details\u003e\n\u003cdetails\u003e\n\u003csummary\u003e¿Puedo usar Atoskin en el cuero cabelludo o la línea del cabello?\u003c\/summary\u003e\n\u003cp\u003ePara las zonas secas y con descamación externas del cuero cabelludo o la línea del cabello, aplica una pequeña cantidad directamente sobre la piel y masajea suavemente. Evita los ojos.\u003c\/p\u003e\n\n\u003c\/details\u003e\n\u003cdetails\u003e\n\u003csummary\u003e¿Puedo usar Atoskin en el rostro y el cuerpo?\u003c\/summary\u003e\n\u003cp\u003eSí. Atoskin está diseñado para un uso específico en las zonas secas y con tendencia a la irritación del rostro y el cuerpo. Evita el contacto directo con los ojos y no lo apliques sobre heridas abiertas.\u003c\/p\u003e\n\n\u003c\/details\u003e\n\u003cdetails\u003e\n\u003csummary\u003e¿Cuánta cantidad de Atoskin debo aplicar cada vez?\u003c\/summary\u003e\n\u003cp\u003eAplica una capa fina y uniforme sobre la piel limpia y seca y masajea suavemente hasta que se absorba. Usar más producto no significa necesariamente mejores resultados; lo más importante es el uso constante.\u003c\/p\u003e\n\n\u003c\/details\u003e\n\u003cdetails\u003e\n\u003csummary\u003e¿Atoskin es una crema con esteroides?\u003c\/summary\u003e\n\u003cp\u003eNo. Atoskin Cream es una crema hidratante y calmante diaria sin corticosteroides.\u003c\/p\u003e\n\n\u003c\/details\u003e\n\u003cdetails\u003e\n\u003csummary\u003e¿Cuánto tiempo debo usarla?\u003c\/summary\u003e\n\u003cp\u003ePara la sequedad recurrente, la constancia es importante. Una rutina de 4–8 semanas puede ayudarte a mantener un cuidado hidratante diario constante, pero las necesidades y los resultados varían según cada persona.\u003c\/p\u003e\n\n\u003c\/details\u003e\n\u003cdetails\u003e\n\u003csummary\u003e¿Qué debo hacer si mi piel se siente irritada después de aplicarla?\u003c\/summary\u003e\n\u003cp\u003eSuspende su uso si se produce irritación. Para síntomas persistentes, graves o que empeoran, consulta a un profesional de la salud.\u003c\/p\u003e\n\n\u003c\/details\u003e\n\u003cdetails\u003e\n\u003csummary\u003e¿Atoskin está indicado para tratar el eczema o la psoriasis?\u003c\/summary\u003e\n\u003cp\u003eAtoskin es un producto de cuidado de la piel diseñado para hidratar, calmar y favorecer la piel seca y con tendencia a la irritación. No está indicado para diagnosticar, tratar, curar ni prevenir ninguna afección médica.\u003c\/p\u003e\n\n\u003c\/details\u003e\n\n\u003c\/div\u003e\n\n\u003c\/section\u003e\n\u003cdiv class=\"at-disclaimer\"\u003e\n\n\u003cdiv class=\"at-container\"\u003eSolo para uso externo. Realiza una prueba en una pequeña zona antes del primer uso. Suspende su uso si se produce irritación. Evita los ojos, las heridas abiertas y las zonas genitales internas. Los resultados varían según cada persona.\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e","brand":"ATOSKIN","offers":[{"title":"1 TUBO","offer_id":53872934191472,"sku":"CB-CATOSKIN30G+SL1","price":28.79,"currency_code":"USD","in_stock":true},{"title":"COMPRA 2 AHORRA 25%","offer_id":53872934224240,"sku":"CB-CATOSKIN30G+SL2","price":48.79,"currency_code":"USD","in_stock":true},{"title":"COMPRA 3 AHORRA 30%","offer_id":53872934257008,"sku":"CB-CATOSKIN30G+SL3","price":68.79,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/ads-spf.webp?v=1785486283"},{"product_id":"folliculitis-shower-gel","title":"Gel de baño ABERA para la foliculitis para hombres y mujeres","description":"\u003c!-- ============================================================\nABERA FOLLICULITIS TREATMENT BODY WASH\nVERSIÓN EN ESPAÑOL — HISPANOS EN ESTADOS UNIDOS\n\n- Se conservaron todos los estilos CSS, imágenes, videos y funciones JS.\n- Solo se localizó el copy visible, alt text y etiquetas de accesibilidad.\n============================================================ --\u003e\n\n\u003c!-- ============================================================\nABERA FOLLICULITIS TREATMENT BODY WASH\nFULL SHOPIFY CUSTOM LIQUID V6\n\nUPDATE:\n- Fixed senior doctor background in BRAND section\n- Foreground information carousel\n- Added 3 IMAGE-ONLY lifestyle cards\n- Important benefits remain visible\n- Results now use 4 complete before\/after image cards\n- Each result card uses one combined before\/after image\n- Proof\/examples use carousel on mobile\n============================================================ --\u003e\n\u003cstyle\u003e\n\n\/* =========================\nGLOBAL\n========================= *\/\n\n#abf-page{\n --treatment-dark:#10261C;\n --treatment-dark-2:#163126;\n --forest:#1C4932;\n --forest-light:#286144;\n --bitter-green:#87B93C;\n --active-lime:#CDEB78;\n --clinical-cream:#F5F2E8;\n --clinical-green:#E9F0E4;\n --soft:#F4F6F3;\n --white:#FFFFFF;\n --charcoal:#111512;\n --text:#151915;\n --muted:#626A64;\n --line:#DCE3DD;\n\n font-family:Arial,Helvetica,sans-serif;\n color:var(--text);\n background:#fff;\n overflow:hidden;\n}\n\n#abf-page *{\n box-sizing:border-box;\n}\n\n#abf-page img{\n display:block;\n width:100%;\n}\n\n#abf-page .abf-wrap{\n width:min(1180px,calc(100% - 40px));\n margin:0 auto;\n}\n\n#abf-page .abf-section{\n padding:72px 0;\n}\n\n#abf-page .abf-center{\n text-align:center;\n}\n\n#abf-page .abf-eyebrow{\n display:inline-block;\n margin-bottom:12px;\n color:var(--forest);\n font-size:12px;\n font-weight:900;\n letter-spacing:1.5px;\n text-transform:uppercase;\n}\n\n#abf-page h2{\n margin:0;\n font-size:clamp(30px,4vw,52px);\n line-height:1.04;\n letter-spacing:-1.5px;\n font-weight:900;\n overflow-wrap:break-word;\n}\n\n#abf-page h3{\n margin:0;\n font-size:20px;\n line-height:1.18;\n font-weight:900;\n}\n\n#abf-page p{\n margin:12px 0 0;\n font-size:16px;\n line-height:1.6;\n}\n\n#abf-page .abf-sub{\n max-width:720px;\n margin:16px auto 0;\n color:var(--muted);\n}\n\n#abf-page .abf-two{\n display:grid;\n grid-template-columns:1fr 1fr;\n gap:55px;\n align-items:center;\n}\n\n#abf-page .abf-main-img{\n overflow:hidden;\n border-radius:22px;\n background:#ddd;\n}\n\n#abf-page .abf-main-img img{\n width:100%;\n aspect-ratio:1\/1;\n object-fit:cover;\n}\n\n\n\/* =========================\nBUTTON\n========================= *\/\n\n#abf-page .abf-btn{\n display:inline-flex;\n align-items:center;\n justify-content:center;\n\n min-height:54px;\n padding:0 28px;\n margin-top:25px;\n\n border:0;\n border-radius:8px;\n\n background:var(--charcoal);\n color:#fff!important;\n\n text-decoration:none;\n font-size:15px;\n font-weight:900;\n\n transition:.2s ease;\n}\n\n#abf-page .abf-btn:hover{\n transform:translateY(-2px);\n opacity:.94;\n}\n\n#abf-page .abf-note{\n margin-top:11px;\n color:#777;\n font-size:12px;\n}\n\n\n\/* =========================\nGENERIC CAROUSEL\n========================= *\/\n\n#abf-page .abf-track{\n display:grid;\n gap:16px;\n}\n\n#abf-page .abf-grid-3{\n grid-template-columns:repeat(3,1fr);\n}\n\n#abf-page .abf-grid-4{\n grid-template-columns:repeat(4,1fr);\n}\n\n#abf-page .abf-grid-5{\n grid-template-columns:repeat(5,1fr);\n}\n\n#abf-page .abf-grid-6{\n grid-template-columns:repeat(6,1fr);\n}\n\n#abf-page .abf-dots{\n display:none;\n justify-content:center;\n gap:7px;\n margin-top:18px;\n}\n\n#abf-page .abf-dot{\n appearance:none;\n width:7px;\n height:7px;\n padding:0;\n border:0;\n border-radius:50%;\n background:#C6CEC8;\n cursor:pointer;\n}\n\n#abf-page .abf-dot.active{\n width:22px;\n border-radius:20px;\n background:var(--forest);\n}\n\n\n\/* ============================================================\n01 — TREATMENT SECTION\n============================================================ *\/\n\n#abf-page .abf-treatment{\n padding:62px 0 68px;\n background:var(--treatment-dark);\n color:#fff;\n}\n\n#abf-page .abf-treatment .abf-eyebrow{\n color:var(--active-lime);\n}\n\n#abf-page .abf-treatment \u003e .abf-wrap \u003e h2{\n max-width:920px;\n margin:0 auto;\n}\n\n#abf-page .abf-treatment .abf-sub{\n max-width:720px;\n color:#D3DED6;\n}\n\n\n\/* ============================================================\nFROM THE BRAND\nFIXED BACKGROUND + OVERLAY CAROUSEL\n============================================================ *\/\n\n#abf-page .abf-brand-stage{\n position:relative;\n\n max-width:1120px;\n min-height:630px;\n\n margin:35px auto 34px;\n\n overflow:hidden;\n\n border:1px solid rgba(255,255,255,.12);\n border-radius:26px;\n\n background:#DCE8D3;\n}\n\n\n\/* FIXED BACKGROUND *\/\n\n#abf-page .abf-brand-bg{\n position:absolute;\n inset:0;\n z-index:1;\n}\n\n#abf-page .abf-brand-bg img{\n width:100%;\n height:100%;\n object-fit:cover;\n object-position:left center;\n}\n\n#abf-page .abf-brand-bg:after{\n content:\"\";\n position:absolute;\n inset:0;\n\n background:\n linear-gradient(\n 90deg,\n rgba(16,38,28,.02) 0%,\n rgba(16,38,28,.04) 38%,\n rgba(16,38,28,.13) 70%,\n rgba(16,38,28,.20) 100%\n );\n}\n\n\n\/* TOP LABEL *\/\n\n#abf-page .abf-brand-top{\n position:relative;\n z-index:4;\n\n display:flex;\n justify-content:space-between;\n align-items:center;\n\n padding:22px 24px 0;\n}\n\n#abf-page .abf-brand-top span{\n color:var(--active-lime);\n font-size:11px;\n font-weight:900;\n letter-spacing:1.5px;\n text-transform:uppercase;\n}\n\n#abf-page .abf-brand-top small{\n color:rgba(255,255,255,.82);\n font-size:11px;\n font-weight:700;\n}\n\n\n\/* OVERLAY AREA *\/\n\n#abf-page .abf-brand-overlay-zone{\n position:relative;\n z-index:3;\n\n width:68%;\n\n margin-left:auto;\n\n padding:112px 22px 28px 0;\n}\n\n#abf-page .abf-brand-viewport{\n position:relative;\n}\n\n#abf-page .abf-brand-track{\n display:flex;\n align-items:stretch;\n gap:14px;\n\n overflow-x:auto;\n\n scroll-snap-type:x mandatory;\n scroll-behavior:smooth;\n\n padding:0 2px 8px;\n\n scrollbar-width:none;\n -ms-overflow-style:none;\n}\n\n#abf-page .abf-brand-track::-webkit-scrollbar{\n display:none;\n}\n\n\n\/* INFORMATION CARDS *\/\n\n#abf-page .abf-brand-card{\n flex:0 0 320px;\n\n min-height:430px;\n\n overflow:hidden;\n\n border:1px solid rgba(17,21,18,.07);\n border-radius:18px;\n\n background:#EEF3E8;\n\n box-shadow:0 14px 38px rgba(0,0,0,.12);\n\n scroll-snap-align:start;\n}\n\n#abf-page .abf-brand-card.is-white{\n background:#fff;\n}\n\n#abf-page .abf-brand-card.is-green{\n background:#E3ECD8;\n}\n\n#abf-page .abf-brand-card-media{\n width:100%;\n aspect-ratio:4\/3;\n overflow:hidden;\n background:#DDE7D7;\n}\n\n#abf-page .abf-brand-card-media img{\n width:100%;\n height:100%;\n object-fit:cover;\n}\n\n#abf-page .abf-brand-card-copy{\n padding:18px 19px 21px;\n text-align:left;\n}\n\n#abf-page .abf-brand-card-copy h3{\n color:#173B2B;\n font-size:16px;\n line-height:1.08;\n letter-spacing:-.25px;\n text-transform:uppercase;\n}\n\n#abf-page .abf-brand-card-copy p{\n margin-top:9px;\n color:#506056;\n font-size:12.5px;\n line-height:1.48;\n}\n\n#abf-page .abf-brand-card-copy p strong{\n color:#173B2B;\n font-size:1.15em;\n font-weight:900;\n}\n\n#abf-page .abf-brand-mini{\n display:flex;\n flex-wrap:wrap;\n gap:6px;\n margin-top:14px;\n}\n\n#abf-page .abf-brand-mini span{\n display:inline-flex;\n align-items:center;\n justify-content:center;\n\n min-height:26px;\n\n padding:0 9px;\n\n border:1px solid rgba(23,59,43,.12);\n border-radius:999px;\n\n background:rgba(255,255,255,.82);\n\n color:#244734;\n\n font-size:9.5px;\n font-weight:800;\n}\n\n\n\/* ============================================================\nIMAGE-ONLY LIFESTYLE CARDS\nNEW — 3 FRAMES\n============================================================ *\/\n\n#abf-page .abf-brand-photo-card{\n position:relative;\n\n flex:0 0 320px;\n\n height:auto;\n min-height:430px;\n\n overflow:hidden;\n\n border:1px solid rgba(17,21,18,.07);\n border-radius:18px;\n\n background:#DCE5D8;\n\n box-shadow:0 14px 38px rgba(0,0,0,.12);\n\n scroll-snap-align:start;\n}\n\n#abf-page .abf-brand-photo-card img{\n position:absolute;\n inset:0;\n width:100%;\n height:100%;\n object-fit:cover;\n}\n\n#abf-page .abf-brand-photo-card:after{\n content:\"\";\n\n position:absolute;\n inset:0;\n\n pointer-events:none;\n\n box-shadow:\n inset 0 0 0 1px rgba(255,255,255,.12);\n}\n\n\n\/* BRAND ARROWS *\/\n\n#abf-page .abf-brand-arrow{\n position:absolute;\n top:50%;\n z-index:6;\n\n display:flex;\n align-items:center;\n justify-content:center;\n\n width:44px;\n height:44px;\n\n border:0;\n border-radius:50%;\n\n background:#fff;\n color:#173B2B;\n\n box-shadow:0 6px 22px rgba(0,0,0,.16);\n\n cursor:pointer;\n\n transform:translateY(-50%);\n}\n\n#abf-page .abf-brand-prev{\n left:-21px;\n}\n\n#abf-page .abf-brand-next{\n right:-21px;\n}\n\n#abf-page .abf-brand-arrow:hover{\n background:var(--active-lime);\n}\n\n\n\/* BRAND DOTS *\/\n\n#abf-page .abf-brand-dots{\n display:flex;\n justify-content:center;\n gap:7px;\n margin-top:15px;\n}\n\n#abf-page .abf-brand-dot{\n width:7px;\n height:7px;\n padding:0;\n\n border:0;\n border-radius:99px;\n\n background:rgba(255,255,255,.45);\n\n cursor:pointer;\n}\n\n#abf-page .abf-brand-dot.active{\n width:24px;\n background:var(--active-lime);\n}\n\n\n\/* ============================================================\n5 TREATMENT CLAIMS\n============================================================ *\/\n\n#abf-page .abf-claims-grid{\n display:grid;\n grid-template-columns:repeat(5,1fr);\n gap:13px;\n margin-top:30px;\n}\n\n#abf-page .abf-claim{\n min-height:150px;\n padding:19px 16px;\n\n border:1px solid rgba(255,255,255,.15);\n border-radius:16px;\n\n background:rgba(255,255,255,.035);\n\n text-align:left;\n}\n\n#abf-page .abf-num{\n display:flex;\n align-items:center;\n justify-content:center;\n\n width:34px;\n height:34px;\n\n margin-bottom:17px;\n\n border-radius:50%;\n\n background:var(--active-lime);\n color:var(--treatment-dark);\n\n font-size:11px;\n font-weight:900;\n}\n\n#abf-page .abf-claim h3{\n color:#fff;\n font-size:14px;\n text-transform:uppercase;\n}\n\n#abf-page .abf-claim p{\n margin-top:7px;\n color:#C9D4CC;\n font-size:12px;\n line-height:1.48;\n}\n\n#abf-page .abf-brand-transition{\n margin:22px auto 0;\n padding:0;\n background:transparent;\n color:var(--active-lime);\n font-size:12px;\n line-height:1.5;\n font-weight:900;\n letter-spacing:.55px;\n}\n\n#abf-page .abf-treatment .abf-btn{\n background:var(--active-lime);\n color:var(--treatment-dark)!important;\n}\n\n\n\/* ============================================================\n02 — WILD BITTER MELON HERO\n============================================================ *\/\n\n#abf-page .abf-wbm{\n background:var(--clinical-cream);\n}\n\n#abf-page .abf-big-copy h2{\n max-width:610px;\n}\n\n#abf-page .abf-big-copy \u003e p{\n max-width:610px;\n color:#494F4A;\n}\n\n#abf-page .abf-wbm-benefits{\n display:grid;\n grid-template-columns:repeat(2,1fr);\n gap:12px;\n margin-top:25px;\n}\n\n#abf-page .abf-benefit{\n min-height:136px;\n padding:19px;\n\n border:1px solid rgba(28,73,50,.09);\n border-radius:14px;\n\n background:#fff;\n}\n\n#abf-page .abf-benefit strong{\n display:block;\n margin-bottom:8px;\n\n color:var(--treatment-dark);\n\n font-size:13px;\n font-weight:900;\n\n text-transform:uppercase;\n}\n\n#abf-page .abf-benefit p{\n margin:0;\n color:#5E665F;\n font-size:13px;\n line-height:1.5;\n}\n\n\n\/* ============================================================\n03 — WILD BITTER MELON STORY\n============================================================ *\/\n\n#abf-page .abf-story{\n background:var(--forest);\n color:#fff;\n}\n\n#abf-page .abf-story .abf-two{\n grid-template-columns:1.05fr .95fr;\n}\n\n#abf-page .abf-story .abf-eyebrow{\n color:var(--active-lime);\n}\n\n#abf-page .abf-story p{\n max-width:570px;\n color:#DCE7E0;\n}\n\n#abf-page .abf-story-sign{\n margin-top:22px;\n padding-top:18px;\n\n border-top:1px solid rgba(255,255,255,.18);\n\n color:#fff!important;\n\n font-weight:900;\n}\n\n\n\/* ============================================================\n04 — RESULTS\n4 COMPLETE BEFORE \/ AFTER CARDS\nONE IMAGE FILE PER CARD\n============================================================ *\/\n\n#abf-page .abf-results{\n background:#fff;\n}\n\n#abf-page .abf-results-track{\n margin-top:32px;\n}\n\n#abf-page .abf-result-card{\n overflow:hidden;\n\n border:1px solid #E0E5E1;\n border-radius:18px;\n\n background:#fff;\n\n box-shadow:0 4px 16px rgba(16,38,28,.04);\n}\n\n\/* ONE COMPLETE IMAGE CONTAINING BOTH BEFORE + AFTER *\/\n#abf-page .abf-result-image{\n overflow:hidden;\n width:100%;\n background:#ECEFED;\n}\n\n#abf-page .abf-result-image img{\n display:block;\n width:100%;\n aspect-ratio:4\/5;\n object-fit:cover;\n transition:transform .35s ease;\n}\n\n#abf-page .abf-result-card:hover .abf-result-image img{\n transform:scale(1.015);\n}\n\n\/* COPY UNDER EACH COMPLETE BEFORE \/ AFTER IMAGE *\/\n#abf-page .abf-result-copy{\n min-height:154px;\n padding:18px 17px 20px;\n background:#fff;\n text-align:center;\n}\n\n#abf-page .abf-result-tag{\n display:inline-flex;\n align-items:center;\n justify-content:center;\n min-height:25px;\n margin-bottom:10px;\n padding:0 9px;\n border-radius:999px;\n background:var(--clinical-green);\n color:var(--forest);\n font-size:9px;\n font-weight:900;\n letter-spacing:.6px;\n text-transform:uppercase;\n}\n\n#abf-page .abf-result-copy h3{\n margin:0;\n color:var(--treatment-dark);\n font-size:16px;\n line-height:1.18;\n font-weight:900;\n text-transform:uppercase;\n}\n\n#abf-page .abf-result-copy p{\n margin:9px 0 0;\n color:#58615A;\n font-size:12.5px;\n line-height:1.5;\n}\n\n\n\/* ============================================================\n05 — PROBLEMS\n============================================================ *\/\n\n#abf-page .abf-problems{\n background:var(--soft);\n}\n\n#abf-page .abf-problem-track{\n margin-top:32px;\n}\n\n#abf-page .abf-problem{\n overflow:hidden;\n border-radius:18px;\n background:#fff;\n}\n\n#abf-page .abf-problem img{\n aspect-ratio:4\/3;\n object-fit:cover;\n}\n\n#abf-page .abf-card-copy{\n padding:18px;\n}\n\n#abf-page .abf-card-copy p{\n margin-top:7px;\n color:#626A64;\n font-size:13px;\n}\n\n\n\/* ============================================================\n06 — MECHANISM\n============================================================ *\/\n\n#abf-page .abf-mechanism{\n background:#fff;\n}\n\n#abf-page .abf-mechanism-visual{\n max-width:900px;\n margin:32px auto 0;\n}\n\n#abf-page .abf-mechanism-visual img{\n width:100%;\n\n border:1px solid var(--line);\n border-radius:20px;\n\n background:var(--clinical-green);\n}\n\n#abf-page .abf-mechanism-caption{\n margin-top:12px;\n\n color:var(--forest);\n\n text-align:center;\n\n font-size:13px;\n font-weight:900;\n}\n\n#abf-page .abf-mech-grid{\n display:grid;\n grid-template-columns:repeat(5,1fr);\n gap:14px;\n margin-top:30px;\n}\n\n#abf-page .abf-mech{\n min-height:118px;\n padding:16px;\n\n border:1px solid var(--line);\n border-radius:16px;\n}\n\n#abf-page .abf-step{\n display:inline-flex;\n\n margin-bottom:10px;\n padding:5px 8px;\n\n border-radius:5px;\n\n background:var(--clinical-green);\n color:var(--forest);\n\n font-size:10px;\n font-weight:900;\n}\n\n#abf-page .abf-mech p{\n color:#626A64;\n font-size:13px;\n}\n\n\n\/* ============================================================\n07 — INGREDIENTS\n============================================================ *\/\n\n#abf-page .abf-ingredients{\n background:var(--treatment-dark);\n color:#fff;\n}\n\n#abf-page .abf-ingredients .abf-eyebrow{\n color:var(--active-lime);\n}\n\n#abf-page .abf-ingredients .abf-sub{\n color:#C7D3CB;\n}\n\n#abf-page .abf-ing-grid{\n display:grid;\n grid-template-columns:repeat(4,1fr);\n gap:15px;\n margin-top:26px;\n}\n\n#abf-page .abf-ing{\n overflow:hidden;\n\n border:1px solid rgba(255,255,255,.13);\n border-radius:17px;\n\n background:rgba(255,255,255,.05);\n}\n\n#abf-page .abf-ing:first-child{\n border:1px solid var(--bitter-green);\n}\n\n#abf-page .abf-ing img{\n aspect-ratio:4\/3;\n object-fit:cover;\n}\n\n#abf-page .abf-ing h3{\n color:#fff;\n}\n\n#abf-page .abf-ing p{\n color:#C8D2CB;\n}\n\n\n\/* ============================================================\n08 — EXPERT\n============================================================ *\/\n\n#abf-page .abf-expert{\n background:var(--clinical-green);\n}\n\n#abf-page .abf-video-box{\n overflow:hidden;\n border-radius:22px;\n background:#000;\n}\n\n#abf-page .abf-video-box video{\n display:block;\n width:100%;\n aspect-ratio:16\/9;\n background:#000;\n}\n\n#abf-page .abf-checks{\n margin:22px 0 0;\n padding:0;\n list-style:none;\n}\n\n#abf-page .abf-checks li{\n position:relative;\n margin:12px 0;\n padding-left:28px;\n font-size:14px;\n font-weight:800;\n}\n\n#abf-page .abf-checks li:before{\n content:\"✓\";\n\n position:absolute;\n left:0;\n top:0;\n\n width:19px;\n height:19px;\n\n border-radius:50%;\n\n background:var(--forest);\n color:#fff;\n\n text-align:center;\n line-height:19px;\n\n font-size:11px;\n}\n\n\n#abf-page .abf-expert-checks{\n margin-top:18px;\n}\n\n#abf-page .abf-expert-checks li{\n margin:10px 0;\n padding-left:29px;\n font-weight:400;\n}\n\n#abf-page .abf-expert-checks li strong{\n display:block;\n color:var(--treatment-dark);\n font-size:13px;\n line-height:1.3;\n font-weight:900;\n}\n\n#abf-page .abf-expert-checks li span{\n display:block;\n margin-top:2px;\n color:#556159;\n font-size:12.5px;\n line-height:1.45;\n}\n\n\n\/* ============================================================\n09 — ZONES\n============================================================ *\/\n\n#abf-page .abf-zones{\n background:#fff;\n}\n\n#abf-page .abf-zone-track{\n margin-top:30px;\n display:grid;\n grid-template-columns:repeat(3,minmax(0,1fr));\n gap:16px;\n}\n\n#abf-page .abf-zone{\n display:flex;\n flex-direction:column;\n align-items:center;\n justify-content:center;\n\n min-width:0;\n padding:18px 16px;\n\n border:1px solid var(--line);\n border-radius:18px;\n\n background:#fff;\n\n text-align:center;\n}\n\n#abf-page .abf-zone-media{\n display:flex;\n align-items:center;\n justify-content:center;\n\n width:86px;\n height:86px;\n margin-bottom:10px;\n\n border:1px solid #E4ECE5;\n border-radius:18px;\n background:#F7FAF7;\n overflow:hidden;\n}\n\n#abf-page .abf-zone-media img{\n width:100%;\n height:100%;\n object-fit:contain;\n}\n\n#abf-page .abf-zone strong{\n display:block;\n color:var(--forest);\n font-size:16px;\n line-height:1.15;\n}\n\n#abf-page .abf-zone span{\n display:block;\n margin-top:6px;\n color:#747B75;\n font-size:12px;\n line-height:1.4;\n}\n\n\n\/* ============================================================\n10 — HOW TO USE\n============================================================ *\/\n\n#abf-page .abf-use{\n background:var(--clinical-cream);\n}\n\n#abf-page .abf-use-grid{\n display:grid;\n grid-template-columns:repeat(4,1fr);\n gap:14px;\n margin-top:32px;\n}\n\n#abf-page .abf-use-card{\n min-height:165px;\n padding:23px;\n border-radius:15px;\n background:#fff;\n}\n\n#abf-page .abf-use-card .abf-num{\n background:var(--forest);\n color:#fff;\n}\n\n\n\/* ============================================================\n10B — PERFECT DUO BUNDLE\nBUY 2 BODY WASHES + GET 1 BHA BACK ACNE SPRAY FREE\n============================================================ *\/\n\n#abf-page .abf-duo{\n background:#EEF4E8;\n}\n\n#abf-page .abf-duo-box{\n display:grid;\n grid-template-columns:1fr 1fr;\n align-items:stretch;\n overflow:hidden;\n border:1px solid #D7E2D4;\n border-radius:22px;\n background:#fff;\n box-shadow:0 8px 24px rgba(16,38,28,.06);\n}\n\n#abf-page .abf-duo-media{\n position:relative;\n min-height:430px;\n overflow:hidden;\n background:#E5EEDC;\n}\n\n#abf-page .abf-duo-media img{\n width:100%;\n height:100%;\n object-fit:cover;\n}\n\n#abf-page .abf-duo-free-badge{\n position:absolute;\n left:18px;\n bottom:18px;\n display:inline-flex;\n align-items:center;\n justify-content:center;\n min-height:34px;\n padding:0 14px;\n border-radius:999px;\n background:#D72828;\n color:#fff;\n font-size:11px;\n font-weight:900;\n letter-spacing:.5px;\n text-transform:uppercase;\n box-shadow:0 5px 14px rgba(0,0,0,.16);\n}\n\n#abf-page .abf-duo-copy{\n display:flex;\n flex-direction:column;\n justify-content:center;\n padding:42px 44px;\n}\n\n#abf-page .abf-duo-kicker{\n display:inline-flex;\n align-items:center;\n width:max-content;\n min-height:28px;\n margin-bottom:14px;\n padding:0 10px;\n border-radius:999px;\n background:var(--active-lime);\n color:var(--treatment-dark);\n font-size:10px;\n font-weight:900;\n letter-spacing:.7px;\n text-transform:uppercase;\n}\n\n#abf-page .abf-duo-copy h2{\n max-width:560px;\n color:var(--treatment-dark);\n font-size:clamp(30px,3.7vw,48px);\n line-height:1.02;\n}\n\n#abf-page .abf-duo-copy \u003e p{\n max-width:540px;\n color:#566058;\n font-size:15px;\n line-height:1.55;\n}\n\n#abf-page .abf-duo-steps{\n display:grid;\n grid-template-columns:1fr 1fr;\n gap:10px;\n margin-top:22px;\n}\n\n#abf-page .abf-duo-step{\n padding:14px;\n border:1px solid #DDE6DB;\n border-radius:13px;\n background:#F8FAF7;\n}\n\n#abf-page .abf-duo-step strong{\n display:block;\n color:var(--forest);\n font-size:12px;\n line-height:1.25;\n font-weight:900;\n text-transform:uppercase;\n}\n\n#abf-page .abf-duo-step span{\n display:block;\n margin-top:5px;\n color:#646D66;\n font-size:12px;\n line-height:1.4;\n}\n\n#abf-page .abf-duo-step span b{\n color:var(--treatment-dark);\n font-weight:900;\n}\n\n#abf-page .abf-duo-offer{\n margin-top:16px;\n padding:12px 14px;\n border-radius:10px;\n background:var(--active-lime);\n color:var(--treatment-dark);\n font-size:12px;\n line-height:1.35;\n font-weight:900;\n text-align:center;\n}\n\n#abf-page .abf-duo-note{\n margin-top:12px;\n color:var(--forest);\n font-size:12px;\n line-height:1.4;\n font-weight:900;\n}\n\n#abf-page .abf-duo .abf-btn{\n align-self:flex-start;\n margin-top:19px;\n background:var(--forest);\n color:#fff!important;\n}\n\n@media(max-width:767px){\n\n #abf-page .abf-duo-box{\n grid-template-columns:1fr;\n border-radius:18px;\n }\n\n #abf-page .abf-duo-media{\n min-height:0;\n aspect-ratio:4\/3;\n }\n\n #abf-page .abf-duo-copy{\n padding:25px 18px 26px;\n }\n\n #abf-page .abf-duo-kicker{\n margin-bottom:11px;\n font-size:10.5px;\n }\n\n #abf-page .abf-duo-copy h2{\n font-size:31px;\n }\n\n #abf-page .abf-duo-copy \u003e p{\n font-size:14.5px;\n line-height:1.55;\n }\n\n #abf-page .abf-duo-steps{\n gap:8px;\n margin-top:17px;\n }\n\n #abf-page .abf-duo-step{\n padding:12px 10px;\n }\n\n #abf-page .abf-duo-step strong{\n font-size:11.5px;\n }\n\n #abf-page .abf-duo-step span{\n font-size:11.5px;\n }\n\n #abf-page .abf-duo-note{\n font-size:12.5px;\n }\n\n #abf-page .abf-duo-free-badge{\n left:12px;\n bottom:12px;\n min-height:31px;\n padding:0 11px;\n font-size:10px;\n }\n}\n\n\/* ============================================================\n11 — PRODUCT COMPARISON V2\nPRODUCT IMAGE + RED X + GREEN CHECK\n============================================================ *\/\n\n#abf-page .abf-compare{\n background:#fff;\n}\n\n#abf-page .abf-compare-box{\n display:grid;\n grid-template-columns:1fr 1fr;\n max-width:930px;\n margin:34px auto 0;\n overflow:hidden;\n border:1px solid #DCE3DD;\n border-radius:22px;\n background:#EEF5EF;\n}\n\n#abf-page .abf-compare-col{\n position:relative;\n display:flex;\n flex-direction:column;\n min-width:0;\n padding:28px 30px 30px;\n}\n\n#abf-page .abf-compare-col.is-regular{\n background:#F6F7F6;\n color:#171B18;\n}\n\n#abf-page .abf-compare-col.is-abera{\n background:#EFF7EC;\n color:#17261C;\n border-left:1px solid #D5E3D6;\n}\n\n#abf-page .abf-compare-title{\n margin:0;\n text-align:center;\n font-size:19px;\n line-height:1.15;\n font-weight:900;\n text-transform:uppercase;\n}\n\n#abf-page .is-regular .abf-compare-title{ color:#161A17; }\n#abf-page .is-abera .abf-compare-title{ color:#1D6833; }\n\n#abf-page .abf-compare-product{\n display:flex;\n align-items:center;\n justify-content:center;\n height:190px;\n margin-top:16px;\n margin-bottom:12px;\n overflow:hidden;\n}\n\n#abf-page .abf-compare-product img{\n width:auto;\n max-width:78%;\n height:170px;\n object-fit:contain;\n}\n\n#abf-page .is-abera .abf-compare-product img{ max-width:82%; }\n\n#abf-page .abf-comp-line{\n display:grid;\n grid-template-columns:22px 1fr;\n gap:8px;\n align-items:start;\n min-height:52px;\n padding:14px 0;\n border-bottom:1px solid rgba(20,40,28,.11);\n font-size:14px;\n line-height:1.4;\n}\n\n#abf-page .abf-comp-line:last-child{ border-bottom:0; }\n\n#abf-page .abf-comp-icon{\n display:flex;\n align-items:center;\n justify-content:center;\n width:20px;\n height:20px;\n font-size:18px;\n line-height:1;\n font-weight:900;\n}\n\n#abf-page .abf-comp-icon.is-no{ color:#E32626; }\n#abf-page .abf-comp-icon.is-yes{ color:#22A447; }\n#abf-page .abf-comp-text{ min-width:0; }\n\n#abf-page .abf-compare-badge{\n display:none;\n}\n\n\/* ============================================================\n12 — KOC \/ CUSTOMER VIDEO CAROUSEL\n9 VERTICAL VIDEOS — NO REVIEW TEXT\n============================================================ *\/\n\n#abf-page .abf-reviews{\n background:var(--soft);\n}\n\n#abf-page .abf-koc-shell{\n position:relative;\n margin-top:32px;\n}\n\n#abf-page .abf-koc-track{\n display:flex;\n gap:16px;\n\n overflow-x:auto;\n scroll-snap-type:x mandatory;\n scroll-behavior:smooth;\n\n padding:2px 2px 8px;\n\n scrollbar-width:none;\n -ms-overflow-style:none;\n}\n\n#abf-page .abf-koc-track::-webkit-scrollbar{\n display:none;\n}\n\n#abf-page .abf-koc-card{\n flex:0 0 calc((100% - 48px) \/ 4);\n\n overflow:hidden;\n\n border:1px solid #E0E5E1;\n border-radius:18px;\n\n background:#fff;\n\n box-shadow:0 5px 18px rgba(16,38,28,.06);\n\n scroll-snap-align:start;\n}\n\n#abf-page .abf-koc-video{\n display:block;\n width:100%;\n aspect-ratio:9\/16;\n\n object-fit:cover;\n\n background:#E7EEE8;\n}\n\n#abf-page .abf-koc-arrow{\n position:absolute;\n top:50%;\n z-index:4;\n\n display:flex;\n align-items:center;\n justify-content:center;\n\n width:44px;\n height:44px;\n\n border:0;\n border-radius:50%;\n\n background:#fff;\n color:var(--forest);\n\n box-shadow:0 6px 20px rgba(0,0,0,.14);\n\n cursor:pointer;\n\n transform:translateY(-50%);\n}\n\n#abf-page .abf-koc-prev{\n left:-22px;\n}\n\n#abf-page .abf-koc-next{\n right:-22px;\n}\n\n#abf-page .abf-koc-arrow:hover{\n background:var(--active-lime);\n}\n\n#abf-page .abf-koc-dots{\n display:flex;\n justify-content:center;\n gap:6px;\n\n margin-top:18px;\n}\n\n#abf-page .abf-koc-dot{\n width:6px;\n height:6px;\n\n padding:0;\n\n border:0;\n border-radius:999px;\n\n background:#C6CEC8;\n\n cursor:pointer;\n}\n\n#abf-page .abf-koc-dot.active{\n width:20px;\n background:var(--forest);\n}\n\n\n\/* ============================================================\n12B — QUALITY \u0026 SAFETY DOCUMENTATION\nCOMPACT 2-COLUMN DOCUMENT PROOF\n============================================================ *\/\n\n#abf-page .abf-docs{\n padding:42px 0;\n background:var(--clinical-cream);\n}\n\n#abf-page .abf-docs .abf-eyebrow{\n margin-bottom:8px;\n}\n\n#abf-page .abf-docs h2{\n font-size:clamp(24px,3vw,36px);\n letter-spacing:-1px;\n}\n\n#abf-page .abf-docs .abf-sub{\n max-width:650px;\n margin-top:10px;\n font-size:14px;\n}\n\n#abf-page .abf-doc-grid{\n display:grid;\n grid-template-columns:repeat(2,minmax(0,1fr));\n gap:14px;\n\n max-width:760px;\n margin:22px auto 0;\n}\n\n#abf-page .abf-doc-card{\n display:block;\n padding:10px;\n\n border:1px solid var(--line);\n border-radius:15px;\n\n background:#fff;\n\n color:inherit;\n text-decoration:none;\n\n box-shadow:0 4px 14px rgba(16,38,28,.04);\n transition:.2s ease;\n}\n\n#abf-page .abf-doc-card:hover{\n transform:translateY(-2px);\n box-shadow:0 8px 20px rgba(16,38,28,.08);\n}\n\n#abf-page .abf-doc-image{\n display:flex;\n align-items:center;\n justify-content:center;\n\n height:250px;\n\n overflow:hidden;\n\n border-radius:10px;\n background:#F7F6EF;\n}\n\n#abf-page .abf-doc-image img{\n width:100%;\n height:100%;\n object-fit:contain;\n}\n\n#abf-page .abf-doc-label{\n display:block;\n margin-top:9px;\n\n color:var(--forest);\n\n text-align:center;\n\n font-size:11px;\n line-height:1.35;\n font-weight:900;\n}\n\n\n\n\/* MOBILE — STILL 2 COLUMNS, SMALLER *\/\n@media(max-width:767px){\n\n #abf-page .abf-docs{\n padding:34px 0;\n }\n\n #abf-page .abf-docs h2{\n font-size:25px;\n }\n\n #abf-page .abf-docs .abf-sub{\n font-size:11.5px;\n }\n\n #abf-page .abf-doc-grid{\n gap:8px;\n margin-top:18px;\n }\n\n #abf-page .abf-doc-card{\n padding:6px;\n border-radius:11px;\n }\n\n #abf-page .abf-doc-image{\n height:180px;\n border-radius:8px;\n }\n\n #abf-page .abf-doc-label{\n margin-top:7px;\n font-size:9px;\n }\n\n}\n\n\n\/* ============================================================\n13 — FINAL CTA\n============================================================ *\/\n\n#abf-page .abf-final{\n background:var(--treatment-dark);\n color:#fff;\n}\n\n#abf-page .abf-final .abf-eyebrow{\n color:var(--active-lime);\n}\n\n#abf-page .abf-final .abf-sub{\n color:#C9D5CD;\n}\n\n#abf-page .abf-final .abf-btn{\n background:var(--active-lime);\n color:var(--treatment-dark)!important;\n}\n\n#abf-page .abf-final .abf-note{\n color:#AABAAF;\n}\n\n\n\/* ============================================================\n14 — FAQ\n============================================================ *\/\n\n#abf-page .abf-faq{\n background:#fff;\n}\n\n#abf-page .abf-faq-list{\n max-width:850px;\n margin:30px auto 0;\n}\n\n#abf-page details{\n border-bottom:1px solid var(--line);\n}\n\n#abf-page summary{\n position:relative;\n\n padding:20px 38px 20px 0;\n\n cursor:pointer;\n list-style:none;\n\n font-size:16px;\n font-weight:900;\n}\n\n#abf-page summary::-webkit-details-marker{\n display:none;\n}\n\n#abf-page summary:after{\n content:\"+\";\n\n position:absolute;\n right:3px;\n top:18px;\n\n color:var(--forest);\n\n font-size:23px;\n font-weight:400;\n}\n\n#abf-page details[open] summary:after{\n content:\"−\";\n}\n\n#abf-page details p{\n margin:0;\n padding:0 35px 20px 0;\n color:#626A64;\n font-size:14px;\n}\n\n\n\/* ============================================================\nMOBILE\n============================================================ *\/\n\n@media(max-width:767px){\n\n #abf-page .abf-wrap{\n width:calc(100% - 28px);\n }\n\n #abf-page .abf-section{\n padding:48px 0;\n }\n\n #abf-page h2{\n max-width:100%;\n font-size:30px;\n line-height:1.03;\n letter-spacing:-1px;\n }\n\n #abf-page h3{\n font-size:17px;\n }\n\n #abf-page p{\n font-size:14px;\n line-height:1.55;\n }\n\n #abf-page .abf-two,\n #abf-page .abf-story .abf-two{\n grid-template-columns:1fr;\n gap:28px;\n }\n\n #abf-page .abf-main-img img{\n aspect-ratio:4\/3;\n }\n\n\n \/* TREATMENT *\/\n\n #abf-page .abf-treatment{\n padding:48px 0;\n }\n\n #abf-page .abf-treatment \u003e .abf-wrap \u003e h2{\n font-size:34px;\n line-height:1.01;\n }\n\n\n \/* BRAND *\/\n\n #abf-page .abf-brand-stage{\n min-height:auto;\n margin:27px auto 28px;\n border-radius:18px;\n }\n\n #abf-page .abf-brand-bg{\n position:relative;\n height:300px;\n }\n\n #abf-page .abf-brand-bg img{\n height:100%;\n object-position:left center;\n }\n\n #abf-page .abf-brand-top{\n position:absolute;\n top:0;\n left:0;\n width:100%;\n padding:14px 14px 0;\n }\n\n #abf-page .abf-brand-top small{\n display:none;\n }\n\n #abf-page .abf-brand-overlay-zone{\n width:100%;\n margin:0;\n padding:14px 0 18px;\n }\n\n #abf-page .abf-brand-track{\n gap:11px;\n\n margin-left:-14px;\n margin-right:-14px;\n\n padding:0 14px 6px;\n }\n\n #abf-page .abf-brand-card{\n flex:0 0 82%;\n min-height:390px;\n border-radius:16px;\n }\n\n #abf-page .abf-brand-photo-card{\n flex:0 0 82%;\n height:auto;\n min-height:390px;\n align-self:stretch;\n border-radius:16px;\n }\n\n #abf-page .abf-brand-card-copy{\n padding:15px 15px 18px;\n }\n\n #abf-page .abf-brand-card-copy h3{\n font-size:14px;\n }\n\n #abf-page .abf-brand-card-copy p{\n font-size:11.5px;\n line-height:1.45;\n }\n\n #abf-page .abf-brand-arrow{\n display:none;\n }\n\n\n \/* CLAIMS *\/\n\n #abf-page .abf-claims-grid{\n grid-template-columns:repeat(2,minmax(0,1fr));\n gap:9px;\n }\n\n #abf-page .abf-claim{\n min-height:123px;\n padding:15px 12px;\n }\n\n #abf-page .abf-claim:last-child{\n grid-column:1 \/ -1;\n min-height:auto;\n }\n\n #abf-page .abf-claim .abf-num{\n width:28px;\n height:28px;\n margin-bottom:12px;\n font-size:9px;\n }\n\n #abf-page .abf-claim h3{\n font-size:11px;\n }\n\n #abf-page .abf-claim p{\n font-size:10.5px;\n }\n\n\n \/* SECTION 1 COMPACT TRANSITION *\/\n #abf-page .abf-brand-transition{\n margin-top:18px;\n font-size:12.5px;\n line-height:1.55;\n letter-spacing:.35px;\n }\n\n \/* WBM *\/\n\n #abf-page .abf-big-copy h2{\n font-size:29px;\n }\n\n #abf-page .abf-wbm-benefits{\n grid-template-columns:repeat(2,minmax(0,1fr));\n gap:9px;\n }\n\n #abf-page .abf-benefit{\n min-height:118px;\n padding:14px 12px;\n }\n\n #abf-page .abf-benefit strong{\n font-size:10.5px;\n }\n\n #abf-page .abf-benefit p{\n font-size:10.5px;\n }\n\n\n #abf-page .abf-story .abf-main-img{\n order:-1;\n }\n\n\n \/* INGREDIENT *\/\n\n #abf-page .abf-ing-grid{\n grid-template-columns:repeat(2,minmax(0,1fr));\n gap:10px;\n }\n\n #abf-page .abf-ing .abf-card-copy{\n padding:13px;\n }\n\n #abf-page .abf-ing h3{\n font-size:13px;\n }\n\n #abf-page .abf-ing p{\n font-size:10.5px;\n }\n\n\n \/* MECHANISM — COMPACT 2×2 + FULL-WIDTH STEP 05 *\/\n\n #abf-page .abf-mech-grid{\n grid-template-columns:repeat(2,minmax(0,1fr));\n gap:9px;\n margin-top:22px;\n }\n\n #abf-page .abf-mech{\n min-height:102px;\n padding:13px 11px;\n }\n\n #abf-page .abf-mech:last-child{\n grid-column:1 \/ -1;\n min-height:86px;\n }\n\n #abf-page .abf-mech h3{\n font-size:13px;\n }\n\n #abf-page .abf-mech p{\n margin-top:5px;\n font-size:11.5px;\n line-height:1.4;\n }\n\n\n \/* USE *\/\n\n #abf-page .abf-use-grid{\n grid-template-columns:repeat(2,minmax(0,1fr));\n gap:10px;\n }\n\n #abf-page .abf-use-card{\n min-height:140px;\n padding:16px;\n }\n\n\n \/* COMPARE — KEEP 2 COLUMNS ON MOBILE *\/\n\n #abf-page .abf-compare-box{\n grid-template-columns:minmax(0,1fr) minmax(0,1fr);\n gap:0;\n width:100%;\n margin-top:25px;\n border-radius:17px;\n }\n\n #abf-page .abf-compare-col{\n padding:15px 10px 16px;\n }\n\n #abf-page .abf-compare-col.is-abera{\n border-left:1px solid #D2DED4;\n }\n\n #abf-page .abf-compare-title{\n min-height:34px;\n font-size:12px;\n line-height:1.15;\n }\n\n #abf-page .abf-compare-product{\n height:120px;\n margin-top:9px;\n margin-bottom:7px;\n }\n\n #abf-page .abf-compare-product img{\n max-width:88%;\n height:110px;\n }\n\n #abf-page .is-abera .abf-compare-product img{\n max-width:94%;\n }\n\n #abf-page .abf-compare-badge{\n min-height:21px;\n margin-top:2px;\n padding:0 7px;\n font-size:7.5px;\n }\n\n #abf-page .abf-comp-line{\n grid-template-columns:16px 1fr;\n gap:4px;\n min-height:69px;\n padding:10px 0;\n font-size:10.5px;\n line-height:1.35;\n }\n\n #abf-page .abf-comp-icon{\n width:15px;\n height:15px;\n font-size:14px;\n }\n\n\n #abf-page .abf-btn{\n width:100%;\n }\n\n\n \/* GENERIC CAROUSEL MOBILE *\/\n\n #abf-page .abf-track[data-carousel]{\n display:flex!important;\n\n gap:12px;\n\n margin-left:-14px;\n margin-right:-14px;\n\n padding:0 14px 4px;\n\n overflow-x:auto;\n\n scroll-snap-type:x mandatory;\n\n scrollbar-width:none;\n }\n\n #abf-page .abf-track[data-carousel]::-webkit-scrollbar{\n display:none;\n }\n\n #abf-page .abf-track[data-carousel] \u003e *{\n flex:0 0 83%;\n scroll-snap-align:center;\n }\n\n #abf-page .abf-dots{\n display:flex;\n }\n\n #abf-page .abf-results-track \u003e *{\n flex-basis:84%!important;\n }\n\n \/* PROBLEM RECOGNITION — STATIC 2 × 2 GRID ON MOBILE *\/\n #abf-page .abf-problem-track{\n display:grid!important;\n grid-template-columns:repeat(2,minmax(0,1fr));\n gap:10px;\n margin:24px 0 0;\n padding:0;\n overflow:visible;\n }\n\n #abf-page .abf-problem{\n min-width:0;\n border-radius:15px;\n }\n\n #abf-page .abf-problem img{\n aspect-ratio:1\/1;\n }\n\n #abf-page .abf-problem .abf-card-copy{\n padding:13px 11px 14px;\n }\n\n #abf-page .abf-problem .abf-card-copy h3{\n font-size:14px;\n line-height:1.18;\n }\n\n #abf-page .abf-problem .abf-card-copy p{\n margin-top:6px;\n font-size:13px;\n line-height:1.45;\n }\n\n #abf-page .abf-zone-track{\n grid-template-columns:repeat(2,minmax(0,1fr));\n gap:12px;\n margin-top:24px;\n }\n\n #abf-page .abf-zone{\n padding:16px 10px 15px;\n border-radius:16px;\n }\n\n #abf-page .abf-zone-media{\n width:64px;\n height:64px;\n margin-bottom:10px;\n border-radius:14px;\n }\n\n #abf-page .abf-zone strong{\n font-size:13px;\n }\n\n #abf-page .abf-zone span{\n margin-top:4px;\n font-size:10.5px;\n line-height:1.35;\n }\n\n \/* KOC VIDEO CAROUSEL *\/\n\n #abf-page .abf-koc-shell{\n margin-top:25px;\n }\n\n #abf-page .abf-koc-track{\n gap:12px;\n\n margin-left:-14px;\n margin-right:-14px;\n\n padding:0 14px 6px;\n }\n\n #abf-page .abf-koc-card{\n flex:0 0 76%;\n border-radius:16px;\n }\n\n #abf-page .abf-koc-arrow{\n display:none;\n }\n\n #abf-page .abf-koc-dots{\n gap:5px;\n margin-top:14px;\n }\n\n #abf-page .abf-koc-dot{\n width:5px;\n height:5px;\n }\n\n #abf-page .abf-koc-dot.active{\n width:18px;\n }\n\n}\n\n@media(max-width:380px){\n #abf-page .abf-compare-col{\n padding-left:8px;\n padding-right:8px;\n }\n #abf-page .abf-compare-title{ font-size:11px; }\n #abf-page .abf-comp-line{ font-size:10px; }\n\n #abf-page .abf-zone{\n padding-left:8px;\n padding-right:8px;\n }\n\n #abf-page .abf-zone strong{\n font-size:12px;\n }\n\n #abf-page .abf-zone span{\n font-size:10px;\n }\n}\n\n\n\/* ============================================================\nMOBILE READABILITY PASS — 30+ AUDIENCE\nLarger readable text across the entire page.\nDesktop is unchanged.\n============================================================ *\/\n\n@media(max-width:767px){\n\n \/* GLOBAL READING SIZE *\/\n #abf-page p{\n font-size:15.5px;\n line-height:1.58;\n }\n\n #abf-page h3{\n font-size:18px;\n line-height:1.22;\n }\n\n #abf-page .abf-eyebrow{\n font-size:13px;\n line-height:1.35;\n letter-spacing:1.25px;\n }\n\n #abf-page .abf-sub{\n font-size:15px;\n line-height:1.55;\n }\n\n #abf-page .abf-btn{\n min-height:56px;\n font-size:16px;\n }\n\n #abf-page .abf-note{\n font-size:13px;\n line-height:1.45;\n }\n\n\n \/* BRAND CAROUSEL *\/\n #abf-page .abf-brand-top span{\n font-size:12px;\n }\n\n #abf-page .abf-brand-card-copy h3{\n font-size:15px;\n line-height:1.18;\n }\n\n #abf-page .abf-brand-card-copy p{\n font-size:13px;\n line-height:1.52;\n }\n\n #abf-page .abf-brand-mini{\n gap:7px;\n }\n\n #abf-page .abf-brand-mini span{\n min-height:28px;\n padding:0 9px;\n font-size:11px;\n line-height:1.2;\n }\n\n\n \/* MAIN TREATMENT CLAIMS *\/\n #abf-page .abf-claim{\n min-height:142px;\n padding:17px 13px;\n }\n\n #abf-page .abf-claim .abf-num{\n width:30px;\n height:30px;\n font-size:11px;\n }\n\n #abf-page .abf-claim h3{\n font-size:13px;\n line-height:1.24;\n }\n\n #abf-page .abf-claim p{\n font-size:12.5px;\n line-height:1.48;\n }\n\n\n \/* WILD BITTER MELON BENEFITS *\/\n #abf-page .abf-benefit{\n min-height:126px;\n padding:16px 14px;\n }\n\n #abf-page .abf-benefit strong{\n font-size:13px;\n line-height:1.28;\n }\n\n #abf-page .abf-benefit p{\n font-size:13px;\n line-height:1.52;\n }\n\n\n \/* RESULTS \/ BEFORE-AFTER *\/\n #abf-page .abf-result-copy{\n min-height:172px;\n padding:18px 16px 20px;\n }\n\n #abf-page .abf-result-tag{\n min-height:27px;\n padding:0 9px;\n font-size:10.5px;\n }\n\n #abf-page .abf-result-copy h3{\n font-size:17px;\n line-height:1.22;\n }\n\n #abf-page .abf-result-copy p{\n font-size:13.5px;\n line-height:1.52;\n }\n\n\n \/* PROBLEM RECOGNITION CARDS *\/\n #abf-page .abf-card-copy{\n padding:17px;\n }\n\n #abf-page .abf-card-copy h3{\n font-size:17px;\n }\n\n #abf-page .abf-card-copy p{\n font-size:13.5px;\n line-height:1.5;\n }\n\n\n \/* MECHANISM *\/\n #abf-page .abf-mechanism-caption{\n font-size:13px;\n line-height:1.4;\n }\n\n #abf-page .abf-mech{\n min-height:160px;\n padding:16px 13px;\n }\n\n #abf-page .abf-step{\n margin-bottom:12px;\n padding:6px 8px;\n font-size:11.5px;\n }\n\n #abf-page .abf-mech h3{\n font-size:14px;\n line-height:1.25;\n }\n\n #abf-page .abf-mech p{\n font-size:12.5px;\n line-height:1.5;\n }\n\n\n \/* INGREDIENTS *\/\n #abf-page .abf-ing .abf-card-copy{\n padding:15px 13px 16px;\n }\n\n #abf-page .abf-ing h3{\n font-size:14px;\n line-height:1.25;\n }\n\n #abf-page .abf-ing p{\n font-size:12.5px;\n line-height:1.5;\n }\n\n\n \/* EXPERT *\/\n #abf-page .abf-checks li{\n margin:13px 0;\n padding-left:29px;\n font-size:14px;\n line-height:1.45;\n }\n\n\n \/* BODY ZONES *\/\n #abf-page .abf-zone{\n padding:17px 10px 16px;\n }\n\n #abf-page .abf-zone strong{\n font-size:14px;\n line-height:1.2;\n }\n\n #abf-page .abf-zone span{\n margin-top:5px;\n font-size:12.5px;\n line-height:1.4;\n }\n\n\n \/* HOW TO USE *\/\n #abf-page .abf-use-card{\n min-height:158px;\n padding:18px 16px;\n }\n\n #abf-page .abf-use-card h3{\n font-size:17px;\n }\n\n #abf-page .abf-use-card p{\n font-size:13.5px;\n line-height:1.5;\n }\n\n\n \/* COMPARISON *\/\n #abf-page .abf-compare-title{\n min-height:38px;\n font-size:13px;\n line-height:1.2;\n }\n\n #abf-page .abf-compare-badge{\n min-height:23px;\n padding:0 7px;\n font-size:10px;\n line-height:1.1;\n }\n\n #abf-page .abf-comp-line{\n grid-template-columns:17px 1fr;\n gap:5px;\n min-height:78px;\n padding:11px 0;\n font-size:12.5px;\n line-height:1.42;\n }\n\n #abf-page .abf-comp-icon{\n width:16px;\n height:16px;\n font-size:16px;\n }\n\n\n \/* DOCUMENTATION *\/\n #abf-page .abf-docs .abf-sub{\n font-size:13px;\n line-height:1.5;\n }\n\n #abf-page .abf-doc-label{\n margin-top:8px;\n font-size:10.5px;\n line-height:1.35;\n }\n\n\n \/* FAQ *\/\n #abf-page summary{\n padding:21px 38px 21px 0;\n font-size:16px;\n line-height:1.4;\n }\n\n #abf-page details p{\n padding-bottom:21px;\n font-size:15px;\n line-height:1.55;\n }\n\n}\n\n\n@media(max-width:380px){\n\n \/* Keep very small phones readable instead of shrinking text too far *\/\n #abf-page p{\n font-size:15px;\n }\n\n #abf-page .abf-eyebrow{\n font-size:12.5px;\n }\n\n #abf-page .abf-brand-card-copy p,\n #abf-page .abf-result-copy p,\n #abf-page .abf-card-copy p,\n #abf-page .abf-use-card p{\n font-size:13px;\n }\n\n #abf-page .abf-claim h3{\n font-size:12.5px;\n }\n\n #abf-page .abf-claim p,\n #abf-page .abf-benefit p,\n #abf-page .abf-mech p,\n #abf-page .abf-ing p,\n #abf-page .abf-zone span,\n #abf-page .abf-comp-line{\n font-size:12px;\n }\n\n #abf-page .abf-compare-title{\n font-size:12.5px;\n }\n\n #abf-page .abf-doc-label{\n font-size:10px;\n }\n\n}\n\n\n\/* ============================================================\nEXPERT VIDEO — INLINE PLAYER\nCustom play overlay \/ no native fullscreen UI\n============================================================ *\/\n\n#abf-page .abf-video-box{\n position:relative;\n cursor:pointer;\n}\n\n#abf-page .abf-video-box video{\n display:block;\n width:100%;\n aspect-ratio:16\/9;\n object-fit:cover;\n background:#DDE7D7;\n}\n\n#abf-page .abf-expert-play{\n position:absolute;\n inset:0;\n z-index:3;\n\n display:flex;\n align-items:center;\n justify-content:center;\n\n border:0;\n background:linear-gradient(\n 180deg,\n rgba(0,0,0,.03),\n rgba(0,0,0,.16)\n );\n\n cursor:pointer;\n}\n\n#abf-page .abf-expert-play-icon{\n display:flex;\n align-items:center;\n justify-content:center;\n\n width:68px;\n height:68px;\n\n border-radius:50%;\n\n background:rgba(255,255,255,.94);\n color:var(--forest);\n\n box-shadow:0 8px 28px rgba(0,0,0,.20);\n\n font-size:27px;\n line-height:1;\n\n transition:.2s ease;\n}\n\n#abf-page .abf-expert-play:hover .abf-expert-play-icon{\n transform:scale(1.05);\n background:var(--active-lime);\n}\n\n#abf-page .abf-video-box.is-playing .abf-expert-play{\n opacity:0;\n pointer-events:none;\n}\n\n@media(max-width:767px){\n\n #abf-page .abf-expert-play-icon{\n width:58px;\n height:58px;\n font-size:23px;\n }\n\n}\n\n\n\/* ============================================================\nMOBILE READABILITY PASS V2 — SLIGHTLY LARGER\nFor 30+ audience. Main headings stay controlled; smaller copy\ngets another +1 to +1.5px for easier mobile reading.\n============================================================ *\/\n\n@media(max-width:767px){\n\n \/* GLOBAL *\/\n #abf-page p{\n font-size:16.5px;\n line-height:1.6;\n }\n\n #abf-page .abf-eyebrow{\n font-size:14px;\n line-height:1.35;\n letter-spacing:1.2px;\n }\n\n #abf-page .abf-sub{\n font-size:16px;\n line-height:1.58;\n }\n\n #abf-page .abf-btn{\n min-height:58px;\n font-size:17px;\n }\n\n #abf-page .abf-note{\n font-size:14px;\n line-height:1.5;\n }\n\n\n \/* BRAND *\/\n #abf-page .abf-brand-top span{\n font-size:13px;\n }\n\n #abf-page .abf-brand-card-copy h3{\n font-size:16px;\n line-height:1.2;\n }\n\n #abf-page .abf-brand-card-copy p{\n font-size:14px;\n line-height:1.55;\n }\n\n #abf-page .abf-brand-mini span{\n min-height:29px;\n font-size:12px;\n }\n\n\n \/* TREATMENT CLAIMS *\/\n #abf-page .abf-claim{\n min-height:148px;\n }\n\n #abf-page .abf-claim h3{\n font-size:14px;\n line-height:1.25;\n }\n\n #abf-page .abf-claim p{\n font-size:13.5px;\n line-height:1.5;\n }\n\n\n \/* WILD BITTER MELON BENEFITS *\/\n #abf-page .abf-benefit{\n min-height:126px;\n }\n\n #abf-page .abf-benefit strong{\n font-size:14px;\n line-height:1.3;\n }\n\n #abf-page .abf-benefit p{\n font-size:14px;\n line-height:1.55;\n }\n\n\n \/* RESULTS *\/\n #abf-page .abf-result-tag{\n font-size:11px;\n }\n\n #abf-page .abf-result-copy h3{\n font-size:18px;\n line-height:1.23;\n }\n\n #abf-page .abf-result-copy p{\n font-size:14.5px;\n line-height:1.55;\n }\n\n\n \/* PROBLEM CARDS *\/\n #abf-page .abf-card-copy h3{\n font-size:18px;\n }\n\n #abf-page .abf-card-copy p{\n font-size:14.5px;\n line-height:1.55;\n }\n\n\n \/* MECHANISM *\/\n #abf-page .abf-mechanism-caption{\n font-size:14px;\n line-height:1.45;\n }\n\n #abf-page .abf-step{\n font-size:12px;\n }\n\n #abf-page .abf-mech h3{\n font-size:15px;\n line-height:1.25;\n }\n\n #abf-page .abf-mech p{\n font-size:13.5px;\n line-height:1.52;\n }\n\n\n \/* INGREDIENTS *\/\n #abf-page .abf-ing h3{\n font-size:15px;\n }\n\n #abf-page .abf-ing p{\n font-size:13.5px;\n line-height:1.52;\n }\n\n\n \/* EXPERT *\/\n #abf-page .abf-checks li{\n font-size:15px;\n line-height:1.48;\n }\n\n\n \/* BODY ZONES *\/\n #abf-page .abf-zone strong{\n font-size:15px;\n }\n\n #abf-page .abf-zone span{\n font-size:13.5px;\n line-height:1.42;\n }\n\n\n \/* HOW TO USE *\/\n #abf-page .abf-use-card h3{\n font-size:18px;\n }\n\n #abf-page .abf-use-card p{\n font-size:14.5px;\n line-height:1.52;\n }\n\n\n \/* PERFECT DUO *\/\n #abf-page .abf-duo-kicker{\n font-size:11.5px;\n }\n\n #abf-page .abf-duo-copy \u003e p{\n font-size:15.5px;\n line-height:1.58;\n }\n\n #abf-page .abf-duo-step strong{\n font-size:12.5px;\n }\n\n #abf-page .abf-duo-step span{\n font-size:12.5px;\n line-height:1.45;\n }\n\n #abf-page .abf-duo-note{\n font-size:13.5px;\n line-height:1.45;\n }\n\n #abf-page .abf-duo-free-badge{\n font-size:11px;\n }\n\n\n \/* COMPARISON — keep 2 columns readable *\/\n #abf-page .abf-compare-title{\n min-height:40px;\n font-size:14px;\n line-height:1.22;\n }\n\n #abf-page .abf-compare-badge{\n min-height:24px;\n font-size:11px;\n }\n\n #abf-page .abf-comp-line{\n min-height:84px;\n font-size:13.5px;\n line-height:1.45;\n }\n\n\n \/* DOCUMENTATION *\/\n #abf-page .abf-docs .abf-sub{\n font-size:14px;\n line-height:1.52;\n }\n\n #abf-page .abf-doc-label{\n font-size:11.5px;\n line-height:1.4;\n }\n\n\n \/* FAQ *\/\n #abf-page summary{\n font-size:17px;\n line-height:1.42;\n }\n\n #abf-page details p{\n font-size:16px;\n line-height:1.58;\n }\n\n}\n\n\n@media(max-width:380px){\n\n #abf-page p{\n font-size:16px;\n }\n\n #abf-page .abf-eyebrow{\n font-size:13.5px;\n }\n\n #abf-page .abf-brand-card-copy p,\n #abf-page .abf-result-copy p,\n #abf-page .abf-card-copy p,\n #abf-page .abf-use-card p{\n font-size:14px;\n }\n\n #abf-page .abf-claim p,\n #abf-page .abf-benefit p,\n #abf-page .abf-mech p,\n #abf-page .abf-ing p,\n #abf-page .abf-zone span{\n font-size:13px;\n }\n\n #abf-page .abf-comp-line{\n font-size:13px;\n }\n\n #abf-page .abf-compare-title{\n font-size:13.5px;\n }\n\n #abf-page .abf-doc-label{\n font-size:11px;\n }\n\n}\n\n\n\/* ============================================================\nMOBILE READABILITY PASS V3 — ONE SIZE LARGER\nKeep major titles\/headings unchanged. Increase body, card copy,\nlabels, bullets and supporting text by ~1px for easier reading.\n============================================================ *\/\n\n@media(max-width:767px){\n\n \/* GLOBAL BODY COPY — TITLES UNCHANGED *\/\n #abf-page p{\n font-size:17.5px;\n line-height:1.62;\n }\n\n #abf-page .abf-sub{\n font-size:17px;\n line-height:1.6;\n }\n\n #abf-page .abf-eyebrow{\n font-size:15px;\n line-height:1.4;\n }\n\n #abf-page .abf-note{\n font-size:15px;\n line-height:1.5;\n }\n\n #abf-page .abf-btn{\n font-size:18px;\n }\n\n\n \/* BRAND SUPPORTING COPY *\/\n #abf-page .abf-brand-top span{\n font-size:14px;\n }\n\n #abf-page .abf-brand-card-copy p{\n font-size:15px;\n line-height:1.58;\n }\n\n #abf-page .abf-brand-mini span{\n font-size:13px;\n min-height:30px;\n }\n\n\n \/* TREATMENT CLAIM COPY *\/\n #abf-page .abf-claim p{\n font-size:14.5px;\n line-height:1.54;\n }\n\n #abf-page .abf-claim .abf-num{\n font-size:12px;\n }\n\n\n \/* WILD BITTER MELON BENEFITS *\/\n #abf-page .abf-benefit strong{\n font-size:15px;\n line-height:1.3;\n }\n\n #abf-page .abf-benefit p{\n font-size:15px;\n line-height:1.58;\n }\n\n\n \/* RESULTS *\/\n #abf-page .abf-result-tag{\n font-size:12px;\n }\n\n #abf-page .abf-result-copy p{\n font-size:15.5px;\n line-height:1.58;\n }\n\n\n \/* PROBLEM CARDS *\/\n #abf-page .abf-card-copy p{\n font-size:15.5px;\n line-height:1.58;\n }\n\n\n \/* MECHANISM *\/\n #abf-page .abf-mechanism-caption{\n font-size:15px;\n line-height:1.45;\n }\n\n #abf-page .abf-step{\n font-size:13px;\n }\n\n #abf-page .abf-mech p{\n font-size:14.5px;\n line-height:1.56;\n }\n\n\n \/* INGREDIENTS *\/\n #abf-page .abf-ing p{\n font-size:14.5px;\n line-height:1.56;\n }\n\n\n \/* EXPERT BULLETS *\/\n #abf-page .abf-checks li{\n font-size:16px;\n line-height:1.5;\n }\n\n\n \/* BODY ZONES *\/\n #abf-page .abf-zone span{\n font-size:14.5px;\n line-height:1.45;\n }\n\n\n \/* HOW TO USE *\/\n #abf-page .abf-use-card p{\n font-size:15.5px;\n line-height:1.56;\n }\n\n\n \/* PERFECT DUO *\/\n #abf-page .abf-duo-kicker{\n font-size:12.5px;\n }\n\n #abf-page .abf-duo-copy \u003e p{\n font-size:16.5px;\n line-height:1.6;\n }\n\n #abf-page .abf-duo-step strong{\n font-size:13.5px;\n }\n\n #abf-page .abf-duo-step span{\n font-size:13.5px;\n line-height:1.48;\n }\n\n #abf-page .abf-duo-note{\n font-size:14.5px;\n line-height:1.45;\n }\n\n #abf-page .abf-duo-free-badge{\n font-size:12px;\n }\n\n\n \/* COMPARISON SUPPORTING TEXT *\/\n #abf-page .abf-compare-badge{\n font-size:12px;\n }\n\n #abf-page .abf-comp-line{\n min-height:88px;\n font-size:14.5px;\n line-height:1.48;\n }\n\n\n \/* DOCUMENTATION *\/\n #abf-page .abf-docs .abf-sub{\n font-size:15px;\n line-height:1.55;\n }\n\n #abf-page .abf-doc-label{\n font-size:12.5px;\n line-height:1.42;\n }\n\n\n \/* FAQ ANSWERS ONLY — QUESTION TITLE KEPT *\/\n #abf-page details p{\n font-size:17px;\n line-height:1.6;\n }\n\n}\n\n\n@media(max-width:380px){\n\n #abf-page p{\n font-size:17px;\n }\n\n #abf-page .abf-sub{\n font-size:16.5px;\n }\n\n #abf-page .abf-eyebrow{\n font-size:14.5px;\n }\n\n #abf-page .abf-brand-card-copy p,\n #abf-page .abf-result-copy p,\n #abf-page .abf-card-copy p,\n #abf-page .abf-use-card p{\n font-size:15px;\n }\n\n #abf-page .abf-claim p,\n #abf-page .abf-benefit p,\n #abf-page .abf-mech p,\n #abf-page .abf-ing p,\n #abf-page .abf-zone span{\n font-size:14px;\n }\n\n #abf-page .abf-comp-line{\n font-size:14px;\n }\n\n #abf-page .abf-doc-label{\n font-size:12px;\n }\n\n}\n\n\n\/* ============================================================\nMOBILE READABILITY PASS V4 — +2PX ON SMALL LABELS \u0026 SUPPORTING COPY\nMajor titles\/headings remain unchanged.\n============================================================ *\/\n@media(max-width:767px){\n\n #abf-page .abf-eyebrow{\n font-size:17px;\n line-height:1.4;\n letter-spacing:1.15px;\n }\n\n #abf-page .abf-brand-top span{ font-size:16px; }\n #abf-page .abf-brand-mini span{ font-size:15px; min-height:32px; }\n #abf-page .abf-claim .abf-num{ font-size:14px; }\n #abf-page .abf-result-tag{ font-size:14px; }\n #abf-page .abf-step{ font-size:15px; }\n #abf-page .abf-duo-kicker{ font-size:14.5px; }\n #abf-page .abf-duo-free-badge{ font-size:14px; }\n #abf-page .abf-compare-badge{ font-size:14px; }\n\n #abf-page .abf-brand-card-copy p{ font-size:17px; line-height:1.6; }\n #abf-page .abf-claim p{ font-size:16.5px; line-height:1.58; }\n #abf-page .abf-benefit p{ font-size:17px; line-height:1.6; }\n #abf-page .abf-result-copy p{ font-size:17.5px; line-height:1.6; }\n #abf-page .abf-card-copy p{ font-size:17.5px; line-height:1.6; }\n #abf-page .abf-mech p{ font-size:16.5px; line-height:1.6; }\n #abf-page .abf-ing p{ font-size:16.5px; line-height:1.6; }\n #abf-page .abf-zone span{ font-size:16.5px; line-height:1.5; }\n #abf-page .abf-use-card p{ font-size:17.5px; line-height:1.58; }\n\n #abf-page .abf-duo-step strong{ font-size:15.5px; }\n #abf-page .abf-duo-step span{ font-size:15.5px; line-height:1.52; }\n #abf-page .abf-duo-note{ font-size:16.5px; line-height:1.5; }\n\n #abf-page .abf-comp-line{\n min-height:94px;\n font-size:16.5px;\n line-height:1.52;\n }\n\n #abf-page .abf-doc-label{\n font-size:14.5px;\n line-height:1.45;\n }\n}\n\n@media(max-width:380px){\n\n #abf-page .abf-eyebrow{ font-size:16.5px; }\n\n #abf-page .abf-brand-card-copy p,\n #abf-page .abf-result-copy p,\n #abf-page .abf-card-copy p,\n #abf-page .abf-use-card p{\n font-size:17px;\n }\n\n #abf-page .abf-claim p,\n #abf-page .abf-benefit p,\n #abf-page .abf-mech p,\n #abf-page .abf-ing p,\n #abf-page .abf-zone span{\n font-size:16px;\n }\n\n #abf-page .abf-comp-line{ font-size:16px; }\n #abf-page .abf-doc-label{ font-size:14px; }\n}\n\n\n\/* ============================================================\nSECTION 05 — MOBILE 2 × 2 FINAL OVERRIDE\nKeeps problem-recognition cards compact despite global readability passes.\n============================================================ *\/\n@media(max-width:767px){\n #abf-page .abf-problem-track{\n display:grid!important;\n grid-template-columns:repeat(2,minmax(0,1fr))!important;\n gap:10px!important;\n margin:24px 0 0!important;\n padding:0!important;\n overflow:visible!important;\n }\n\n #abf-page .abf-problem{\n min-width:0!important;\n border-radius:15px;\n }\n\n #abf-page .abf-problem img{\n aspect-ratio:1\/1;\n object-fit:cover;\n }\n\n #abf-page .abf-problem .abf-card-copy{\n padding:13px 11px 14px!important;\n }\n\n #abf-page .abf-problem .abf-card-copy h3{\n font-size:14px!important;\n line-height:1.18!important;\n }\n\n #abf-page .abf-problem .abf-card-copy p{\n margin-top:6px!important;\n font-size:13px!important;\n line-height:1.45!important;\n }\n}\n\n@media(max-width:380px){\n #abf-page .abf-problem-track{\n gap:8px!important;\n }\n\n #abf-page .abf-problem .abf-card-copy{\n padding:11px 9px 12px!important;\n }\n\n #abf-page .abf-problem .abf-card-copy h3{\n font-size:13px!important;\n }\n\n #abf-page .abf-problem .abf-card-copy p{\n font-size:12.5px!important;\n }\n}\n\n\n\n\/* ============================================================\nSECTION 06 — COMPACT MECHANISM FINAL OVERRIDE\nAnimation does the explaining; cards stay short.\n============================================================ *\/\n@media(max-width:767px){\n #abf-page .abf-mechanism .abf-sub{\n max-width:340px;\n margin-top:14px;\n font-size:15px!important;\n line-height:1.5!important;\n }\n\n #abf-page .abf-mechanism-visual{\n margin-top:24px;\n }\n\n #abf-page .abf-mechanism-caption{\n margin-top:10px;\n font-size:13px!important;\n line-height:1.4!important;\n }\n\n #abf-page .abf-mech-grid{\n margin-top:20px!important;\n gap:8px!important;\n }\n\n #abf-page .abf-mech{\n min-height:96px!important;\n padding:12px 10px!important;\n border-radius:14px;\n }\n\n #abf-page .abf-mech:last-child{\n min-height:80px!important;\n }\n\n #abf-page .abf-step{\n margin-bottom:8px!important;\n padding:5px 7px!important;\n font-size:11px!important;\n }\n\n #abf-page .abf-mech h3{\n font-size:13px!important;\n line-height:1.2!important;\n }\n\n #abf-page .abf-mech p{\n margin-top:4px!important;\n font-size:12px!important;\n line-height:1.38!important;\n }\n}\n\n@media(max-width:380px){\n #abf-page .abf-mechanism .abf-sub{\n font-size:14.5px!important;\n }\n\n #abf-page .abf-mech{\n min-height:92px!important;\n }\n\n #abf-page .abf-mech h3{\n font-size:12.5px!important;\n }\n\n #abf-page .abf-mech p{\n font-size:11.5px!important;\n }\n}\n\n\n\/* ============================================================\nSECTION 06 — FINAL COMPACT PASS\nAnimation + caption only. No repeated step cards.\n============================================================ *\/\n@media(max-width:767px){\n #abf-page .abf-mechanism{\n padding-bottom:42px;\n }\n\n #abf-page .abf-mechanism-caption{\n margin-bottom:0!important;\n }\n}\n\n\n\/* ============================================================\nSECTION 07 — COMPACT FORMULA GRID\nDesktop: 4 across\nMobile: 2 × 2, short copy\n============================================================ *\/\n@media(max-width:767px){\n #abf-page .abf-ingredients .abf-ing-grid{\n grid-template-columns:repeat(2,minmax(0,1fr))!important;\n gap:9px!important;\n margin-top:22px!important;\n }\n\n #abf-page .abf-ingredients .abf-ing{\n border-radius:15px;\n }\n\n #abf-page .abf-ingredients .abf-ing .abf-card-copy{\n padding:13px 11px 14px!important;\n }\n\n #abf-page .abf-ingredients .abf-ing h3{\n font-size:14px!important;\n line-height:1.2!important;\n }\n\n #abf-page .abf-ingredients .abf-ing p{\n margin-top:6px!important;\n font-size:13px!important;\n line-height:1.45!important;\n }\n}\n\n@media(max-width:380px){\n #abf-page .abf-ingredients .abf-ing h3{\n font-size:13px!important;\n }\n\n #abf-page .abf-ingredients .abf-ing p{\n font-size:12.5px!important;\n }\n}\n\n\n\/* ============================================================\nSECTION 08 — COMPACT EXPERT AUTHORITY\n============================================================ *\/\n@media(max-width:767px){\n #abf-page .abf-expert .abf-two{\n gap:22px!important;\n }\n\n #abf-page .abf-expert \u003e .abf-wrap \u003e div:last-child \u003e p{\n margin-top:12px;\n font-size:15px!important;\n line-height:1.52!important;\n }\n\n #abf-page .abf-expert-checks{\n margin-top:16px!important;\n }\n\n #abf-page .abf-expert-checks li{\n margin:9px 0!important;\n padding-left:28px!important;\n font-size:inherit!important;\n line-height:1.4!important;\n }\n\n #abf-page .abf-expert-checks li:before{\n top:1px;\n width:18px;\n height:18px;\n line-height:18px;\n font-size:10px;\n }\n\n #abf-page .abf-expert-checks li strong{\n font-size:14px!important;\n line-height:1.28!important;\n }\n\n #abf-page .abf-expert-checks li span{\n margin-top:2px;\n font-size:13px!important;\n line-height:1.42!important;\n }\n}\n\n\n\/* ============================================================\nSECTION 09 — COMPACT TREATMENT AREAS\n============================================================ *\/\n@media(max-width:767px){\n #abf-page .abf-zones{\n padding-top:42px;\n padding-bottom:42px;\n }\n\n #abf-page .abf-zone-track{\n grid-template-columns:repeat(2,minmax(0,1fr))!important;\n gap:10px!important;\n margin-top:22px!important;\n }\n\n #abf-page .abf-zone{\n min-height:126px;\n padding:14px 10px 13px!important;\n border-radius:15px;\n }\n\n #abf-page .abf-zone-media{\n width:68px!important;\n height:68px!important;\n margin-bottom:9px!important;\n border-radius:14px;\n }\n\n #abf-page .abf-zone strong{\n font-size:14px!important;\n line-height:1.15!important;\n }\n}\n\n@media(max-width:380px){\n #abf-page .abf-zone{\n min-height:118px;\n padding:12px 8px!important;\n }\n\n #abf-page .abf-zone-media{\n width:62px!important;\n height:62px!important;\n }\n\n #abf-page .abf-zone strong{\n font-size:13px!important;\n }\n}\n\n\n\/* ============================================================\nSECTION 10 + 10B — ROUTINE → PERFECT DUO FLOW\n============================================================ *\/\n@media(max-width:767px){\n\n \/* HOW TO USE — compact 2×2 *\/\n #abf-page .abf-use-grid{\n grid-template-columns:repeat(2,minmax(0,1fr))!important;\n gap:9px!important;\n margin-top:22px!important;\n }\n\n #abf-page .abf-use-card{\n min-height:108px!important;\n padding:13px 12px!important;\n }\n\n #abf-page .abf-use-card h3{\n font-size:16px!important;\n line-height:1.2!important;\n }\n\n #abf-page .abf-use-card p{\n margin-top:7px!important;\n font-size:13.5px!important;\n line-height:1.45!important;\n }\n\n \/* PERFECT DUO — reads as the next step, not a repeated how-to *\/\n #abf-page .abf-duo-copy h2{\n font-size:29px!important;\n line-height:1.03!important;\n }\n\n #abf-page .abf-duo-copy \u003e p{\n font-size:14px!important;\n line-height:1.45!important;\n }\n\n #abf-page .abf-duo-steps{\n gap:8px!important;\n margin-top:16px!important;\n }\n\n #abf-page .abf-duo-step{\n padding:11px 9px!important;\n }\n\n #abf-page .abf-duo-step strong{\n font-size:11.5px!important;\n line-height:1.25!important;\n }\n\n #abf-page .abf-duo-step span{\n font-size:11.5px!important;\n line-height:1.42!important;\n }\n\n #abf-page .abf-duo-offer{\n margin-top:14px;\n padding:11px 10px;\n font-size:12px;\n line-height:1.35;\n }\n\n #abf-page .abf-duo-note{\n margin-top:11px;\n font-size:12px!important;\n line-height:1.4!important;\n }\n}\n\n\n\/* ============================================================\nSECTION 10 — MERGED ROUTINE + PERFECT DUO\n============================================================ *\/\n\n#abf-page .abf-routine-combo{\n background:var(--clinical-cream);\n}\n\n#abf-page .abf-routine-combo .abf-use-grid{\n margin-bottom:30px;\n}\n\n#abf-page .abf-routine-duo{\n display:grid;\n grid-template-columns:.9fr 1.1fr;\n align-items:stretch;\n overflow:hidden;\n margin-top:30px;\n border:1px solid #D7E2D4;\n border-radius:20px;\n background:#fff;\n}\n\n#abf-page .abf-routine-duo-media{\n min-height:360px;\n overflow:hidden;\n background:#E5EEDC;\n}\n\n#abf-page .abf-routine-duo-media img{\n width:100%;\n height:100%;\n object-fit:cover;\n}\n\n#abf-page .abf-routine-duo-copy{\n display:flex;\n flex-direction:column;\n justify-content:center;\n padding:30px 34px;\n}\n\n#abf-page .abf-routine-duo-copy h3{\n margin-top:10px;\n color:var(--treatment-dark);\n font-size:28px;\n line-height:1.08;\n text-transform:uppercase;\n}\n\n#abf-page .abf-routine-duo-copy \u003e p{\n margin-top:11px;\n color:#586159;\n font-size:14px;\n line-height:1.55;\n}\n\n#abf-page .abf-routine-duo-steps{\n display:grid;\n grid-template-columns:1fr 1fr;\n gap:9px;\n margin-top:16px;\n}\n\n#abf-page .abf-routine-duo-step{\n padding:12px 13px;\n border:1px solid #DDE6DB;\n border-radius:12px;\n background:#F8FAF7;\n}\n\n#abf-page .abf-routine-duo-step strong{\n display:block;\n color:var(--forest);\n font-size:11px;\n line-height:1.2;\n font-weight:900;\n}\n\n#abf-page .abf-routine-duo-step span{\n display:block;\n margin-top:4px;\n color:#626A64;\n font-size:12px;\n line-height:1.35;\n}\n\n#abf-page .abf-routine-offer{\n margin-top:14px;\n padding:11px 12px;\n border-radius:9px;\n background:var(--active-lime);\n color:var(--treatment-dark);\n font-size:12px;\n line-height:1.35;\n font-weight:900;\n text-align:center;\n}\n\n#abf-page .abf-routine-duo-copy .abf-btn{\n align-self:flex-start;\n margin-top:14px;\n background:var(--forest);\n color:#fff!important;\n}\n\n@media(max-width:767px){\n\n #abf-page .abf-routine-combo .abf-use-grid{\n margin-bottom:22px!important;\n }\n\n #abf-page .abf-routine-duo{\n grid-template-columns:1fr;\n margin-top:22px;\n border-radius:17px;\n }\n\n #abf-page .abf-routine-duo-media{\n min-height:0;\n aspect-ratio:16\/10;\n }\n\n #abf-page .abf-routine-duo-copy{\n padding:20px 16px 21px;\n }\n\n #abf-page .abf-routine-duo-copy h3{\n font-size:24px!important;\n line-height:1.05!important;\n }\n\n #abf-page .abf-routine-duo-copy \u003e p{\n margin-top:9px;\n font-size:14px!important;\n line-height:1.48!important;\n }\n\n #abf-page .abf-routine-duo-steps{\n gap:8px;\n margin-top:14px;\n }\n\n #abf-page .abf-routine-duo-step{\n padding:10px 9px;\n }\n\n #abf-page .abf-routine-duo-step strong{\n font-size:11.5px!important;\n }\n\n #abf-page .abf-routine-duo-step span{\n font-size:12px!important;\n }\n\n #abf-page .abf-routine-offer{\n margin-top:12px;\n font-size:12px;\n }\n\n #abf-page .abf-routine-duo-copy .abf-btn{\n width:100%;\n margin-top:12px;\n }\n}\n\n\n\/* ============================================================\nSECTION 11 — COMPACT COMPARISON\n============================================================ *\/\n@media(max-width:767px){\n #abf-page .abf-compare{\n padding-top:42px;\n padding-bottom:42px;\n }\n\n #abf-page .abf-compare-box{\n margin-top:22px!important;\n }\n\n #abf-page .abf-compare-title{\n min-height:44px!important;\n display:flex;\n align-items:center;\n justify-content:center;\n font-size:12.5px!important;\n line-height:1.15!important;\n }\n\n #abf-page .abf-compare-product{\n height:105px!important;\n margin-top:7px!important;\n margin-bottom:5px!important;\n }\n\n #abf-page .abf-compare-product img{\n height:95px!important;\n }\n\n #abf-page .abf-comp-line{\n min-height:68px!important;\n padding:9px 0!important;\n font-size:12px!important;\n line-height:1.4!important;\n }\n}\n\n@media(max-width:380px){\n #abf-page .abf-compare-title{\n font-size:11.5px!important;\n }\n\n #abf-page .abf-comp-line{\n font-size:11.5px!important;\n }\n}\n\n\n\/* ============================================================\nSECTION 12 + 12B — FINAL COMPACT PASS\n============================================================ *\/\n\n#abf-page .abf-reviews h2{\n font-size:clamp(28px,3.4vw,42px);\n}\n\n#abf-page .abf-docs .abf-doc-grid{\n margin-top:18px;\n}\n\n@media(max-width:767px){\n\n #abf-page .abf-reviews{\n padding-top:40px;\n padding-bottom:40px;\n }\n\n #abf-page .abf-reviews h2{\n font-size:29px!important;\n line-height:1.05!important;\n }\n\n #abf-page .abf-koc-shell{\n margin-top:20px!important;\n }\n\n #abf-page .abf-docs{\n padding:30px 0!important;\n }\n\n #abf-page .abf-docs .abf-eyebrow{\n margin-bottom:7px;\n }\n\n #abf-page .abf-docs h2{\n font-size:25px!important;\n }\n\n #abf-page .abf-doc-grid{\n margin-top:16px!important;\n }\n\n #abf-page .abf-doc-label{\n font-size:11.5px!important;\n line-height:1.3!important;\n }\n}\n\n\n\/* ============================================================\nSECTION 03 — COMPACT STORY\n============================================================ *\/\n#abf-page .abf-story .abf-eyebrow{\n margin-bottom:6px;\n}\n\n#abf-page .abf-story p strong{\n color:#fff;\n font-weight:900;\n}\n\n@media(max-width:767px){\n #abf-page .abf-story{\n padding-top:40px;\n padding-bottom:40px;\n }\n\n #abf-page .abf-story .abf-two{\n gap:20px!important;\n }\n\n #abf-page .abf-story p{\n margin-top:10px;\n font-size:15px!important;\n line-height:1.55!important;\n }\n}\n\n\n\/* ============================================================\nFINAL VISUAL POLISH — MOBILE-FIRST\n- Harmonized section backgrounds\n- Cleaner card\/text containers\n- Larger small text on mobile\n- Scoped at the end so it overrides earlier passes safely\n============================================================ *\/\n\n\/* ---------- SECTION BACKGROUND RHYTHM ---------- *\/\n\n#abf-page .abf-treatment{\n background:#10261C;\n}\n\n#abf-page .abf-wbm{\n background:#F5F1E6;\n}\n\n#abf-page .abf-story{\n background:#214D37;\n}\n\n#abf-page .abf-results{\n background:#FFFFFF;\n}\n\n#abf-page .abf-problems{\n background:#EEF3EC;\n}\n\n#abf-page .abf-mechanism{\n background:#FAF8F2;\n}\n\n#abf-page .abf-ingredients{\n background:#10261C;\n}\n\n#abf-page .abf-expert{\n background:#E7EFE3;\n}\n\n#abf-page .abf-zones{\n background:#FFFFFF;\n}\n\n#abf-page .abf-use,\n#abf-page .abf-routine-combo{\n background:#F5F1E6;\n}\n\n#abf-page .abf-compare{\n background:#F7F9F6;\n}\n\n#abf-page .abf-reviews{\n background:#EEF3ED;\n}\n\n#abf-page .abf-docs{\n background:#F5F1E6;\n}\n\n#abf-page .abf-final{\n background:#10261C;\n}\n\n#abf-page .abf-faq{\n background:#FFFFFF;\n}\n\n\n\/* ---------- CARD \/ TEXT CONTAINER POLISH ---------- *\/\n\n#abf-page .abf-result-card,\n#abf-page .abf-problem,\n#abf-page .abf-zone,\n#abf-page .abf-use-card,\n#abf-page .abf-doc-card{\n border:1px solid #DDE5DE;\n box-shadow:0 7px 20px rgba(16,38,28,.055);\n}\n\n#abf-page .abf-problem{\n background:#FFFFFF;\n}\n\n#abf-page .abf-problem .abf-card-copy{\n background:#FFFFFF;\n}\n\n#abf-page .abf-zone{\n background:#FBFCFA;\n}\n\n#abf-page .abf-use-card{\n background:#FFFFFF;\n}\n\n#abf-page .abf-ingredients .abf-ing{\n background:#183127;\n border-color:rgba(255,255,255,.13);\n box-shadow:0 8px 20px rgba(0,0,0,.08);\n}\n\n#abf-page .abf-ingredients .abf-ing:first-child{\n border-color:#B9DF57;\n}\n\n#abf-page .abf-ingredients .abf-ing .abf-card-copy{\n background:#183127;\n}\n\n#abf-page .abf-expert .abf-two \u003e div:last-child{\n padding:28px 30px;\n border:1px solid #D8E4D7;\n border-radius:20px;\n background:rgba(255,255,255,.82);\n box-shadow:0 8px 22px rgba(16,38,28,.055);\n}\n\n#abf-page .abf-routine-duo{\n border-color:#D6E1D3;\n background:#FFFFFF;\n box-shadow:0 8px 24px rgba(16,38,28,.06);\n}\n\n#abf-page .abf-compare-box{\n background:#FFFFFF;\n box-shadow:0 8px 24px rgba(16,38,28,.05);\n}\n\n#abf-page .abf-koc-card{\n background:#FFFFFF;\n border-color:#DDE5DE;\n box-shadow:0 7px 20px rgba(16,38,28,.055);\n}\n\n#abf-page .abf-doc-card{\n background:#FFFFFF;\n}\n\n#abf-page .abf-faq-list details{\n margin-bottom:10px;\n padding:0 16px;\n border:1px solid #E1E7E2;\n border-radius:14px;\n background:#F9FBF8;\n}\n\n#abf-page .abf-faq-list details:last-child{\n margin-bottom:0;\n}\n\n\n\/* ============================================================\nMOBILE — LARGER SMALL TEXT \/ LABELS\nThe highlighted styles are increased by ~4px.\n============================================================ *\/\n@media(max-width:767px){\n\n \/* EYEBROWS \/ SMALL SECTION LABELS *\/\n #abf-page .abf-eyebrow{\n font-size:21px!important;\n line-height:1.24!important;\n letter-spacing:.75px!important;\n margin-bottom:10px!important;\n }\n\n \/* Keep long labels tidy when they wrap *\/\n #abf-page .abf-center .abf-eyebrow{\n max-width:100%;\n }\n\n \/* GENERAL SUPPORTING COPY *\/\n #abf-page .abf-sub{\n font-size:18px!important;\n line-height:1.55!important;\n }\n\n \/* STORY *\/\n #abf-page .abf-story p{\n font-size:18px!important;\n line-height:1.58!important;\n }\n\n \/* PROBLEM RECOGNITION — highlighted area in screenshot *\/\n #abf-page .abf-problem .abf-card-copy{\n padding:15px 13px 16px!important;\n }\n\n #abf-page .abf-problem .abf-card-copy h3{\n font-size:18px!important;\n line-height:1.18!important;\n }\n\n #abf-page .abf-problem .abf-card-copy p{\n margin-top:7px!important;\n font-size:17px!important;\n line-height:1.48!important;\n }\n\n \/* MECHANISM CAPTION *\/\n #abf-page .abf-mechanism-caption{\n font-size:17px!important;\n line-height:1.4!important;\n }\n\n \/* INGREDIENTS *\/\n #abf-page .abf-ingredients .abf-ing .abf-card-copy{\n padding:15px 13px 16px!important;\n }\n\n #abf-page .abf-ingredients .abf-ing h3{\n font-size:18px!important;\n line-height:1.2!important;\n }\n\n #abf-page .abf-ingredients .abf-ing p{\n margin-top:7px!important;\n font-size:17px!important;\n line-height:1.48!important;\n }\n\n \/* EXPERT TEXT CARD *\/\n #abf-page .abf-expert .abf-two \u003e div:last-child{\n padding:19px 17px!important;\n border-radius:17px;\n }\n\n #abf-page .abf-expert \u003e .abf-wrap \u003e div:last-child \u003e p{\n font-size:18px!important;\n line-height:1.52!important;\n }\n\n #abf-page .abf-expert-checks li strong{\n font-size:18px!important;\n line-height:1.28!important;\n }\n\n #abf-page .abf-expert-checks li span{\n font-size:17px!important;\n line-height:1.42!important;\n }\n\n \/* BODY ZONES *\/\n #abf-page .abf-zone{\n min-height:132px!important;\n padding:15px 10px 14px!important;\n }\n\n #abf-page .abf-zone strong{\n font-size:18px!important;\n line-height:1.15!important;\n }\n\n \/* HOW TO USE *\/\n #abf-page .abf-use-card{\n min-height:132px!important;\n padding:15px 13px!important;\n }\n\n #abf-page .abf-use-card h3{\n font-size:20px!important;\n line-height:1.18!important;\n }\n\n #abf-page .abf-use-card p{\n margin-top:7px!important;\n font-size:17.5px!important;\n line-height:1.45!important;\n }\n\n \/* PERFECT DUO *\/\n #abf-page .abf-routine-duo-copy{\n padding:21px 17px 22px!important;\n }\n\n #abf-page .abf-duo-kicker{\n font-size:18px!important;\n line-height:1.2!important;\n }\n\n #abf-page .abf-routine-duo-step strong{\n font-size:15.5px!important;\n line-height:1.25!important;\n }\n\n #abf-page .abf-routine-duo-step span{\n font-size:16px!important;\n line-height:1.4!important;\n }\n\n #abf-page .abf-routine-offer{\n font-size:16px!important;\n line-height:1.35!important;\n }\n\n \/* COMPARISON *\/\n #abf-page .abf-compare-title{\n min-height:54px!important;\n font-size:16.5px!important;\n line-height:1.16!important;\n }\n\n #abf-page .abf-comp-line{\n min-height:82px!important;\n padding:11px 0!important;\n font-size:16px!important;\n line-height:1.42!important;\n }\n\n \/* KOC *\/\n #abf-page .abf-reviews h2{\n font-size:31px!important;\n }\n\n \/* DOCUMENTATION *\/\n #abf-page .abf-doc-label{\n font-size:15.5px!important;\n line-height:1.35!important;\n }\n\n \/* FAQ *\/\n #abf-page summary{\n font-size:18px!important;\n line-height:1.4!important;\n }\n\n #abf-page details p{\n font-size:17.5px!important;\n line-height:1.55!important;\n }\n\n}\n\n\n\/* SMALL PHONES — keep readable without overflowing *\/\n@media(max-width:380px){\n\n #abf-page .abf-eyebrow{\n font-size:20px!important;\n }\n\n #abf-page .abf-problem .abf-card-copy h3,\n #abf-page .abf-ingredients .abf-ing h3,\n #abf-page .abf-zone strong{\n font-size:17px!important;\n }\n\n #abf-page .abf-problem .abf-card-copy p,\n #abf-page .abf-ingredients .abf-ing p,\n #abf-page .abf-expert-checks li span{\n font-size:16px!important;\n }\n\n #abf-page .abf-comp-line{\n font-size:15px!important;\n }\n\n #abf-page .abf-doc-label{\n font-size:14.5px!important;\n }\n}\n\n\n\/* ============================================================\nFINAL TYPOGRAPHY PASS — +4PX EVERYWHERE EXCEPT MAIN SECTION TITLES\nMain section titles (h2) are intentionally unchanged.\nApplies to desktop and mobile.\n============================================================ *\/\n\n\/* ---------- DESKTOP \/ TABLET ---------- *\/\n\n#abf-page h3{\n font-size:24px;\n}\n\n#abf-page p{\n font-size:20px;\n}\n\n#abf-page .abf-eyebrow{\n font-size:16px;\n}\n\n#abf-page .abf-sub{\n font-size:20px;\n}\n\n#abf-page .abf-btn{\n font-size:19px;\n}\n\n#abf-page .abf-note{\n font-size:16px;\n}\n\n#abf-page .abf-brand-top span{\n font-size:15px;\n}\n\n#abf-page .abf-brand-top small{\n font-size:15px;\n}\n\n#abf-page .abf-brand-card-copy h3{\n font-size:20px;\n}\n\n#abf-page .abf-brand-card-copy p{\n font-size:16.5px;\n}\n\n#abf-page .abf-brand-mini span{\n font-size:13.5px;\n}\n\n#abf-page .abf-brand-transition{\n font-size:16px;\n}\n\n#abf-page .abf-benefit strong{\n font-size:17px;\n}\n\n#abf-page .abf-benefit p{\n font-size:17px;\n}\n\n#abf-page .abf-result-tag{\n font-size:13px;\n}\n\n#abf-page .abf-result-copy h3{\n font-size:20px;\n}\n\n#abf-page .abf-result-copy p{\n font-size:16.5px;\n}\n\n#abf-page .abf-card-copy p{\n font-size:17px;\n}\n\n#abf-page .abf-mechanism-caption{\n font-size:17px;\n}\n\n#abf-page .abf-ing h3{\n font-size:24px;\n}\n\n#abf-page .abf-ing p{\n font-size:17px;\n}\n\n#abf-page .abf-checks li{\n font-size:18px;\n}\n\n#abf-page .abf-expert-checks li strong{\n font-size:17px;\n}\n\n#abf-page .abf-expert-checks li span{\n font-size:16.5px;\n}\n\n#abf-page .abf-zone strong{\n font-size:20px;\n}\n\n#abf-page .abf-zone span{\n font-size:16px;\n}\n\n#abf-page .abf-use-card h3{\n font-size:24px;\n}\n\n#abf-page .abf-use-card p{\n font-size:17px;\n}\n\n#abf-page .abf-duo-kicker{\n font-size:14px;\n}\n\n#abf-page .abf-routine-duo-step strong{\n font-size:15px;\n}\n\n#abf-page .abf-routine-duo-step span{\n font-size:16px;\n}\n\n#abf-page .abf-routine-offer{\n font-size:16px;\n}\n\n#abf-page .abf-compare-title{\n font-size:23px;\n}\n\n#abf-page .abf-comp-line{\n font-size:18px;\n}\n\n#abf-page .abf-docs .abf-sub{\n font-size:18px;\n}\n\n#abf-page .abf-doc-label{\n font-size:15px;\n}\n\n#abf-page summary{\n font-size:20px;\n}\n\n#abf-page details p{\n font-size:18px;\n}\n\n\n\/* ---------- MOBILE ---------- *\/\n\n@media(max-width:767px){\n\n \/* Main section titles H2 stay exactly as before *\/\n\n #abf-page h3{\n font-size:22px!important;\n line-height:1.22!important;\n }\n\n #abf-page p{\n font-size:21.5px!important;\n line-height:1.58!important;\n }\n\n #abf-page .abf-eyebrow{\n font-size:25px!important;\n line-height:1.22!important;\n letter-spacing:.55px!important;\n }\n\n #abf-page .abf-sub{\n font-size:22px!important;\n line-height:1.54!important;\n }\n\n #abf-page .abf-btn{\n font-size:22px!important;\n }\n\n #abf-page .abf-note{\n font-size:19px!important;\n }\n\n \/* BRAND *\/\n #abf-page .abf-brand-top span{\n font-size:20px!important;\n }\n\n #abf-page .abf-brand-card-copy h3{\n font-size:20px!important;\n line-height:1.18!important;\n }\n\n #abf-page .abf-brand-card-copy p{\n font-size:21px!important;\n line-height:1.52!important;\n }\n\n #abf-page .abf-brand-mini span{\n font-size:19px!important;\n min-height:34px!important;\n }\n\n #abf-page .abf-brand-transition{\n font-size:16.5px!important;\n line-height:1.5!important;\n }\n\n \/* WILD BITTER MELON BENEFITS *\/\n #abf-page .abf-benefit strong{\n font-size:19px!important;\n line-height:1.26!important;\n }\n\n #abf-page .abf-benefit p{\n font-size:21px!important;\n line-height:1.5!important;\n }\n\n \/* STORY *\/\n #abf-page .abf-story p{\n font-size:22px!important;\n line-height:1.56!important;\n }\n\n \/* RESULTS *\/\n #abf-page .abf-result-tag{\n font-size:18px!important;\n }\n\n #abf-page .abf-result-copy h3{\n font-size:22px!important;\n line-height:1.2!important;\n }\n\n #abf-page .abf-result-copy p{\n font-size:21.5px!important;\n line-height:1.5!important;\n }\n\n \/* PROBLEM RECOGNITION *\/\n #abf-page .abf-problem .abf-card-copy h3{\n font-size:22px!important;\n line-height:1.16!important;\n }\n\n #abf-page .abf-problem .abf-card-copy p{\n font-size:21px!important;\n line-height:1.45!important;\n }\n\n \/* MECHANISM *\/\n #abf-page .abf-mechanism .abf-sub{\n font-size:19px!important;\n line-height:1.5!important;\n }\n\n #abf-page .abf-mechanism-caption{\n font-size:21px!important;\n line-height:1.36!important;\n }\n\n \/* INGREDIENTS *\/\n #abf-page .abf-ingredients .abf-ing h3{\n font-size:22px!important;\n line-height:1.18!important;\n }\n\n #abf-page .abf-ingredients .abf-ing p{\n font-size:21px!important;\n line-height:1.46!important;\n }\n\n \/* EXPERT *\/\n #abf-page .abf-expert \u003e .abf-wrap \u003e div:last-child \u003e p{\n font-size:22px!important;\n line-height:1.5!important;\n }\n\n #abf-page .abf-expert-checks li strong{\n font-size:22px!important;\n line-height:1.24!important;\n }\n\n #abf-page .abf-expert-checks li span{\n font-size:21px!important;\n line-height:1.4!important;\n }\n\n \/* BODY ZONES *\/\n #abf-page .abf-zone strong{\n font-size:22px!important;\n line-height:1.12!important;\n }\n\n \/* HOW TO USE *\/\n #abf-page .abf-use-card h3{\n font-size:24px!important;\n line-height:1.15!important;\n }\n\n #abf-page .abf-use-card p{\n font-size:21.5px!important;\n line-height:1.42!important;\n }\n\n \/* PERFECT DUO *\/\n #abf-page .abf-duo-kicker{\n font-size:22px!important;\n line-height:1.15!important;\n }\n\n #abf-page .abf-routine-duo-copy \u003e p{\n font-size:20px!important;\n line-height:1.48!important;\n }\n\n #abf-page .abf-routine-duo-step strong{\n font-size:19.5px!important;\n }\n\n #abf-page .abf-routine-duo-step span{\n font-size:20px!important;\n }\n\n #abf-page .abf-routine-offer{\n font-size:20px!important;\n line-height:1.32!important;\n }\n\n \/* COMPARISON *\/\n #abf-page .abf-compare-title{\n font-size:20.5px!important;\n line-height:1.14!important;\n }\n\n #abf-page .abf-comp-line{\n font-size:20px!important;\n line-height:1.4!important;\n }\n\n \/* DOCUMENTATION *\/\n #abf-page .abf-doc-label{\n font-size:19.5px!important;\n line-height:1.32!important;\n }\n\n \/* FAQ *\/\n #abf-page summary{\n font-size:22px!important;\n line-height:1.36!important;\n }\n\n #abf-page details p{\n font-size:21.5px!important;\n line-height:1.5!important;\n }\n\n \/* Let cards grow naturally with the larger copy *\/\n #abf-page .abf-brand-card,\n #abf-page .abf-brand-photo-card,\n #abf-page .abf-benefit,\n #abf-page .abf-result-copy,\n #abf-page .abf-problem,\n #abf-page .abf-ing,\n #abf-page .abf-use-card,\n #abf-page .abf-zone,\n #abf-page .abf-comp-line{\n height:auto!important;\n }\n\n #abf-page .abf-benefit,\n #abf-page .abf-use-card,\n #abf-page .abf-zone{\n min-height:0!important;\n }\n}\n\n\n\/* ---------- SMALL PHONES ---------- *\/\n@media(max-width:380px){\n\n #abf-page .abf-eyebrow{\n font-size:23px!important;\n }\n\n #abf-page p,\n #abf-page .abf-story p,\n #abf-page .abf-result-copy p,\n #abf-page .abf-problem .abf-card-copy p,\n #abf-page .abf-ingredients .abf-ing p,\n #abf-page .abf-use-card p,\n #abf-page details p{\n font-size:20px!important;\n }\n\n #abf-page .abf-brand-card-copy p,\n #abf-page .abf-benefit p,\n #abf-page .abf-expert-checks li span{\n font-size:19.5px!important;\n }\n\n #abf-page .abf-comp-line{\n font-size:18.5px!important;\n }\n\n #abf-page .abf-doc-label{\n font-size:18px!important;\n }\n}\n\n\n\/* ============================================================\nFINAL TYPOGRAPHY TUNE\n- Main section titles: -2px\n- All supporting typography: -1px\n============================================================ *\/\n\n\/* ---------- DESKTOP \/ TABLET ---------- *\/\n\n\/* Main section titles *\/\n#abf-page h2{\n font-size:clamp(28px,3.8vw,50px);\n}\n\n\/* Supporting text *\/\n#abf-page h3{ font-size:23px; }\n#abf-page p{ font-size:19px; }\n#abf-page .abf-eyebrow{ font-size:15px; }\n#abf-page .abf-sub{ font-size:19px; }\n#abf-page .abf-btn{ font-size:18px; }\n#abf-page .abf-note{ font-size:15px; }\n\n#abf-page .abf-brand-top span{ font-size:14px; }\n#abf-page .abf-brand-top small{ font-size:14px; }\n#abf-page .abf-brand-card-copy h3{ font-size:19px; }\n#abf-page .abf-brand-card-copy p{ font-size:15.5px; }\n#abf-page .abf-brand-mini span{ font-size:12.5px; }\n#abf-page .abf-brand-transition{ font-size:15px; }\n\n#abf-page .abf-benefit strong{ font-size:16px; }\n#abf-page .abf-benefit p{ font-size:16px; }\n\n#abf-page .abf-result-tag{ font-size:12px; }\n#abf-page .abf-result-copy h3{ font-size:19px; }\n#abf-page .abf-result-copy p{ font-size:15.5px; }\n\n#abf-page .abf-card-copy p{ font-size:16px; }\n#abf-page .abf-mechanism-caption{ font-size:16px; }\n\n#abf-page .abf-ing h3{ font-size:23px; }\n#abf-page .abf-ing p{ font-size:16px; }\n\n#abf-page .abf-checks li{ font-size:17px; }\n#abf-page .abf-expert-checks li strong{ font-size:16px; }\n#abf-page .abf-expert-checks li span{ font-size:15.5px; }\n\n#abf-page .abf-zone strong{ font-size:19px; }\n#abf-page .abf-zone span{ font-size:15px; }\n\n#abf-page .abf-use-card h3{ font-size:23px; }\n#abf-page .abf-use-card p{ font-size:16px; }\n\n#abf-page .abf-duo-kicker{ font-size:13px; }\n#abf-page .abf-routine-duo-step strong{ font-size:14px; }\n#abf-page .abf-routine-duo-step span{ font-size:15px; }\n#abf-page .abf-routine-offer{ font-size:15px; }\n\n#abf-page .abf-compare-title{ font-size:22px; }\n#abf-page .abf-comp-line{ font-size:17px; }\n\n#abf-page .abf-docs .abf-sub{ font-size:17px; }\n#abf-page .abf-doc-label{ font-size:14px; }\n\n#abf-page summary{ font-size:19px; }\n#abf-page details p{ font-size:17px; }\n\n\n\/* ---------- MOBILE ---------- *\/\n@media(max-width:767px){\n\n \/* Main section titles: -2px from the previous mobile sizing *\/\n #abf-page h2{\n font-size:28px!important;\n line-height:1.03!important;\n }\n\n #abf-page .abf-treatment \u003e .abf-wrap \u003e h2{\n font-size:32px!important;\n }\n\n #abf-page .abf-big-copy h2{\n font-size:27px!important;\n }\n\n \/* Everything else: -1px *\/\n #abf-page h3{\n font-size:21px!important;\n }\n\n #abf-page p{\n font-size:20.5px!important;\n }\n\n #abf-page .abf-eyebrow{\n font-size:24px!important;\n }\n\n #abf-page .abf-sub{\n font-size:21px!important;\n }\n\n #abf-page .abf-btn{\n font-size:21px!important;\n }\n\n #abf-page .abf-note{\n font-size:18px!important;\n }\n\n \/* BRAND *\/\n #abf-page .abf-brand-top span{ font-size:19px!important; }\n #abf-page .abf-brand-card-copy h3{ font-size:19px!important; }\n #abf-page .abf-brand-card-copy p{ font-size:20px!important; }\n #abf-page .abf-brand-mini span{ font-size:18px!important; }\n #abf-page .abf-brand-transition{ font-size:15.5px!important; }\n\n \/* WBM BENEFITS *\/\n #abf-page .abf-benefit strong{ font-size:18px!important; }\n #abf-page .abf-benefit p{ font-size:20px!important; }\n\n \/* STORY *\/\n #abf-page .abf-story p{ font-size:21px!important; }\n\n \/* RESULTS *\/\n #abf-page .abf-result-tag{ font-size:17px!important; }\n #abf-page .abf-result-copy h3{ font-size:21px!important; }\n #abf-page .abf-result-copy p{ font-size:20.5px!important; }\n\n \/* PROBLEM RECOGNITION *\/\n #abf-page .abf-problem .abf-card-copy h3{ font-size:21px!important; }\n #abf-page .abf-problem .abf-card-copy p{ font-size:20px!important; }\n\n \/* MECHANISM *\/\n #abf-page .abf-mechanism .abf-sub{ font-size:18px!important; }\n #abf-page .abf-mechanism-caption{ font-size:20px!important; }\n\n \/* INGREDIENTS *\/\n #abf-page .abf-ingredients .abf-ing h3{ font-size:21px!important; }\n #abf-page .abf-ingredients .abf-ing p{ font-size:20px!important; }\n\n \/* EXPERT *\/\n #abf-page .abf-expert \u003e .abf-wrap \u003e div:last-child \u003e p{ font-size:21px!important; }\n #abf-page .abf-expert-checks li strong{ font-size:21px!important; }\n #abf-page .abf-expert-checks li span{ font-size:20px!important; }\n\n \/* BODY ZONES *\/\n #abf-page .abf-zone strong{ font-size:21px!important; }\n\n \/* HOW TO USE *\/\n #abf-page .abf-use-card h3{ font-size:23px!important; }\n #abf-page .abf-use-card p{ font-size:20.5px!important; }\n\n \/* PERFECT DUO *\/\n #abf-page .abf-duo-kicker{ font-size:21px!important; }\n #abf-page .abf-routine-duo-copy \u003e p{ font-size:19px!important; }\n #abf-page .abf-routine-duo-step strong{ font-size:18.5px!important; }\n #abf-page .abf-routine-duo-step span{ font-size:19px!important; }\n #abf-page .abf-routine-offer{ font-size:19px!important; }\n\n \/* COMPARISON *\/\n #abf-page .abf-compare-title{ font-size:19.5px!important; }\n #abf-page .abf-comp-line{ font-size:19px!important; }\n\n \/* DOCUMENTATION *\/\n #abf-page .abf-doc-label{ font-size:18.5px!important; }\n\n \/* FAQ *\/\n #abf-page summary{ font-size:21px!important; }\n #abf-page details p{ font-size:20.5px!important; }\n}\n\n\n\/* ---------- SMALL PHONES ---------- *\/\n@media(max-width:380px){\n\n #abf-page h2{\n font-size:27px!important;\n }\n\n #abf-page .abf-treatment \u003e .abf-wrap \u003e h2{\n font-size:31px!important;\n }\n\n #abf-page .abf-eyebrow{\n font-size:22px!important;\n }\n\n #abf-page p,\n #abf-page .abf-story p,\n #abf-page .abf-result-copy p,\n #abf-page .abf-problem .abf-card-copy p,\n #abf-page .abf-ingredients .abf-ing p,\n #abf-page .abf-use-card p,\n #abf-page details p{\n font-size:19px!important;\n }\n\n #abf-page .abf-brand-card-copy p,\n #abf-page .abf-benefit p,\n #abf-page .abf-expert-checks li span{\n font-size:18.5px!important;\n }\n\n #abf-page .abf-comp-line{\n font-size:17.5px!important;\n }\n\n #abf-page .abf-doc-label{\n font-size:17px!important;\n }\n}\n\n\n\/* ============================================================\nFINAL MOBILE HEADING TUNE\nParagraph\/body copy stays unchanged.\n- H2: -2px\n- H3: -2px\n- Eyebrow\/section label: -2px\n- More breathing room between lines and label → title\n============================================================ *\/\n\n@media(max-width:767px){\n\n \/* MAIN SECTION TITLES *\/\n #abf-page h2{\n font-size:26px!important;\n line-height:1.08!important;\n letter-spacing:-.75px!important;\n }\n\n \/* Hero \/ treatment title still slightly larger, but reduced *\/\n #abf-page .abf-treatment \u003e .abf-wrap \u003e h2{\n font-size:30px!important;\n line-height:1.07!important;\n }\n\n \/* Wild Bitter Melon section title *\/\n #abf-page .abf-big-copy h2{\n font-size:25px!important;\n line-height:1.08!important;\n }\n\n \/* CARD \/ SUB HEADINGS *\/\n #abf-page h3{\n font-size:19px!important;\n line-height:1.22!important;\n }\n\n \/* SECTION LABELS \/ EYEBROWS *\/\n #abf-page .abf-eyebrow{\n font-size:22px!important;\n line-height:1.24!important;\n letter-spacing:.5px!important;\n margin-bottom:12px!important;\n }\n\n \/* Specific card headings that had larger scoped overrides *\/\n #abf-page .abf-brand-card-copy h3,\n #abf-page .abf-result-copy h3,\n #abf-page .abf-problem .abf-card-copy h3,\n #abf-page .abf-ingredients .abf-ing h3,\n #abf-page .abf-expert-checks li strong,\n #abf-page .abf-zone strong{\n font-size:19px!important;\n line-height:1.22!important;\n }\n\n #abf-page .abf-use-card h3{\n font-size:21px!important;\n line-height:1.2!important;\n }\n\n #abf-page .abf-compare-title{\n font-size:17.5px!important;\n line-height:1.18!important;\n }\n\n #abf-page summary{\n font-size:19px!important;\n line-height:1.4!important;\n }\n\n \/* Slightly more space between heading block and content *\/\n #abf-page .abf-center \u003e h2 + .abf-sub{\n margin-top:16px!important;\n }\n}\n\n@media(max-width:380px){\n\n #abf-page h2{\n font-size:25px!important;\n }\n\n #abf-page .abf-treatment \u003e .abf-wrap \u003e h2{\n font-size:29px!important;\n }\n\n #abf-page .abf-big-copy h2{\n font-size:24px!important;\n }\n\n #abf-page .abf-eyebrow{\n font-size:20px!important;\n }\n\n #abf-page h3,\n #abf-page .abf-brand-card-copy h3,\n #abf-page .abf-result-copy h3,\n #abf-page .abf-problem .abf-card-copy h3,\n #abf-page .abf-ingredients .abf-ing h3,\n #abf-page .abf-expert-checks li strong,\n #abf-page .abf-zone strong{\n font-size:18px!important;\n }\n}\n\n\n\/* ============================================================\nFINAL MOBILE TYPOGRAPHY SYSTEM\nUnified hierarchy across all sections.\nParagraph\/body copy is intentionally left unchanged.\n============================================================ *\/\n@media(max-width:767px){\n\n \/* 1) SECTION TITLES *\/\n #abf-page h2{\n font-size:26px!important;\n line-height:1.10!important;\n letter-spacing:-.7px!important;\n }\n\n \/* Hero \/ first section stays intentionally larger *\/\n #abf-page .abf-treatment \u003e .abf-wrap \u003e h2{\n font-size:30px!important;\n line-height:1.08!important;\n }\n\n \/* Wild Bitter Melon section now matches standard H2 *\/\n #abf-page .abf-big-copy h2{\n font-size:26px!important;\n line-height:1.10!important;\n }\n\n \/* 2) EYEBROW \/ SECTION LABEL *\/\n #abf-page .abf-eyebrow{\n font-size:17px!important;\n line-height:1.28!important;\n letter-spacing:.8px!important;\n margin-bottom:11px!important;\n }\n\n \/* 3) CARD \/ SUB HEADINGS *\/\n #abf-page h3,\n #abf-page .abf-brand-card-copy h3,\n #abf-page .abf-result-copy h3,\n #abf-page .abf-problem .abf-card-copy h3,\n #abf-page .abf-ingredients .abf-ing h3,\n #abf-page .abf-expert-checks li strong,\n #abf-page .abf-zone strong,\n #abf-page .abf-use-card h3,\n #abf-page .abf-compare-title{\n font-size:19px!important;\n line-height:1.22!important;\n }\n\n \/* Keep comparison labels vertically aligned *\/\n #abf-page .abf-compare-title{\n min-height:48px!important;\n display:flex;\n align-items:center;\n justify-content:center;\n }\n\n \/* 4) SMALL TAGS \/ SUPPORT LABELS *\/\n #abf-page .abf-result-tag{\n font-size:15px!important;\n }\n\n #abf-page .abf-brand-mini span{\n font-size:15px!important;\n }\n\n #abf-page .abf-duo-kicker{\n font-size:16px!important;\n }\n\n #abf-page .abf-doc-label{\n font-size:16px!important;\n line-height:1.35!important;\n }\n\n \/* 5) FAQ QUESTION = H3 LEVEL *\/\n #abf-page summary{\n font-size:19px!important;\n line-height:1.4!important;\n }\n\n \/* A little breathing room below heading blocks *\/\n #abf-page .abf-center \u003e h2 + .abf-sub{\n margin-top:15px!important;\n }\n}\n\n\n\/* SMALL PHONES *\/\n@media(max-width:380px){\n\n #abf-page h2{\n font-size:25px!important;\n }\n\n #abf-page .abf-treatment \u003e .abf-wrap \u003e h2{\n font-size:29px!important;\n }\n\n #abf-page .abf-big-copy h2{\n font-size:25px!important;\n }\n\n #abf-page .abf-eyebrow{\n font-size:16px!important;\n }\n\n #abf-page h3,\n #abf-page .abf-brand-card-copy h3,\n #abf-page .abf-result-copy h3,\n #abf-page .abf-problem .abf-card-copy h3,\n #abf-page .abf-ingredients .abf-ing h3,\n #abf-page .abf-expert-checks li strong,\n #abf-page .abf-zone strong,\n #abf-page .abf-use-card h3,\n #abf-page .abf-compare-title,\n #abf-page summary{\n font-size:18px!important;\n }\n}\n\n\u003c\/style\u003e\n\u003cdiv id=\"abf-page\"\u003e\n\u003c!-- ============================================================\n01 — TREATMENT\n============================================================ --\u003e\n\u003csection class=\"abf-treatment abf-center\"\u003e\n\u003cdiv class=\"abf-wrap\"\u003e\n\u003cspan class=\"abf-eyebrow\"\u003e\n DESDE LA MARCA\n \u003c\/span\u003e\n\u003ch2\u003e\n GEL DE DUCHA DE ALTO RENDIMIENTO PARA TRATAR LA FOLICULITIS\n \u003c\/h2\u003e\n\u003cp class=\"abf-sub\"\u003e\n Combate el acné de espalda y la hiperqueratosis con un gel de ducha específico para piel con tendencia a la foliculitis y bultos corporales recurrentes.\n \u003c\/p\u003e\n\u003c!-- =====================================================\n BRAND BACKGROUND\n\n PASTE_BRAND_BACKGROUND_DOCTOR_IMAGE_URL\n\n SIZE:\n 2000×1100 px\n\n VISUAL:\n - American male doctor 55–65\n - older \/ mature \/ salt-and-pepper hair\n - white coat\n - stethoscope around neck\n - LEFT side\n\n OPTION A:\n Doctor points toward before\/after dermatology board.\n\n OPTION B:\n muscular\/fit male model faces away,\n doctor points to back folliculitis area.\n\n BACKGROUND:\n pale green \/ cream \/ clean clinical green.\n\n IMPORTANT:\n Doctor stays LEFT.\n Keep RIGHT side relatively simple because carousel overlays it.\n Doctor from this image should be reused later in Expert Video.\n ===================================================== --\u003e\n\u003cdiv class=\"abf-brand-stage\"\u003e\n\u003cdiv class=\"abf-brand-bg\"\u003e\n\u003cimg loading=\"lazy\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/Shopifi_6.webp?v=1787213309\"\/\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"abf-brand-overlay-zone\"\u003e\n\u003cdiv class=\"abf-brand-viewport\"\u003e\n\u003cbutton class=\"abf-brand-arrow abf-brand-prev\" type=\"button\"\u003e\n ←\n \u003c\/button\u003e\n\u003cdiv class=\"abf-brand-track\"\u003e\n\u003carticle class=\"abf-brand-card is-white\"\u003e\n\u003cdiv class=\"abf-brand-card-media\"\u003e\n\u003cimg loading=\"lazy\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/Man_pointing_at_woman_s_back_202608151401.webp?v=1786777580\"\/\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"abf-brand-card-copy\"\u003e\n\u003ch3\u003e\n SOMOS EXPERTOS EN CUIDADO CORPORAL\n \u003c\/h3\u003e\n\u003cp\u003e\n Entendemos problemas de la piel corporal como el sudor, el exceso de grasa, la fricción y los folículos obstruidos que hacen que los bultos vuelvan una y otra vez.\n \u003c\/p\u003e\n\u003cdiv class=\"abf-brand-mini\"\u003e\n\u003cspan\u003eEspalda\u003c\/span\u003e\n\u003cspan\u003ePecho\u003c\/span\u003e\n\u003cspan\u003eHombros\u003c\/span\u003e\n\u003cspan\u003eMuslos\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/article\u003e\n\u003carticle class=\"abf-brand-card is-green\"\u003e\n\u003cdiv class=\"abf-brand-card-media\"\u003e\n\u003cimg loading=\"lazy\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/Cosmetic_formulation_product_adv__4K_202608151404_1.webp?v=1786778339\"\/\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"abf-brand-card-copy\"\u003e\n\u003ch3\u003e\n CONOCEMOS A FONDO LOS INGREDIENTES\n \u003c\/h3\u003e\n\u003cp\u003e\n El melón amargo silvestre, BHA, aceite de árbol de té y Heartleaf trabajan juntos para exfoliar, purificar y calmar la piel corporal propensa a brotes.\n \u003c\/p\u003e\n\u003cdiv class=\"abf-brand-mini\"\u003e\n\u003cspan\u003eMelón amargo silvestre\u003c\/span\u003e\n\u003cspan\u003eBHA\u003c\/span\u003e\n\u003cspan\u003eÁrbol de té\u003c\/span\u003e\n\u003cspan\u003eHeartleaf\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/article\u003e\n\u003carticle class=\"abf-brand-card is-white\"\u003e\n\u003cdiv class=\"abf-brand-card-media\"\u003e\n\u003cimg loading=\"lazy\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/Clinical_skin_before_and_after_202608151355.webp?v=1786777580\"\/\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"abf-brand-card-copy\"\u003e\n\u003ch3\u003e\n POR QUÉ LA GENTE CONFÍA EN ABERA FOLLICULITIS SHOWER GEL\n \u003c\/h3\u003e\n\u003cp\u003e\n\u003cstrong\u003e92%\u003c\/strong\u003e notó menos bultos en la espalda y signos de foliculitis.\u003cbr\/\u003e\n\u003cstrong\u003e95%\u003c\/strong\u003e notó la piel más suave y con menos enrojecimiento visible en solo unas semanas.\n \u003c\/p\u003e\n\u003cdiv class=\"abf-brand-mini\"\u003e\n\u003cspan\u003eResultados medidos\u003c\/span\u003e\n\u003cspan\u003eCambio visible\u003c\/span\u003e\n\u003cspan\u003ePocas semanas\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/article\u003e\n\u003carticle class=\"abf-brand-card is-green\"\u003e\n\u003cdiv class=\"abf-brand-card-media\"\u003e\n\u003cimg loading=\"lazy\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/Cosmetic_formulation_product_adv__4K_202608151404.webp?v=1786777580\"\/\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"abf-brand-card-copy\"\u003e\n\u003ch3\u003e\n FORMULADO PARA UN TRATAMIENTO CORPORAL ESPECÍFICO\n \u003c\/h3\u003e\n\u003cp\u003e\n Un gel de ducha específico diseñado para bultos corporales recurrentes, textura áspera y piel propensa a la foliculitis.\n \u003c\/p\u003e\n\u003cdiv class=\"abf-brand-mini\"\u003e\n\u003cspan\u003eCuidado específico\u003c\/span\u003e\n\u003cspan\u003eUso diario\u003c\/span\u003e\n\u003cspan\u003eEnfoque corporal\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/article\u003e\n\u003carticle class=\"abf-brand-card is-white\"\u003e\n\u003cdiv class=\"abf-brand-card-media\"\u003e\n\u003cimg loading=\"lazy\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/Cosmetic_formulation_product_adv__4K_2026s08151404.webp?v=1786778556\"\/\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"abf-brand-card-copy\"\u003e\n\u003ch3\u003e\n CON EL PODER DEL MELÓN AMARGO SILVESTRE\n \u003c\/h3\u003e\n\u003cp\u003e\n Un gel de ducha enfocado en el tratamiento que ayuda a limpiar, destapar y mantener la piel corporal con una apariencia más limpia.\n \u003c\/p\u003e\n\u003cdiv class=\"abf-brand-mini\"\u003e\n\u003cspan\u003eLimpiar\u003c\/span\u003e\n\u003cspan\u003eDestapar\u003c\/span\u003e\n\u003cspan\u003ePurificar\u003c\/span\u003e\n\u003cspan\u003eMantener\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/article\u003e\n\u003carticle class=\"abf-brand-photo-card\"\u003e\n\u003cimg alt=\"Hombre sosteniendo ABERA Folliculitis Body Wash\" loading=\"lazy\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/Hinh_1_6c9e8016-b200-49cb-951f-a9c09716aa7d.webp?v=1786777993\"\/\u003e\n\u003c\/article\u003e\n\u003carticle class=\"abf-brand-photo-card\"\u003e\n\u003cimg alt=\"Mujer sosteniendo ABERA Folliculitis Body Wash\" loading=\"lazy\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/Hinh_3_f3fc4c4d-a776-47fe-94f0-f58ba9e80aa4.webp?v=1786777993\"\/\u003e\n\u003c\/article\u003e\n\u003carticle class=\"abf-brand-photo-card\"\u003e\n\u003cimg alt=\"Uso diario de ABERA Folliculitis Body Wash\" loading=\"lazy\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/Hinh_4_15dc276f-d1a6-4cca-a743-75c26493d648.webp?v=1786777993\"\/\u003e\n\u003c\/article\u003e\n\u003c\/div\u003e\n\u003cbutton class=\"abf-brand-arrow abf-brand-next\" type=\"button\"\u003e\n →\n \u003c\/button\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"abf-brand-dots\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- BRAND → TREATMENT TRANSITION --\u003e\n\u003cp class=\"abf-brand-transition\"\u003e\n FOLICULITIS • ACNÉ DE ESPALDA • ACNÉ CORPORAL • PIEL DE FRESA • QUERATOSIS PILARIS\n \u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- ============================================================\n02 — WILD BITTER MELON HERO\n\nIMAGE:\nPASTE_WILD_BITTER_MELON_HERO_IMAGE_URL\n\nSIZE:\n1200×1000 or 1200×1200\n\nFLOW:\nUPLOAD PRODUCT REFERENCE.\n\nVisual:\nABERA bottle + Wild Bitter Melon + green gel.\n============================================================ --\u003e\n\u003csection class=\"abf-section abf-wbm\"\u003e\n\u003cdiv class=\"abf-wrap abf-two\"\u003e\n\u003cdiv class=\"abf-main-img\"\u003e\n\u003cimg loading=\"lazy\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/Body_wash_product_hero_image_202608151436.webp?v=1786779691\"\/\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"abf-big-copy\"\u003e\n\u003cspan class=\"abf-eyebrow\"\u003e\n EL PODER DEL MELÓN AMARGO SILVESTRE\n \u003c\/span\u003e\n\u003ch2\u003e\n POR QUÉ EL MELÓN AMARGO SILVESTRE FUNCIONA CONTRA LA FOLICULITIS\u003cbr\/\u003e\n\u003c\/h2\u003e\n\u003cp\u003e\n El ingrediente estrella de \u003cstrong\u003eABERA Folliculitis Body Wash\u003c\/strong\u003e — ayuda a combatir los folículos obstruidos, la acumulación de hongos y el acné corporal recurrente.\n \u003c\/p\u003e\n\u003cdiv class=\"abf-wbm-benefits\"\u003e\n\u003cdiv class=\"abf-benefit\"\u003e\n\u003cstrong\u003eCOMBATE LA FOLICULITIS\u003c\/strong\u003e\n\u003cp\u003e\n Actúa sobre folículos obstruidos e inflamados.\n \u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"abf-benefit\"\u003e\n\u003cstrong\u003eACCIÓN ANTIFÚNGICA\u003c\/strong\u003e\n\u003cp\u003e\n Ayuda a eliminar la acumulación de hongos.\n \u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"abf-benefit\"\u003e\n\u003cstrong\u003eDESTAPA LOS FOLÍCULOS\u003c\/strong\u003e\n\u003cp\u003e\n Elimina grasa, células muertas y residuos.\n \u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"abf-benefit\"\u003e\n\u003cstrong\u003eAYUDA A PREVENIR LA RECURRENCIA\u003c\/strong\u003e\n\u003cp\u003e\n Ayuda a evitar que los bultos persistentes vuelvan.\n \u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- ============================================================\n03 — WILD BITTER MELON STORY\nCompact history → research → product relevance\n============================================================ --\u003e\n\u003csection class=\"abf-section abf-story\"\u003e\n\u003cdiv class=\"abf-wrap abf-two\"\u003e\n\u003cdiv\u003e\n\u003cspan class=\"abf-eyebrow\"\u003e\n USADO DURANTE GENERACIONES\n \u003c\/span\u003e\n\u003cp\u003e\n El melón amargo (\u003cem\u003eMomordica charantia\u003c\/em\u003e) se ha utilizado durante generaciones en prácticas ayurvédicas y tradicionales asiáticas de bienestar.\n \u003c\/p\u003e\n\u003cp\u003e\n La investigación moderna ha identificado compuestos naturales con actividad antioxidante, antiinflamatoria y antimicrobiana, una de las razones por las que el melón amargo silvestre se convirtió en el botánico distintivo de\n \u003cstrong\u003eABERA Folliculitis Body Wash\u003c\/strong\u003e.\n \u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"abf-main-img\"\u003e\n\u003cimg alt=\"Agricultor sosteniendo melón amargo silvestre\" loading=\"lazy\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/Farmer_holding_bitter_melon_vine_202608151448.webp?v=1786780165\"\/\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- ============================================================\n04 — RESULTS \/ BEFORE \u0026 AFTER PROOF\n\nNEW STRUCTURE:\n- 4 CARDS TOTAL\n- EACH CARD USES ONLY 1 COMPLETE IMAGE FILE\n- YOU DESIGN BEFORE + AFTER INSIDE THAT ONE IMAGE YOURSELF\n- DO NOT UPLOAD BEFORE AND AFTER AS SEPARATE HTML IMAGES\n\nRECOMMENDED IMAGE SIZE FOR ALL 4:\n1080 × 1350 px (4:5)\n\nSUGGESTED INTERNAL IMAGE LAYOUT:\nLEFT = BEFORE\nRIGHT = AFTER\n\nYou can put BEFORE \/ AFTER labels directly inside your designed image.\n============================================================ --\u003e\n\u003csection class=\"abf-section abf-results\"\u003e\n\u003cdiv class=\"abf-wrap\"\u003e\n\u003cdiv class=\"abf-center\"\u003e\n\u003cspan class=\"abf-eyebrow\"\u003e\n TRANSFORMACIÓN VISIBLE\n \u003c\/span\u003e\n\u003ch2\u003e\n RESULTADOS REALES EN SOLO 4 SEMANAS\n \u003c\/h2\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"abf-track abf-grid-4 abf-results-track\" data-carousel=\"\"\u003e\n\u003c!-- ==================================================\n RESULT 01 — BACK ACNE \u0026 FOLLICULITIS\n\n UPLOAD ONE COMPLETE BEFORE\/AFTER IMAGE:\n PASTE_RESULT_BACK_BEFORE_AFTER_URL\n\n Recommended:\n 1080 × 1350 px \/ 4:5\n Same back area shown BEFORE + AFTER inside the single file.\n ================================================== --\u003e\n\u003carticle class=\"abf-result-card\"\u003e\n\u003cdiv class=\"abf-result-image\"\u003e\n\u003cimg alt=\"Antes y después del tratamiento para acné de espalda y foliculitis\" loading=\"lazy\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/1105-20241105034555-lo59z-ezgifcom-gif-to-webp-converter-20260715072644-mtvj3.webp?v=1786781353\"\/\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"abf-result-copy\"\u003e\n\u003cspan class=\"abf-result-tag\"\u003e\n ESPALDA\n \u003c\/span\u003e\n\u003ch3\u003e\n REDUCE EL ACNÉ DE ESPALDA\u003cbr\/\u003e\n Y LA FOLICULITIS\n \u003c\/h3\u003e\n\u003cp\u003e\n Ayuda a reducir visiblemente los bultos foliculares persistentes, el enrojecimiento y la apariencia congestionada de la piel de la espalda.\n \u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/article\u003e\n\u003c!-- ==================================================\n RESULT 02 — CHEST \u0026 SHOULDER BREAKOUTS\n\n UPLOAD ONE COMPLETE BEFORE\/AFTER IMAGE:\n PASTE_RESULT_CHEST_BEFORE_AFTER_URL\n\n Suggested area:\n chest OR shoulder.\n Both BEFORE + AFTER are already designed inside one image.\n ================================================== --\u003e\n\u003carticle class=\"abf-result-card\"\u003e\n\u003cdiv class=\"abf-result-image\"\u003e\n\u003cimg loading=\"lazy\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/11051-20241105040542-fzl01-ezgifcom-gif-to-webp-converter-20260715072557-zu1pq.webp?v=1786781418\"\/\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"abf-result-copy\"\u003e\n\u003cspan class=\"abf-result-tag\"\u003e\n PECHO + HOMBROS\n \u003c\/span\u003e\n\u003ch3\u003e\n REDUCE LOS\u003cbr\/\u003e\n BROTES CORPORALES\n \u003c\/h3\u003e\n\u003cp\u003e\n Actúa sobre folículos obstruidos y ayuda a calmar el enrojecimiento y la apariencia desigual de la piel del pecho y los hombros.\n \u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/article\u003e\n\u003c!-- ==================================================\n RESULT 03 — STRAWBERRY SKIN \u0026 ROUGH TEXTURE\n\n UPLOAD ONE COMPLETE BEFORE\/AFTER IMAGE:\n PASTE_RESULT_TEXTURE_BEFORE_AFTER_URL\n\n Suggested area:\n thigh or upper arm.\n Rough follicular texture → smoother-looking skin.\n ================================================== --\u003e\n\u003carticle class=\"abf-result-card\"\u003e\n\u003cdiv class=\"abf-result-image\"\u003e\n\u003cimg alt=\"Antes y después de piel de fresa y textura corporal áspera\" loading=\"lazy\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/11052-20241105040542-bxwym-ezgifcom-gif-to-webp-converter-20260715072317-as3z-ezgifcom-optiwebp-20260720064022-z_g6c.webp?v=1786781923\"\/\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"abf-result-copy\"\u003e\n\u003cspan class=\"abf-result-tag\"\u003e\n TEXTURA ÁSPERA\n \u003c\/span\u003e\n\u003ch3\u003e\n SUAVIZA LA PIEL DE FRESA\u003cbr\/\u003e\n Y LA TEXTURA ÁSPERA\n \u003c\/h3\u003e\n\u003cp\u003e\n Ayuda a mejorar la apariencia de los folículos obstruidos y a recuperar una piel corporal más suave y uniforme.\n \u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/article\u003e\n\u003c!-- ==================================================\n RESULT 04 — INGROWN HAIRS \u0026 RECURRING BUMPS\n\n UPLOAD ONE COMPLETE BEFORE\/AFTER IMAGE:\n PASTE_RESULT_INGROWN_BEFORE_AFTER_URL\n\n Suggested area:\n thigh, arm or another shaving\/friction-prone body zone.\n ================================================== --\u003e\n\u003carticle class=\"abf-result-card\"\u003e\n\u003cdiv class=\"abf-result-image\"\u003e\n\u003cimg alt=\"Antes y después de vellos encarnados y bultos corporales recurrentes\" loading=\"lazy\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/11054-20241105075910-ws4wj-ezgifcom-gif-to-webp-converter-20260715092652-rwb9c.webp?v=1786782810\"\/\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"abf-result-copy\"\u003e\n\u003cspan class=\"abf-result-tag\"\u003e\n BULTOS RECURRENTES\n \u003c\/span\u003e\n\u003ch3\u003e\n TRATA LOS VELLOS ENCARNADOS\u003cbr\/\u003e\n Y LOS BULTOS RECURRENTES\n \u003c\/h3\u003e\n\u003cp\u003e\n Ayuda a mantener los folículos más despejados y reduce la apariencia de los bultos causados por el afeitado y la fricción.\n \u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/article\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"abf-dots\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- ============================================================\n05 — PROBLEM RECOGNITION\nDesktop: 4 cards in one row\nMobile: 2 × 2 grid — no carousel\n============================================================ --\u003e\n\u003csection class=\"abf-section abf-problems\"\u003e\n\u003cdiv class=\"abf-wrap\"\u003e\n\u003cdiv class=\"abf-center\"\u003e\n\u003cspan class=\"abf-eyebrow\"\u003e\n RECONOCE LAS SEÑALES\n \u003c\/span\u003e\n\u003ch2\u003e\n ¿TU PIEL\u003cbr\/\u003e\n SE VE ASÍ?\n \u003c\/h2\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"abf-track abf-grid-4 abf-problem-track\"\u003e\n\u003carticle class=\"abf-problem\"\u003e\n\u003cimg alt=\"Bultos por foliculitis alrededor de los folículos pilosos\" loading=\"lazy\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/close-up-of-red-folliculitis-papules-on-skin-dr-chris-halescience-photo-library.jpg?v=1786783739\"\/\u003e\n\u003cdiv class=\"abf-card-copy\"\u003e\n\u003ch3\u003eBultos por foliculitis\u003c\/h3\u003e\n\u003cp\u003e\n Bultos rojos e inflamados alrededor de los folículos pilosos.\n \u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/article\u003e\n\u003carticle class=\"abf-problem\"\u003e\n\u003cimg alt=\"Acné de espalda y pecho\" loading=\"lazy\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/Refresh-Medispa-Cosmetic-Conditions-BackAcne.webp?v=1786783738\"\/\u003e\n\u003cdiv class=\"abf-card-copy\"\u003e\n\u003ch3\u003eAcné de espalda y pecho\u003c\/h3\u003e\n\u003cp\u003e\n Brotes provocados por el sudor, la grasa y la fricción.\n \u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/article\u003e\n\u003carticle class=\"abf-problem\"\u003e\n\u003cimg alt=\"Vellos encarnados después del afeitado\" loading=\"lazy\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/how_to_prevent_ingrown_hairs_3454976.webp?v=1786783938\"\/\u003e\n\u003cdiv class=\"abf-card-copy\"\u003e\n\u003ch3\u003eVellos encarnados\u003c\/h3\u003e\n\u003cp\u003e\n Bultos elevados después del afeitado o la fricción.\n \u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/article\u003e\n\u003carticle class=\"abf-problem\"\u003e\n\u003cimg alt=\"Piel de fresa y queratosis pilaris\" loading=\"lazy\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/strawberry.jpg?v=1786783738\"\/\u003e\n\u003cdiv class=\"abf-card-copy\"\u003e\n\u003ch3\u003ePiel de fresa \/ KP\u003c\/h3\u003e\n\u003cp\u003e\n Folículos oscuros y textura áspera e irregular.\n \u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/article\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- ============================================================\n06 — MECHANISM\nAnimation explains the cycle.\nCards below act as a short visual legend.\n============================================================ --\u003e\n\u003csection class=\"abf-section abf-mechanism\"\u003e\n\u003cdiv class=\"abf-wrap\"\u003e\n\u003cdiv class=\"abf-center\"\u003e\n\u003cspan class=\"abf-eyebrow\"\u003e\n ROMPE EL CICLO\n \u003c\/span\u003e\n\u003ch2\u003e\n ¿POR QUÉ LA FOLICULITIS\u003cbr\/\u003e\n SIGUE VOLVIENDO?\n \u003c\/h2\u003e\n\u003cp class=\"abf-sub\"\u003e\n El sudor, la grasa, las células muertas y la acumulación microbiana pueden mantener los folículos atrapados en el mismo ciclo de brotes.\n \u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"abf-mechanism-visual\"\u003e\n\u003cimg alt=\"Animación del ciclo de brotes de foliculitis\" loading=\"lazy\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/logoremover_1786786362466-ezgif.com-video-to-webp-converter.webp?v=1786786671\"\/\u003e\n\u003cdiv class=\"abf-mechanism-caption\"\u003e\n ABERA ACTÚA SOBRE EL FOLÍCULO, NO SOLO SOBRE LA SUCIEDAD SUPERFICIAL.\n \u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- ============================================================\n07 — ACTIVE INGREDIENTS\nCompact formula breakdown\n============================================================ --\u003e\n\u003csection class=\"abf-section abf-ingredients\"\u003e\n\u003cdiv class=\"abf-wrap\"\u003e\n\u003cdiv class=\"abf-center\"\u003e\n\u003cspan class=\"abf-eyebrow\"\u003e\n FÓRMULA ESPECÍFICA\n \u003c\/span\u003e\n\u003ch2\u003e\n 4 ACTIVOS. 4 FUNCIONES.\u003cbr\/\u003e\n UN SOLO GEL DE DUCHA PARA LA FOLICULITIS.\n \u003c\/h2\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"abf-ing-grid\"\u003e\n\u003carticle class=\"abf-ing\"\u003e\n\u003cimg alt=\"Melón amargo silvestre\" loading=\"lazy\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/Wild_bitter_melon_with_gel_202608151652.webp?v=1786787820\"\/\u003e\n\u003cdiv class=\"abf-card-copy\"\u003e\n\u003ch3\u003eMelón amargo silvestre\u003c\/h3\u003e\n\u003cp\u003e\n Botánico estrella para piel propensa a la foliculitis.\n \u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/article\u003e\n\u003carticle class=\"abf-ing\"\u003e\n\u003cimg alt=\"Corteza de sauce blanco, BHA natural\" loading=\"lazy\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/Willow_bark_skincare_ingredient___202608151653.webp?v=1786787820\"\/\u003e\n\u003cdiv class=\"abf-card-copy\"\u003e\n\u003ch3\u003eCorteza de sauce blanco — BHA natural\u003c\/h3\u003e\n\u003cp\u003e\n Exfolia las células muertas y destapa los folículos.\n \u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/article\u003e\n\u003carticle class=\"abf-ing\"\u003e\n\u003cimg alt=\"Aceite de árbol de té\" loading=\"lazy\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/Tea_tree_oil_ingredient_photography_202608151654.webp?v=1786787820\"\/\u003e\n\u003cdiv class=\"abf-card-copy\"\u003e\n\u003ch3\u003eAceite de árbol de té\u003c\/h3\u003e\n\u003cp\u003e\n Combate la acumulación de hongos y bacterias.\n \u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/article\u003e\n\u003carticle class=\"abf-ing\"\u003e\n\u003cimg alt=\"Heartleaf\" loading=\"lazy\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/Heartleaf_skincare_ingredient_ma__4K_202608151655.webp?v=1786787820\"\/\u003e\n\u003cdiv class=\"abf-card-copy\"\u003e\n\u003ch3\u003eHeartleaf\u003c\/h3\u003e\n\u003cp\u003e\n Calma el enrojecimiento, la picazón y la irritación.\n \u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/article\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- ============================================================\n08 — EXPERT VIDEO\nAuthority section — concise expert explanation\n============================================================ --\u003e\n\u003csection class=\"abf-section abf-expert\"\u003e\n\u003cdiv class=\"abf-wrap abf-two\"\u003e\n\u003cdiv class=\"abf-video-box\" id=\"abf-expert-player\"\u003e\n\u003cvideo controlslist=\"nofullscreen nodownload noremoteplayback\" disablepictureinpicture=\"\" id=\"abf-expert-video\" playsinline=\"\" poster=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/Dermatologist_examining_patient_OP.jpg?v=1786776649\" preload=\"metadata\" webkit-playsinline=\"\" x-webkit-airplay=\"deny\"\u003e\n\u003csource src=\"https:\/\/cdn.shopify.com\/videos\/c\/o\/v\/324395522d604d97829970f4eeb1a78e.mp4#t=0.12\" type=\"video\/mp4\"\/\u003e\u003c\/video\u003e\n\u003cbutton aria-label=\"Reproducir video del experto\" class=\"abf-expert-play\" type=\"button\"\u003e\n\u003cspan class=\"abf-expert-play-icon\"\u003e▶\u003c\/span\u003e\n\u003c\/button\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cspan class=\"abf-eyebrow\"\u003e\n EL EXPERTO EXPLICA\n \u003c\/span\u003e\n\u003ch2\u003e\n POR QUÉ UN GEL DE DUCHA COMÚN PUEDE NO SER SUFICIENTE.\n \u003c\/h2\u003e\n\u003cp\u003e\n Un gel de ducha común limpia la superficie. El tratamiento de la foliculitis necesita ir más allá: actuar sobre los folículos obstruidos, el exceso de grasa y la acumulación recurrente.\n \u003c\/p\u003e\n\u003cul class=\"abf-checks abf-expert-checks\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eACTÚA SOBRE FOLÍCULOS OBSTRUIDOS\u003c\/strong\u003e\n\u003cspan\u003eNo solo sobre la suciedad superficial.\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eELIMINA GRASA + CÉLULAS MUERTAS\u003c\/strong\u003e\n\u003cspan\u003eAyuda a mantener más despejadas las aberturas de los folículos.\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eCONTROLA LA ACUMULACIÓN RECURRENTE\u003c\/strong\u003e\n\u003cspan\u003eAyuda a mantener la piel corporal con una apariencia más limpia con el tiempo.\u003c\/span\u003e\n\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- ============================================================\n09 — BODY ZONES\nCompact treatment-area overview\n============================================================ --\u003e\n\u003csection class=\"abf-section abf-zones\"\u003e\n\u003cdiv class=\"abf-wrap\"\u003e\n\u003cdiv class=\"abf-center\"\u003e\n\u003cspan class=\"abf-eyebrow\"\u003e\n CUIDADO CORPORAL ESPECÍFICO\n \u003c\/span\u003e\n\u003ch2\u003e\n ÚSALO DONDE\u003cbr\/\u003e\n APARECEN LOS BULTOS.\n \u003c\/h2\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"abf-zone-track\"\u003e\n\u003cdiv class=\"abf-zone\"\u003e\n\u003cdiv class=\"abf-zone-media\"\u003e\n\u003cimg alt=\"Zona de tratamiento de la espalda\" loading=\"lazy\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/Man_showing_back_skin_4K_202608171104.webp?v=1786940012\"\/\u003e\n\u003c\/div\u003e\n\u003cstrong\u003eESPALDA\u003c\/strong\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"abf-zone\"\u003e\n\u003cdiv class=\"abf-zone-media\"\u003e\n\u003cimg alt=\"Zona de tratamiento del pecho\" loading=\"lazy\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/Man_showing_chest_concern_zone_202608171105.webp?v=1786940012\"\/\u003e\n\u003c\/div\u003e\n\u003cstrong\u003ePECHO\u003c\/strong\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"abf-zone\"\u003e\n\u003cdiv class=\"abf-zone-media\"\u003e\n\u003cimg alt=\"Zona de tratamiento de los hombros\" loading=\"lazy\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/Model_showing_shoulder_skin_cond__202608171105.webp?v=1786940012\"\/\u003e\n\u003c\/div\u003e\n\u003cstrong\u003eHOMBROS\u003c\/strong\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"abf-zone\"\u003e\n\u003cdiv class=\"abf-zone-media\"\u003e\n\u003cimg alt=\"Zona de tratamiento de los glúteos\" loading=\"lazy\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/Model_showing_body_skincare_trea__202608171106.webp?v=1786940012\"\/\u003e\n\u003c\/div\u003e\n\u003cstrong\u003eGLÚTEOS\u003c\/strong\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"abf-zone\"\u003e\n\u003cdiv class=\"abf-zone-media\"\u003e\n\u003cimg alt=\"Zona de tratamiento de los muslos\" loading=\"lazy\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/Model_showing_thigh_skincare_zone_202608171106.webp?v=1786940012\"\/\u003e\n\u003c\/div\u003e\n\u003cstrong\u003eMUSLOS\u003c\/strong\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"abf-zone\"\u003e\n\u003cdiv class=\"abf-zone-media\"\u003e\n\u003cimg alt=\"Zona de tratamiento de los brazos\" loading=\"lazy\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/Man_showing_upper_arms_4K_202608171111.webp?v=1786940013\"\/\u003e\n\u003c\/div\u003e\n\u003cstrong\u003eBRAZOS\u003c\/strong\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- ============================================================\n10 — HOW TO USE + PERFECT DUO\nOne continuous routine section:\nHow to use → stronger follow-up with BHA → bundle offer\n============================================================ --\u003e\n\u003csection class=\"abf-section abf-use abf-routine-combo\"\u003e\n\u003cdiv class=\"abf-wrap\"\u003e\n\u003cdiv class=\"abf-center\"\u003e\n\u003cspan class=\"abf-eyebrow\"\u003e\n RUTINA DIARIA DE TRATAMIENTO\n \u003c\/span\u003e\n\u003ch2\u003e\n 60–120 SEGUNDOS\u003cbr\/\u003e\n EN LA DUCHA.\n \u003c\/h2\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"abf-use-grid\"\u003e\n\u003carticle class=\"abf-use-card\"\u003e\n\u003cdiv class=\"abf-num\"\u003e1\u003c\/div\u003e\n\u003ch3\u003eHumedece la piel\u003c\/h3\u003e\n\u003cp\u003eHumedece completamente las zonas afectadas.\u003c\/p\u003e\n\u003c\/article\u003e\n\u003carticle class=\"abf-use-card\"\u003e\n\u003cdiv class=\"abf-num\"\u003e2\u003c\/div\u003e\n\u003ch3\u003eHaz espuma\u003c\/h3\u003e\n\u003cp\u003eAplica ABERA sobre las zonas problemáticas.\u003c\/p\u003e\n\u003c\/article\u003e\n\u003carticle class=\"abf-use-card\"\u003e\n\u003cdiv class=\"abf-num\"\u003e3\u003c\/div\u003e\n\u003ch3\u003eMasajea\u003c\/h3\u003e\n\u003cp\u003eMasajea durante 60–120 segundos.\u003c\/p\u003e\n\u003c\/article\u003e\n\u003carticle class=\"abf-use-card\"\u003e\n\u003cdiv class=\"abf-num\"\u003e4\u003c\/div\u003e\n\u003ch3\u003eEnjuaga\u003c\/h3\u003e\n\u003cp\u003eEnjuaga bien y úsalo de forma constante.\u003c\/p\u003e\n\u003c\/article\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"abf-routine-duo\"\u003e\n\u003cdiv class=\"abf-routine-duo-media\"\u003e\n\u003cimg alt=\"Dúo perfecto ABERA Folliculitis Shower Gel y BHA Back Acne Spray\" loading=\"lazy\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/Man_applying_shower_foam_4K_202608171711.webp?v=1786961722\"\/\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"abf-routine-duo-copy\"\u003e\n\u003cspan class=\"abf-duo-kicker\"\u003e\n DÚO PERFECTO\n \u003c\/span\u003e\n\u003ch3\u003e\n POTENCIA TU RUTINA CON BHA.\n \u003c\/h3\u003e\n\u003cp\u003e\n Para bultos persistentes en la espalda, el pecho y zonas difíciles de alcanzar, después de la ducha usa ABERA BHA Back Acne Spray como cuidado exfoliante sin enjuague.\n \u003c\/p\u003e\n\u003cdiv class=\"abf-routine-duo-steps\"\u003e\n\u003cdiv class=\"abf-routine-duo-step\"\u003e\n\u003cstrong\u003eGEL DE DUCHA\u003c\/strong\u003e\n\u003cspan\u003eLimpia + Destapa\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"abf-routine-duo-step\"\u003e\n\u003cstrong\u003eSPRAY BHA\u003c\/strong\u003e\n\u003cspan\u003eExfolia + Trata\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"abf-routine-offer\"\u003e\n COMPRA 2 GELES DE DUCHA → RECIBE GRATIS 1 SPRAY BHA\n \u003c\/div\u003e\n\u003ca class=\"abf-btn abf-buy-btn\" href=\"#\"\u003e\n OBTÉN EL DÚO PERFECTO →\n \u003c\/a\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- ============================================================\n11 — PRODUCT COMPARISON\nCompact two-column comparison\n============================================================ --\u003e\n\u003csection class=\"abf-section abf-compare\"\u003e\n\u003cdiv class=\"abf-wrap\"\u003e\n\u003cdiv class=\"abf-center\"\u003e\n\u003cspan class=\"abf-eyebrow\"\u003ePOR QUÉ ABERA\u003c\/span\u003e\n\u003ch2\u003eGEL DE DUCHA COMÚN\u003cbr\/\u003eNO FUE CREADO PARA ESTO.\u003c\/h2\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"abf-compare-box\"\u003e\n\u003cdiv class=\"abf-compare-col is-regular\"\u003e\n\u003ch3 class=\"abf-compare-title\"\u003e\n GEL DE DUCHA COMÚN\n \u003c\/h3\u003e\n\u003cdiv class=\"abf-compare-product\"\u003e\n\u003cimg alt=\"Gel de ducha común\" loading=\"lazy\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/sua-tam-ko-nhan-20250211041614-3hpo4-20260715090117-odxcy.webp?v=1786938441\"\/\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"abf-comp-line\"\u003e\n\u003cspan class=\"abf-comp-icon is-no\"\u003e×\u003c\/span\u003e\n\u003cspan class=\"abf-comp-text\"\u003eSolo limpieza superficial\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"abf-comp-line\"\u003e\n\u003cspan class=\"abf-comp-icon is-no\"\u003e×\u003c\/span\u003e\n\u003cspan class=\"abf-comp-text\"\u003eSin cuidado específico de los folículos\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"abf-comp-line\"\u003e\n\u003cspan class=\"abf-comp-icon is-no\"\u003e×\u003c\/span\u003e\n\u003cspan class=\"abf-comp-text\"\u003eSin exfoliación con BHA\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"abf-comp-line\"\u003e\n\u003cspan class=\"abf-comp-icon is-no\"\u003e×\u003c\/span\u003e\n\u003cspan class=\"abf-comp-text\"\u003eSin cuidado específico para la acumulación\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"abf-comp-line\"\u003e\n\u003cspan class=\"abf-comp-icon is-no\"\u003e×\u003c\/span\u003e\n\u003cspan class=\"abf-comp-text\"\u003eLos bultos pueden volver\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"abf-compare-col is-abera\"\u003e\n\u003ch3 class=\"abf-compare-title\"\u003e\n ABERA FOLLICULITIS\u003cbr\/\u003e\n GEL DE DUCHA\n \u003c\/h3\u003e\n\u003cdiv class=\"abf-compare-product\"\u003e\n\u003cimg alt=\"ABERA Folliculitis Shower Gel\" loading=\"lazy\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/1_1_bba2e09e-d787-4148-9c9d-c3b8a7672a98.webp?v=1786938523\"\/\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"abf-comp-line\"\u003e\n\u003cspan class=\"abf-comp-icon is-yes\"\u003e✓\u003c\/span\u003e\n\u003cspan class=\"abf-comp-text\"\u003eActúa sobre piel propensa a la foliculitis\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"abf-comp-line\"\u003e\n\u003cspan class=\"abf-comp-icon is-yes\"\u003e✓\u003c\/span\u003e\n\u003cspan class=\"abf-comp-text\"\u003eLimpia profundamente los folículos obstruidos\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"abf-comp-line\"\u003e\n\u003cspan class=\"abf-comp-icon is-yes\"\u003e✓\u003c\/span\u003e\n\u003cspan class=\"abf-comp-text\"\u003eExfoliación con BHA\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"abf-comp-line\"\u003e\n\u003cspan class=\"abf-comp-icon is-yes\"\u003e✓\u003c\/span\u003e\n\u003cspan class=\"abf-comp-text\"\u003eCombate la acumulación de hongos\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"abf-comp-line\"\u003e\n\u003cspan class=\"abf-comp-icon is-yes\"\u003e✓\u003c\/span\u003e\n\u003cspan class=\"abf-comp-text\"\u003eAyuda a prevenir la recurrencia\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- ============================================================\n12 — REAL CUSTOMER \/ KOC VIDEOS\n\nUPLOAD 9 VERTICAL MP4 VIDEOS:\nPASTE_KOC_VIDEO_01_URL\nPASTE_KOC_VIDEO_02_URL\nPASTE_KOC_VIDEO_03_URL\nPASTE_KOC_VIDEO_04_URL\nPASTE_KOC_VIDEO_05_URL\nPASTE_KOC_VIDEO_06_URL\nPASTE_KOC_VIDEO_07_URL\nPASTE_KOC_VIDEO_08_URL\nPASTE_KOC_VIDEO_09_URL\n\nRECOMMENDED:\n- 9:16 vertical video\n- MP4 \/ H.264\n- no review text underneath\n- only one video plays at a time\n============================================================ --\u003e\n\u003csection class=\"abf-section abf-reviews\"\u003e\n\u003cdiv class=\"abf-wrap\"\u003e\n\u003cdiv class=\"abf-center\"\u003e\n\u003ch2\u003e\n CLIENTES REALES\n \u003c\/h2\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"abf-koc-shell\"\u003e\n\u003cbutton aria-label=\"Videos anteriores de clientes\" class=\"abf-koc-arrow abf-koc-prev\" type=\"button\"\u003e\n ←\n \u003c\/button\u003e\n\u003cdiv class=\"abf-koc-track\"\u003e\n\u003carticle class=\"abf-koc-card\"\u003e\n\u003cvideo class=\"abf-koc-video\" controls=\"\" playsinline=\"\" preload=\"metadata\"\u003e\n\u003csource src=\"https:\/\/cdn.shopify.com\/videos\/c\/o\/v\/2aa65a66e666432091d284f00c0b170f.mp4#t=0.12\" type=\"video\/mp4\"\/\u003e\u003c\/video\u003e\n\u003c\/article\u003e\n\u003carticle class=\"abf-koc-card\"\u003e\n\u003cvideo class=\"abf-koc-video\" controls=\"\" playsinline=\"\" preload=\"metadata\"\u003e\n\u003csource src=\"https:\/\/cdn.shopify.com\/videos\/c\/o\/v\/90a537e801f24e4aab87cf505a367d40.mp4#t=0.12\" type=\"video\/mp4\"\/\u003e\u003c\/video\u003e\n\u003c\/article\u003e\n\u003carticle class=\"abf-koc-card\"\u003e\n\u003cvideo class=\"abf-koc-video\" controls=\"\" playsinline=\"\" preload=\"metadata\"\u003e\n\u003csource src=\"https:\/\/cdn.shopify.com\/videos\/c\/o\/v\/c5c4d7284fe1465e982a0b0366d1acfe.mp4#t=0.12\" type=\"video\/mp4\"\/\u003e\u003c\/video\u003e\n\u003c\/article\u003e\n\u003carticle class=\"abf-koc-card\"\u003e\n\u003cvideo class=\"abf-koc-video\" controls=\"\" playsinline=\"\" preload=\"metadata\"\u003e\n\u003csource src=\"https:\/\/cdn.shopify.com\/videos\/c\/o\/v\/a09d92962f8f43d39d5f7c0340ee2769.mp4#t=0.12\" type=\"video\/mp4\"\/\u003e\u003c\/video\u003e\n\u003c\/article\u003e\n\u003carticle class=\"abf-koc-card\"\u003e\n\u003cvideo class=\"abf-koc-video\" controls=\"\" playsinline=\"\" preload=\"metadata\"\u003e\n\u003csource src=\"https:\/\/cdn.shopify.com\/videos\/c\/o\/v\/7fe2094e761647b7ac83640b54b0be90.mp4#t=0.12\" type=\"video\/mp4\"\/\u003e\u003c\/video\u003e\n\u003c\/article\u003e\n\u003carticle class=\"abf-koc-card\"\u003e\n\u003cvideo class=\"abf-koc-video\" controls=\"\" playsinline=\"\" preload=\"metadata\"\u003e\n\u003csource src=\"https:\/\/cdn.shopify.com\/videos\/c\/o\/v\/a52a7093e2d343c7ac5b826e0f4e3987.mp4#t=0.12\" type=\"video\/mp4\"\/\u003e\u003c\/video\u003e\n\u003c\/article\u003e\n\u003carticle class=\"abf-koc-card\"\u003e\n\u003cvideo class=\"abf-koc-video\" controls=\"\" playsinline=\"\" preload=\"metadata\"\u003e\n\u003csource src=\"https:\/\/cdn.shopify.com\/videos\/c\/o\/v\/71cf5584adb442e79072e6d2f4a6c0b4.mp4#t=0.12\" type=\"video\/mp4\"\/\u003e\u003c\/video\u003e\n\u003c\/article\u003e\n\u003carticle class=\"abf-koc-card\"\u003e\n\u003cvideo class=\"abf-koc-video\" controls=\"\" playsinline=\"\" preload=\"metadata\"\u003e\n\u003csource src=\"https:\/\/cdn.shopify.com\/videos\/c\/o\/v\/0f8f29778ed64156981de087147bf688.mp4#t=0.12\" type=\"video\/mp4\"\/\u003e\u003c\/video\u003e\n\u003c\/article\u003e\n\u003carticle class=\"abf-koc-card\"\u003e\n\u003cvideo class=\"abf-koc-video\" controls=\"\" playsinline=\"\" preload=\"metadata\"\u003e\n\u003csource src=\"https:\/\/cdn.shopify.com\/videos\/c\/o\/v\/57ab10aa60d94663ac2ee96f392445e1.mp4#t=0.12\" type=\"video\/mp4\"\/\u003e\u003c\/video\u003e\n\u003c\/article\u003e\n\u003c\/div\u003e\n\u003cbutton aria-label=\"Siguientes videos de clientes\" class=\"abf-koc-arrow abf-koc-next\" type=\"button\"\u003e\n →\n \u003c\/button\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"abf-koc-dots\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- ============================================================\n12B — QUALITY \u0026 SAFETY DOCUMENTATION\n\nCompact 2-column documentation section.\nPlaced directly after the KOC video carousel.\nStatic document cards — no click \/ no full-view link.\n\nDOCUMENT 01:\nhttps:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/FDA.jpg?v=1786441226\n\nDOCUMENT 02:\nhttps:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/FDA_2.jpg?v=1786441227\n============================================================ --\u003e\n\u003csection class=\"abf-docs\"\u003e\n\u003cdiv class=\"abf-wrap\"\u003e\n\u003cdiv class=\"abf-center\"\u003e\n\u003cspan class=\"abf-eyebrow\"\u003e\n DOCUMENTACIÓN DE CALIDAD\n \u003c\/span\u003e\n\u003ch2\u003e\n CALIDAD DOCUMENTADA.\n \u003c\/h2\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"abf-doc-grid\"\u003e\n\u003cdiv class=\"abf-doc-card\"\u003e\n\u003cdiv class=\"abf-doc-image\"\u003e\n\u003cimg alt=\"Documentación de producto y seguridad de ABERA\" loading=\"lazy\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/FDA.jpg?v=1786441226\"\/\u003e\n\u003c\/div\u003e\n\u003cspan class=\"abf-doc-label\"\u003e\n PRODUCTO Y SEGURIDAD\n \u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"abf-doc-card\"\u003e\n\u003cdiv class=\"abf-doc-image\"\u003e\n\u003cimg alt=\"Documentación de fabricación y calidad de ABERA\" loading=\"lazy\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/FDA_2.jpg?v=1786441227\"\/\u003e\n\u003c\/div\u003e\n\u003cspan class=\"abf-doc-label\"\u003e\n FABRICACIÓN Y CALIDAD\n \u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- ============================================================\n13 — FINAL CTA\n============================================================ --\u003e\n\u003csection class=\"abf-section abf-final abf-center\"\u003e\n\u003cdiv class=\"abf-wrap\"\u003e\n\u003cspan class=\"abf-eyebrow\"\u003e\n COMIENZA TU TRATAMIENTO\n \u003c\/span\u003e\n\u003ch2\u003e\n TRATA LA FOLICULITIS.\u003cbr\/\u003e\n ROMPE EL CICLO DE RECURRENCIA.\n \u003c\/h2\u003e\n\u003cp class=\"abf-sub\"\u003e\n Combate la foliculitis, los brotes corporales por hongos, el acné de espalda, los vellos encarnados y los bultos recurrentes con un tratamiento a base de melón amargo silvestre.\n \u003c\/p\u003e\n\u003ca class=\"abf-btn abf-buy-btn\" href=\"#\"\u003e\n COMPRA EL TRATAMIENTO ABERA PARA LA FOLICULITIS →\n \u003c\/a\u003e\n\u003cdiv class=\"abf-note\"\u003e\n Garantía de devolución de 30 días • Envío rápido en EE. UU. • Pago seguro\n \u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- ============================================================\n14 — FAQ\n============================================================ --\u003e\n\u003csection class=\"abf-section abf-faq\"\u003e\n\u003cdiv class=\"abf-wrap\"\u003e\n\u003cdiv class=\"abf-center\"\u003e\n\u003cspan class=\"abf-eyebrow\"\u003e\n PREGUNTAS FRECUENTES SOBRE FOLICULITIS\n \u003c\/span\u003e\n\u003ch2\u003e\n ¿PREGUNTAS?\u003cbr\/\u003e\n EMPIEZA AQUÍ.\n \u003c\/h2\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"abf-faq-list\"\u003e\n\u003cdetails\u003e\n\u003csummary\u003e\n ¿Para qué sirve ABERA Folliculitis Treatment Body Wash?\n \u003c\/summary\u003e\n\u003cp\u003e\n ABERA está diseñado para tratar la foliculitis, los bultos corporales recurrentes, el acné de espalda y pecho, los brotes corporales por hongos, los vellos encarnados, la piel de fresa y la textura folicular áspera.\n \u003c\/p\u003e\n\u003c\/details\u003e\n\u003cdetails\u003e\n\u003csummary\u003e\n ¿Cómo ayuda el melón amargo silvestre con la foliculitis?\n \u003c\/summary\u003e\n\u003cp\u003e\n El melón amargo silvestre es el botánico distintivo del sistema de tratamiento ABERA. Actúa junto con BHA, aceite de árbol de té y Heartleaf sobre los folículos congestionados y propensos a problemas.\n \u003c\/p\u003e\n\u003c\/details\u003e\n\u003cdetails\u003e\n\u003csummary\u003e\n ¿Puedo usarlo para la foliculitis de espalda y pecho?\n \u003c\/summary\u003e\n\u003cp\u003e\n Sí. Está diseñado para zonas comúnmente afectadas, como la espalda, el pecho, los hombros, los brazos, los muslos y los glúteos.\n \u003c\/p\u003e\n\u003c\/details\u003e\n\u003cdetails\u003e\n\u003csummary\u003e\n ¿Trata la foliculitis por hongos?\n \u003c\/summary\u003e\n\u003cp\u003e\n El sistema de tratamiento combina melón amargo silvestre y aceite de árbol de té para combatir la acumulación de hongos, mientras que el BHA ayuda a eliminar la grasa y las células muertas atrapadas alrededor de los folículos.\n \u003c\/p\u003e\n\u003c\/details\u003e\n\u003cdetails\u003e\n\u003csummary\u003e\n ¿Puede ayudar a prevenir que la foliculitis vuelva?\n \u003c\/summary\u003e\n\u003cp\u003e\n El uso constante ayuda a mantener los folículos más limpios, eliminar la acumulación recurrente y conservar un entorno cutáneo más limpio para ayudar a prevenir la recurrencia.\n \u003c\/p\u003e\n\u003c\/details\u003e\n\u003cdetails\u003e\n\u003csummary\u003e\n ¿Con qué frecuencia debo usar ABERA Folliculitis Body Wash?\n \u003c\/summary\u003e\n\u003cp\u003e\n Úsalo de forma constante como parte de tu rutina de ducha. Masajea las zonas problemáticas durante aproximadamente 60–120 segundos antes de enjuagar bien.\n \u003c\/p\u003e\n\u003c\/details\u003e\n\u003cdetails\u003e\n\u003csummary\u003e\n ¿Puedo usarlo después de hacer ejercicio?\n \u003c\/summary\u003e\n\u003cp\u003e\n Sí. Es especialmente útil después de sudar porque ayuda a eliminar el sudor, el exceso de grasa y la acumulación de las zonas propensas a la foliculitis.\n \u003c\/p\u003e\n\u003c\/details\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e\n\u003cscript\u003e\n(function(){\n\n const root = document.getElementById('abf-page');\n if(!root) return;\n\n\n \/* =========================================================\n STANDARD MOBILE CAROUSELS\n ========================================================= *\/\n\n function setupStandardCarousels(){\n\n const tracks = root.querySelectorAll('[data-carousel]');\n\n tracks.forEach(function(track){\n\n let dotsBox = track.nextElementSibling;\n\n if(\n !dotsBox ||\n !dotsBox.classList.contains('abf-dots')\n ){\n dotsBox = track.parentElement.querySelector('.abf-dots');\n }\n\n if(!dotsBox) return;\n\n const slides = Array.from(track.children);\n\n dotsBox.innerHTML = '';\n\n slides.forEach(function(slide,index){\n\n const dot = document.createElement('button');\n\n dot.className =\n 'abf-dot' +\n (index === 0 ? ' active' : '');\n\n dot.setAttribute(\n 'aria-label',\n 'Ir a la diapositiva ' + (index + 1)\n );\n\n dot.addEventListener('click',function(){\n\n slide.scrollIntoView({\n behavior:'smooth',\n block:'nearest',\n inline:'center'\n });\n\n });\n\n dotsBox.appendChild(dot);\n\n });\n\n\n function updateDots(){\n\n if(window.innerWidth \u003e 767) return;\n\n const trackRect = track.getBoundingClientRect();\n\n const center =\n trackRect.left +\n trackRect.width \/ 2;\n\n let closestIndex = 0;\n let closestDistance = Infinity;\n\n slides.forEach(function(slide,index){\n\n const rect = slide.getBoundingClientRect();\n\n const slideCenter =\n rect.left +\n rect.width \/ 2;\n\n const distance =\n Math.abs(slideCenter - center);\n\n if(distance \u003c closestDistance){\n\n closestDistance = distance;\n closestIndex = index;\n\n }\n\n });\n\n dotsBox\n .querySelectorAll('.abf-dot')\n .forEach(function(dot,index){\n\n dot.classList.toggle(\n 'active',\n index === closestIndex\n );\n\n });\n\n }\n\n\n let ticking = false;\n\n track.addEventListener(\n 'scroll',\n function(){\n\n if(!ticking){\n\n requestAnimationFrame(function(){\n\n updateDots();\n\n ticking = false;\n\n });\n\n ticking = true;\n\n }\n\n },\n {passive:true}\n );\n\n updateDots();\n\n });\n\n }\n\n setupStandardCarousels();\n\n\n \/* =========================================================\n BRAND CAROUSEL\n Includes normal cards + lifestyle photo cards\n ========================================================= *\/\n\n const brandTrack =\n root.querySelector('.abf-brand-track');\n\n if(brandTrack){\n\n const brandSlides =\n Array.from(\n brandTrack.children\n );\n\n const prev =\n root.querySelector('.abf-brand-prev');\n\n const next =\n root.querySelector('.abf-brand-next');\n\n const dotsBox =\n root.querySelector('.abf-brand-dots');\n\n if(\n brandSlides.length \u0026\u0026\n dotsBox\n ){\n\n dotsBox.innerHTML = '';\n\n brandSlides.forEach(function(slide,index){\n\n const dot =\n document.createElement('button');\n\n dot.className =\n 'abf-brand-dot' +\n (index === 0 ? ' active' : '');\n\n dot.setAttribute(\n 'aria-label',\n 'Ir a la diapositiva de marca ' +\n (index + 1)\n );\n\n dot.addEventListener(\n 'click',\n function(){\n\n slide.scrollIntoView({\n behavior:'smooth',\n block:'nearest',\n inline:'start'\n });\n\n }\n );\n\n dotsBox.appendChild(dot);\n\n });\n\n\n function getBrandIndex(){\n\n const trackRect =\n brandTrack.getBoundingClientRect();\n\n const start =\n trackRect.left;\n\n let closest = 0;\n let distance = Infinity;\n\n brandSlides.forEach(\n function(slide,index){\n\n const rect =\n slide.getBoundingClientRect();\n\n const currentDistance =\n Math.abs(\n rect.left -\n start\n );\n\n if(\n currentDistance \u003c\n distance\n ){\n\n distance =\n currentDistance;\n\n closest =\n index;\n\n }\n\n }\n );\n\n return closest;\n\n }\n\n\n function updateBrandDots(){\n\n const current =\n getBrandIndex();\n\n dotsBox\n .querySelectorAll('.abf-brand-dot')\n .forEach(\n function(dot,index){\n\n dot.classList.toggle(\n 'active',\n index === current\n );\n\n }\n );\n\n }\n\n\n function moveBrand(direction){\n\n let current =\n getBrandIndex();\n\n current += direction;\n\n if(current \u003c 0){\n current =\n brandSlides.length - 1;\n }\n\n if(\n current \u003e=\n brandSlides.length\n ){\n current = 0;\n }\n\n brandSlides[current]\n .scrollIntoView({\n\n behavior:'smooth',\n block:'nearest',\n inline:'start'\n\n });\n\n }\n\n\n if(prev){\n\n prev.addEventListener(\n 'click',\n function(){\n moveBrand(-1);\n }\n );\n\n }\n\n\n if(next){\n\n next.addEventListener(\n 'click',\n function(){\n moveBrand(1);\n }\n );\n\n }\n\n\n let brandTicking = false;\n\n brandTrack.addEventListener(\n 'scroll',\n function(){\n\n if(!brandTicking){\n\n requestAnimationFrame(\n function(){\n\n updateBrandDots();\n\n brandTicking = false;\n\n }\n );\n\n brandTicking = true;\n\n }\n\n },\n {passive:true}\n );\n\n updateBrandDots();\n\n }\n\n }\n\n\n\n \/* =========================================================\n KOC VIDEO CAROUSEL\n 9 vertical videos \/ only one plays at a time\n ========================================================= *\/\n\n const kocTrack = root.querySelector('.abf-koc-track');\n\n if(kocTrack){\n\n const kocCards = Array.from(\n kocTrack.querySelectorAll('.abf-koc-card')\n );\n\n const kocVideos = Array.from(\n kocTrack.querySelectorAll('.abf-koc-video')\n );\n\n const kocPrev =\n root.querySelector('.abf-koc-prev');\n\n const kocNext =\n root.querySelector('.abf-koc-next');\n\n const kocDotsBox =\n root.querySelector('.abf-koc-dots');\n\n\n \/* Prime a real video frame as the thumbnail.\n Videos stay paused; only a tiny range is requested when near viewport. *\/\n\n function primeKocThumbnail(video){\n\n if(video.dataset.abfThumbPrimed === '1') return;\n video.dataset.abfThumbPrimed = '1';\n\n function seekToPreviewFrame(){\n\n try{\n if(video.duration \u0026\u0026 isFinite(video.duration)){\n video.currentTime = Math.min(0.12, Math.max(0.04, video.duration * 0.01));\n }else{\n video.currentTime = 0.12;\n }\n }catch(e){}\n\n }\n\n if(video.readyState \u003e= 1){\n seekToPreviewFrame();\n }else{\n video.addEventListener('loadedmetadata',seekToPreviewFrame,{once:true});\n video.load();\n }\n\n }\n\n\n if('IntersectionObserver' in window){\n\n const kocThumbObserver = new IntersectionObserver(\n function(entries){\n\n entries.forEach(function(entry){\n\n if(entry.isIntersecting){\n primeKocThumbnail(entry.target);\n kocThumbObserver.unobserve(entry.target);\n }\n\n });\n\n },\n {rootMargin:'350px 0px'}\n );\n\n kocVideos.forEach(function(video){\n kocThumbObserver.observe(video);\n });\n\n }else{\n\n kocVideos.forEach(primeKocThumbnail);\n\n }\n\n\n \/* Only one video can play at a time *\/\n\n kocVideos.forEach(function(video){\n\n video.addEventListener('play',function(){\n\n kocVideos.forEach(function(other){\n\n if(other !== video){\n other.pause();\n }\n\n });\n\n });\n\n });\n\n\n \/* Dots *\/\n\n if(kocDotsBox \u0026\u0026 kocCards.length){\n\n kocDotsBox.innerHTML = '';\n\n kocCards.forEach(function(card,index){\n\n const dot =\n document.createElement('button');\n\n dot.className =\n 'abf-koc-dot' +\n (index === 0 ? ' active' : '');\n\n dot.setAttribute(\n 'aria-label',\n 'Ir al video de cliente ' + (index + 1)\n );\n\n dot.addEventListener(\n 'click',\n function(){\n\n card.scrollIntoView({\n behavior:'smooth',\n block:'nearest',\n inline:'start'\n });\n\n }\n );\n\n kocDotsBox.appendChild(dot);\n\n });\n\n\n function getKocIndex(){\n\n const trackRect =\n kocTrack.getBoundingClientRect();\n\n const start =\n trackRect.left;\n\n let closest = 0;\n let distance = Infinity;\n\n kocCards.forEach(function(card,index){\n\n const rect =\n card.getBoundingClientRect();\n\n const current =\n Math.abs(rect.left - start);\n\n if(current \u003c distance){\n\n distance = current;\n closest = index;\n\n }\n\n });\n\n return closest;\n\n }\n\n\n function updateKocDots(){\n\n const current =\n getKocIndex();\n\n kocDotsBox\n .querySelectorAll('.abf-koc-dot')\n .forEach(function(dot,index){\n\n dot.classList.toggle(\n 'active',\n index === current\n );\n\n });\n\n }\n\n\n function moveKoc(direction){\n\n let current =\n getKocIndex();\n\n current += direction;\n\n if(current \u003c 0){\n current = kocCards.length - 1;\n }\n\n if(current \u003e= kocCards.length){\n current = 0;\n }\n\n kocCards[current]\n .scrollIntoView({\n behavior:'smooth',\n block:'nearest',\n inline:'start'\n });\n\n }\n\n\n if(kocPrev){\n\n kocPrev.addEventListener(\n 'click',\n function(){\n moveKoc(-1);\n }\n );\n\n }\n\n\n if(kocNext){\n\n kocNext.addEventListener(\n 'click',\n function(){\n moveKoc(1);\n }\n );\n\n }\n\n\n let kocTicking = false;\n\n kocTrack.addEventListener(\n 'scroll',\n function(){\n\n if(!kocTicking){\n\n requestAnimationFrame(function(){\n\n updateKocDots();\n kocTicking = false;\n\n });\n\n kocTicking = true;\n\n }\n\n },\n {passive:true}\n );\n\n\n updateKocDots();\n\n }\n\n }\n\n\n\n \/* =========================================================\n EXPERT VIDEO — INLINE PLAY \/ PAUSE\n Doctor video only. KOC players are untouched.\n ========================================================= *\/\n\n const expertPlayer =\n root.querySelector('#abf-expert-player');\n\n const expertVideo =\n root.querySelector('#abf-expert-video');\n\n const expertPlayButton =\n expertPlayer\n ? expertPlayer.querySelector('.abf-expert-play')\n : null;\n\n if(expertPlayer \u0026\u0026 expertVideo \u0026\u0026 expertPlayButton){\n\n function playExpertVideo(){\n\n expertVideo.play()\n .then(function(){\n expertPlayer.classList.add('is-playing');\n })\n .catch(function(){\n expertPlayer.classList.remove('is-playing');\n });\n\n }\n\n function pauseExpertVideo(){\n expertVideo.pause();\n expertPlayer.classList.remove('is-playing');\n }\n\n expertPlayButton.addEventListener('click',function(event){\n event.preventDefault();\n event.stopPropagation();\n playExpertVideo();\n });\n\n expertVideo.addEventListener('click',function(){\n if(expertVideo.paused){\n playExpertVideo();\n }else{\n pauseExpertVideo();\n }\n });\n\n expertVideo.addEventListener('play',function(){\n expertPlayer.classList.add('is-playing');\n });\n\n expertVideo.addEventListener('pause',function(){\n expertPlayer.classList.remove('is-playing');\n });\n\n expertVideo.addEventListener('ended',function(){\n expertPlayer.classList.remove('is-playing');\n try{\n expertVideo.currentTime = 0;\n }catch(e){}\n });\n\n }\n\n \/* =========================================================\n CTA SCROLL TO SHOPIFY PRODUCT FORM\n ========================================================= *\/\n\n const buyButtons =\n root.querySelectorAll(\n '.abf-buy-btn'\n );\n\n buyButtons.forEach(function(button){\n\n button.addEventListener(\n 'click',\n function(event){\n\n event.preventDefault();\n\n const possibleTargets = [\n\n document.querySelector('.product-form'),\n\n document.querySelector('.product__info-container'),\n\n document.querySelector('[id^=\"ProductInfo-\"]'),\n\n document.querySelector('product-info'),\n\n document.querySelector('form[action*=\"\/cart\/add\"]')\n\n ];\n\n const target =\n possibleTargets.find(Boolean);\n\n if(target){\n\n target.scrollIntoView({\n behavior:'smooth',\n block:'center'\n });\n\n }else{\n\n window.scrollTo({\n top:0,\n behavior:'smooth'\n });\n\n }\n\n }\n );\n\n });\n\n})();\n\u003c\/script\u003e","brand":"Abera","offers":[{"title":"1 CAJA (-30%)","offer_id":53838772011376,"sku":"CB-GTABERA087+SL1","price":34.95,"currency_code":"USD","in_stock":true},{"title":"COMPRA 2, LLÉVATE 1 GRATIS: SPRAY PARA EL ACNE DEL ESPALDO CON BHA (-45%)","offer_id":54017347846512,"sku":"CB-GTABERA087+SL2-CB-BHA059+SL1","price":64.95,"currency_code":"USD","in_stock":true},{"title":"3 CAJAS + GRATIS (1 SPRAY BHA \u0026 1 Sérum Rodillo para Ojos) (Ahorra 50%)","offer_id":54017347879280,"sku":"CB-GTABERA087+SL3-CB-BHA059+SL1-CB-BONGMATUSA061+SL1","price":89.95,"currency_code":"USD","in_stock":true},{"title":"1 Gel de ducha + Champú de pomelo y sérum de crecimiento capilar (Ahorra 45%)","offer_id":54364028567920,"sku":"CB-GTABERA087+SL1-CB-DGBUOI081+SL1-CB-SRBUOI080+SL1","price":68.45,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/Abera_Folliculitis_Shower_Gel.webp?v=1789574833"},{"product_id":"abera-renewing-saffron-serum","title":"ABERA Sérum Renovador de Azafrán, Tratamiento para el Melasma Facial","description":"\u003cul class=\"a-unordered-list a-vertical a-spacing-mini\"\u003e\n\n\u003cli class=\"a-spacing-mini\"\u003e\u003cspan class=\"a-list-item\"\u003ePotente suero para el melasma: Formulado para reducir el melasma, la decoloración y las manchas oscuras inducidas por el sol, este suero de alto rendimiento ayuda a lograr un cutis de aspecto más uniforme utilizando vitamina C, algas Chlorella y extracto de madera de Sappan.\u003c\/span\u003e\u003c\/li\u003e\n\n\u003cli class=\"a-spacing-mini\"\u003e\u003cspan class=\"a-list-item\"\u003eRenovación de la piel con extracto de azafrán Super Negin de primera calidad: Infundido con azafrán Super Negin y algas marinas, este suero ayuda a reforzar la estructura de la piel, apoyar la producción de colágeno y promover una claridad visible del tono utilizando la avanzada tecnología de entrega de exosomas.\u003c\/span\u003e\u003c\/li\u003e\n\n\u003cli class=\"a-spacing-mini\"\u003e\u003cspan class=\"a-list-item\"\u003eComplejo antienvejecimiento con ácido hialurónico: Una mezcla de ácido hialurónico, castaño de indias y extracto de raíz de regaliz reduce visiblemente las líneas finas y las arrugas mientras apoya la elasticidad y la hidratación duradera.\u003c\/span\u003e\u003c\/li\u003e\n\n\u003cli class=\"a-spacing-mini\"\u003e\u003cspan class=\"a-list-item\"\u003eCalmante y seguro para pieles sensibles: Lo suficientemente suave para el uso diario, esta fórmula no irritante calma y apoya la piel sensible o propensa al enrojecimiento con glicerina, extracto de alfalfa y activos que respetan la barrera, sin efectos agresivos.\u003c\/span\u003e\u003c\/li\u003e\n\n\u003cli class=\"a-spacing-mini\"\u003e\u003cspan class=\"a-list-item\"\u003eHidratación + aumento de la firmeza: Impulsado por algas marinas y humectantes avanzados, este suero proporciona una hidratación profunda y ayuda a refinar la textura para una piel más suave, firme y resistente con el tiempo.\u003c\/span\u003e\u003c\/li\u003e\n\n\n\u003c\/ul\u003e","brand":"Abera","offers":[{"title":"1 CAJA","offer_id":54099141689712,"sku":"CB-ABERA056+SL1","price":23.95,"currency_code":"USD","in_stock":true},{"title":"2 CAJAS AHORRAN 20%","offer_id":54099141722480,"sku":"CB-ABERA056+SL2","price":38.35,"currency_code":"USD","in_stock":true},{"title":"3 CAJAS AHORRAN 25%","offer_id":54099141755248,"sku":"CB-ABERA056+SL3","price":53.95,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/Screenshot2026-05-27091328.png?v=1779848165"},{"product_id":"abera-dark-lip-corrector-cream","title":"ABERA Crema Correctora de Labios Oscuros","description":"\u003cul class=\"a-unordered-list a-vertical a-spacing-mini\"\u003e\n\n\u003cli class=\"a-spacing-mini\"\u003e\u003cspan class=\"a-list-item\"\u003eRESTAURAR - Un enfoque natural con aceite de girasol y manteca de karité ayuda a restaurar la piel a su estado normal.\u003c\/span\u003e\u003c\/li\u003e\n\n\u003cli class=\"a-spacing-mini\"\u003e\u003cspan class=\"a-list-item\"\u003eJUNTO CON VITAMINAS C Y E - Formulado con ingredientes naturales para ayudar a mantener la humedad de los labios durante todo el día - con solo 2 aplicaciones al día.\u003c\/span\u003e\u003c\/li\u003e\n\n\u003cli class=\"a-spacing-mini\"\u003e\u003cspan class=\"a-list-item\"\u003eEXTRACTO DE HIERBA ESTRELLA AFRICANA Y ACEITE DE PALMA – El exfoliante labial añade esencia de aloe vera, que puede hidratar la piel de los labios, prevenir la sequedad, mantener los labios húmedos y evitar la sequedad, descamación y otros fenómenos en los labios. Estos extractos naturales trabajan juntos para proporcionar una nutrición profunda e hidratación para tus labios.\u003c\/span\u003e\u003c\/li\u003e\n\n\u003cli class=\"a-spacing-mini\"\u003e\u003cspan class=\"a-list-item\"\u003eLOGRA LABIOS SUAVES Y NUTRIDOS: Disfruta de labios suaves y llenos con nuestro exfoliante labial, diseñado para dejar tu piel sedosa y naturalmente radiante durante todo el año.\u003c\/span\u003e\u003c\/li\u003e\n\n\u003cli class=\"a-spacing-mini\"\u003e\n\n\u003cspan class=\"a-list-item\"\u003eNUNCA MÁS TE SIENTAS INSEGURA: Con una piel perfectamente suave, ya no tendrás que preocuparte por lo que piensen los demás sobre tus labios oscuros. Regalo perfecto para el cuidado de la piel para cumpleaños, Día de San Valentín, Galentine's, despedidas de soltera, cuidado personal y obsequios.\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/Hinh12400x1800-ezgif.com-jpg-to-webp-converter.webp?v=1784360442\" alt=\"\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/Hinh22400x1800-ezgif.com-jpg-to-webp-converter.webp?v=1784360442\" alt=\"\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/Hinh31800x1350-ezgif.com-jpg-to-webp-converter.webp?v=1784360442\" alt=\"\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/Hinh41800x1350-ezgif.com-jpg-to-webp-converter.webp?v=1784360442\" alt=\"\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/Hinh51800x1350-ezgif.com-jpg-to-webp-converter.webp?v=1784360442\" alt=\"\"\u003e\u003c\/span\u003e\u003cspan class=\"a-list-item\"\u003e\u003c\/span\u003e\u003cspan class=\"a-list-item\"\u003e\u003c\/span\u003e\n\n\u003c\/li\u003e\n\n\n\u003c\/ul\u003e","brand":"Abera","offers":[{"title":"1 CAJA","offer_id":54030141358448,"sku":"CB-ADARKLIP082+SL1","price":17.95,"currency_code":"USD","in_stock":true},{"title":"COMPRE 2 Ahorre 25%","offer_id":54030141391216,"sku":"CB-ADARKLIP082+SL2","price":32.95,"currency_code":"USD","in_stock":true},{"title":"Compra 3 y ahorra 30%","offer_id":54030141423984,"sku":"CB-ADARKLIP082+SL3-CB-TMCF099+SL1","price":45.95,"currency_code":"USD","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/DarkLip_Listing_01-ezgif.com-jpg-to-webp-converter.webp?v=1784170818"},{"product_id":"abera-eye-roller-serum-for-men","title":"ABERA Suero con Aplicador Roll-on para Ojos para Hombres y Mujeres","description":"\u003cp\u003e\u003cspan data-sheets-root=\"1\"\u003eEl ABERA Eye Roller Serum para hombres y mujeres es un suero ocular refrescante de acción rápida diseñado para reducir visiblemente la apariencia de ojos hinchados, ojeras, bolsas debajo de los ojos, sequedad y piel con aspecto cansado. Impulsado por Cafeína, Péptidos, Esencia de Menta y productos botánicos cultivados en el sudeste asiático, la fórmula ligera hidrata, refresca y suaviza el área debajo de los ojos sin dejar sensación grasosa.\u003cbr\u003e\u003cbr\u003eEl aplicador de rodillo de titanio refrescante se desliza suavemente sobre la piel, brindando una aplicación dirigida mientras proporciona un masaje refrescante instantáneo. Ideal para las rutinas matutinas, después del trabajo, después del gimnasio o en cualquier momento en que los ojos cansados necesiten un impulso rápido.\u003cbr\u003e\u003cbr\u003e\u003cstrong\u003e¿Por qué elegir ABERA?\u003c\/strong\u003e\u003cbr\u003e- Rodillo de titanio refrescante\u003cbr\u003e- Ataca bolsas, hinchazón y ojeras\u003cbr\u003e- Fórmula ligera de rápida absorción\u003cbr\u003e- Sin aplicación con los dedos que ensucie\u003cbr\u003e- Rutina rápida de cuidado ocular diario\u003c\/span\u003e\u003cspan data-sheets-root=\"1\"\u003e\u003c\/span\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cspan data-sheets-root=\"1\"\u003e\u003cstrong\u003eSÉRUM ROLL-ON PARA OJOS HINCHADOS Y OJERAS:\u003c\/strong\u003e Potente sérum para la zona debajo de los ojos, diseñado para hombres, que reduce visiblemente la hinchazón, las ojeras, las bolsas, la sequedad y la piel con aspecto cansado. Ayuda a que la zona de los ojos luzca más fresca, luminosa, suave y energizada.\u003cbr\u003e\u003cbr\u003e\u003cstrong\u003eFÓRMULA CON CAFEÍNA, PÉPTIDOS Y ESENCIA DE MENTA:\u003c\/strong\u003e Este sérum ocular refrescante para ojeras e hinchazón combina cafeína para atacar la hinchazón visible y las bolsas debajo de los ojos, péptidos para favorecer una piel de aspecto más firme y suave, y esencia de menta para una sensación de frescura y vitalidad instantánea.\u003cbr\u003e\u003cbr\u003eAPLICADOR DE RODILLO DE TITANIO REFRESCANTE: El rodillo ocular de titanio premium proporciona un masaje refrescante instantáneo al tiempo que ayuda a distribuir el suero de manera uniforme por la zona debajo de los ojos. El suave rodillo de metal ayuda a deshinchar los ojos con aspecto cansado sin tirar, frotar o aplicar con los dedos de forma desordenada.\u003cbr\u003e\u003cbr\u003e\u003cstrong\u003eCUIDADO BOTÁNICO CULTIVADO EN EL SUDESTE ASIÁTICO:\u003c\/strong\u003e Elaborado con productos botánicos cuidadosamente seleccionados cultivados en el clima cálido y húmedo del sudeste asiático. La fórmula proporciona una hidratación refrescante y un cuidado rico en antioxidantes para ayudar a proteger la delicada zona debajo de los ojos de la sequedad y el aspecto cansado y apagado.\u003cbr\u003e\u003cbr\u003e\u003cstrong\u003eTRATAMIENTO RÁPIDO Y LIGERO PARA BOLSAS EN LOS OJOS PARA HOMBRES Y MUJERES:\u003c\/strong\u003e Compacto, no graso y fácil de usar en casa o fuera. Aplique este rodillo ocular refrescante para hombres y mujeres por la mañana, después del trabajo, después del gimnasio o antes de salir para una apariencia visiblemente fresca y descansada.\u003c\/span\u003e\u003c\/p\u003e","brand":"Abera","offers":[{"title":"1 BOX","offer_id":54030401601904,"sku":"CB-BONGMATUSA061+SL1","price":24.95,"currency_code":"USD","in_stock":true},{"title":"1 Eye Roller + 1 Eye Essence + GIFT 5 Eye Masks","offer_id":54030401634672,"sku":"CB-BONGMATUSA061+SL1-CB-BAKUCHIOL094+SL1-CB-CBMASK05+SL1","price":40.95,"currency_code":"USD","in_stock":true},{"title":"1 Eye Roller + 1 Face Wash + GIFT 5 Eye Mask","offer_id":54048582041968,"sku":"CB-BONGMATUSA061+SL1-CB-RNABERA089+SL1-CB-CBMASK05+SL1","price":39.95,"currency_code":"USD","in_stock":true},{"title":"2 Eye Rollers + GIFT 10 Eye Masks","offer_id":54048588726640,"sku":"CB-BONGMATUSA061+SL2-CB-CBMATNA039+SL1","price":39.95,"currency_code":"USD","in_stock":true},{"title":"Best Value Bundle ⭐","offer_id":54048592068976,"sku":"CB-BONGMATUSA061+SL2-CB-CBMATNA039+SL1-CB-RNABERA089+SL1-CB-BAKUCHIOL094+SL1","price":52.95,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/ABERA_Eye_Roller_Serum.webp?v=1784349421"},{"product_id":"abera-ginb-eyebrow-growth-serum","title":"ABERA Ginb Sérum para el crecimiento de cejas para mujeres y hombres","description":"\u003cul class=\"a-unordered-list a-vertical a-spacing-mini\"\u003e\n\n\u003cli class=\"a-spacing-mini\"\u003e\u003cspan class=\"a-list-item\"\u003e\u003cstrong\u003eINGREDIENTES CLAVE PARA EL ACEITE DE CRECIMIENTO DE CEJAS Y BARBA DESIGUALES Y CON CALVAS PARA HOMBRES Y MUJERES:\u003c\/strong\u003e Este suero está formulado con ingredientes hidratantes, nutritivos y fortalecedores como extracto de Panax ginseng, biotina y extracto de flor de Chamomilla Recutita\u003c\/span\u003e\u003c\/li\u003e\n\n\u003cli class=\"a-spacing-mini\"\u003e\u003cspan class=\"a-list-item\"\u003e\u003cstrong\u003eBIOTINA:\u003c\/strong\u003e Suplementada con nutrientes para ayudar a oscurecer y engrosar las cejas y la barba\u003c\/span\u003e\u003c\/li\u003e\n\n\u003cli class=\"a-spacing-mini\"\u003e\u003cspan class=\"a-list-item\"\u003e\u003cstrong\u003eACETIL TETRAPÉPTIDO-3:\u003c\/strong\u003e Ayuda a favorecer un crecimiento más rápido y seguro de cejas y barba\u003c\/span\u003e\u003c\/li\u003e\n\n\u003cli class=\"a-spacing-mini\"\u003e\u003cspan class=\"a-list-item\"\u003e\u003cstrong\u003eSUAVE Y SEGURO PARA TODO TIPO DE PIEL:\u003c\/strong\u003e Disfruta de una experiencia segura y sin irritaciones con una fórmula suave adecuada para todo tipo de piel. Deja crecer tus cejas sin molestias, ya sea que tu piel sea seca, grasa o sensible\u003c\/span\u003e\u003c\/li\u003e\n\n\u003cli class=\"a-spacing-mini\"\u003e\u003cspan class=\"a-list-item\"\u003e\u003cstrong\u003eFÁCIL APLICACIÓN:\u003c\/strong\u003e Diseñado para un uso sin complicaciones, el aplicador de precisión garantiza una aplicación específica, ahorrándote tiempo y brindando resultados de calidad de salón en casa\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/Hinh11800x1350-ezgif.com-png-to-webp-converter.webp?v=1786070670\" alt=\"\" width=\"1800\" height=\"1350\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/Hinh21800x1350-ezgif.com-png-to-webp-converter.webp?v=1786070670\" alt=\"\" width=\"1800\" height=\"1350\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/Hinh51800x1350-ezgif.com-png-to-webp-converter.webp?v=1786070670\" alt=\"\" width=\"1800\" height=\"1350\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/Hinh61800x1350-ezgif.com-png-to-webp-converter.webp?v=1786070670\" alt=\"\" width=\"1800\" height=\"1350\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/Hinh81800x1350-ezgif.com-png-to-webp-converter.webp?v=1786070670\" alt=\"\" width=\"1800\" height=\"1350\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/Hinh91800x1350-ezgif.com-png-to-webp-converter.webp?v=1786070670\" alt=\"\" width=\"1800\" height=\"1350\"\u003e\u003c\/span\u003e\u003c\/li\u003e\n\n\n\u003c\/ul\u003e","brand":"Abera","offers":[{"title":"1 CAJA","offer_id":54030407172464,"sku":"CB-GINB058+SL1","price":17.95,"currency_code":"USD","in_stock":true},{"title":"COMPRA 2 AHORRA 25%","offer_id":54045877567856,"sku":"CB-GINB058+SL2","price":32.95,"currency_code":"USD","in_stock":true},{"title":"COMPRE 3 AHORRE 30% + REGALO","offer_id":54045877600624,"sku":"CB-GINB058+SL3-CB-USCOMI040+SL1","price":47.35,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/Hinh1-ezgif.com-jpg-to-webp-converter.webp?v=1784170779"},{"product_id":"abera-langbian-ginseng","title":"ABERA Champú Anticaída y Anticaspa de Ginseng","description":"\u003cstyle\u003e\n\/* =========================================================\n ABERA LANGBIAN GINSENG SHAMPOO\n DESCRIPCIÓN COMPLETA DEL PRODUCTO\n MOBILE-FIRST — LEGIBILIDAD MEJORADA\n========================================================= *\/\n\nhtml{\n scroll-behavior:smooth;\n}\n\n.abera{\n max-width:1180px;\n margin:0 auto;\n font-family:Arial,Helvetica,sans-serif;\n color:#182018;\n line-height:1.6;\n font-size:16px;\n}\n\n.abera *{\n box-sizing:border-box;\n}\n\n.abera-sec{\n padding:58px 26px;\n}\n\n.abera-center{\n text-align:center;\n}\n\n.abera-soft{\n background:#f4f6ef;\n}\n\n.abera-dark{\n background:#141b15;\n color:#fff;\n}\n\n.abera-eye{\n display:inline-block;\n margin-bottom:11px;\n color:#698330;\n font-size:12px;\n line-height:1.4;\n font-weight:900;\n letter-spacing:1.25px;\n text-transform:uppercase;\n}\n\n.abera-title{\n max-width:820px;\n margin:0 auto 15px;\n color:#111a12;\n font-size:40px;\n line-height:1.1;\n font-weight:800;\n letter-spacing:-.8px;\n}\n\n.abera-sub{\n max-width:750px;\n margin:0 auto;\n color:#5f675f;\n font-size:17px;\n line-height:1.65;\n}\n\n.abera-dark .abera-title{\n color:#fff;\n}\n\n.abera-dark .abera-sub{\n color:#d8e0d4;\n}\n\n.abera-dark .abera-eye{\n color:#bfd96d;\n}\n\n\n\/* =========================================================\n HERO\n========================================================= *\/\n\n.abera-hero{\n overflow:hidden;\n border-radius:24px;\n background:linear-gradient(\n 135deg,\n #0b110c 0%,\n #172218 55%,\n #526c2e 100%\n );\n color:#fff;\n}\n\n.abera-hero-in{\n display:grid;\n grid-template-columns:1.05fr .95fr;\n gap:42px;\n align-items:center;\n padding:66px 50px;\n}\n\n.abera-hero h2{\n margin:0 0 18px;\n color:#fff;\n font-size:49px;\n line-height:1.03;\n font-weight:800;\n letter-spacing:-1.3px;\n}\n\n.abera-hero p{\n margin:0 0 23px;\n color:#e5ebdf;\n font-size:18px;\n line-height:1.65;\n}\n\n.abera-points{\n display:grid;\n gap:11px;\n}\n\n.abera-point{\n display:flex;\n gap:10px;\n align-items:flex-start;\n font-size:15px;\n line-height:1.5;\n font-weight:700;\n}\n\n.abera-check{\n width:23px;\n height:23px;\n min-width:23px;\n display:flex;\n align-items:center;\n justify-content:center;\n border-radius:50%;\n background:#aacb50;\n color:#111;\n font-size:13px;\n font-weight:900;\n}\n\n\n\/* =========================================================\n PLACEHOLDERS\n========================================================= *\/\n\n.abera-ph{\n min-height:350px;\n display:flex;\n align-items:center;\n justify-content:center;\n padding:24px;\n border:2px dashed #a8b49c;\n border-radius:19px;\n background:#eaf0e2;\n color:#63705e;\n text-align:center;\n font-size:13px;\n line-height:1.65;\n font-weight:700;\n}\n\n.abera-ph-dark{\n background:#222d23;\n border-color:#53634c;\n color:#ccd8c4;\n}\n\n\n\/* =========================================================\n PAIN CARDS\n========================================================= *\/\n\n.abera-pains{\n display:grid;\n grid-template-columns:repeat(4,1fr);\n gap:14px;\n margin-top:34px;\n}\n\n.abera-pain{\n overflow:hidden;\n border:1px solid #dce3d6;\n border-radius:18px;\n background:#fff;\n text-align:left;\n}\n\n.abera-pain-img{\n height:195px;\n display:flex;\n align-items:center;\n justify-content:center;\n padding:17px;\n background:#e9eedf;\n color:#667262;\n text-align:center;\n font-size:12px;\n line-height:1.6;\n font-weight:800;\n}\n\n.abera-pain-copy{\n padding:18px;\n}\n\n.abera-tag{\n display:inline-block;\n margin-bottom:10px;\n padding:6px 10px;\n border-radius:999px;\n background:#ebf0e3;\n color:#68812e;\n font-size:10.5px;\n line-height:1.3;\n font-weight:900;\n letter-spacing:.55px;\n}\n\n.abera-pain h3{\n margin:0 0 8px;\n font-size:20px;\n line-height:1.25;\n}\n\n.abera-pain p{\n margin:0;\n color:#5e675e;\n font-size:14px;\n line-height:1.6;\n}\n\n\n\/* =========================================================\n SPLIT\n========================================================= *\/\n\n.abera-split{\n display:grid;\n grid-template-columns:1fr 1fr;\n gap:46px;\n align-items:center;\n}\n\n.abera-copy h2{\n margin:0 0 15px;\n font-size:37px;\n line-height:1.1;\n}\n\n.abera-copy p{\n margin:0 0 14px;\n font-size:16px;\n line-height:1.65;\n}\n\n.abera-dark .abera-copy p{\n color:#dce3d7;\n}\n\n.abera-highlight{\n margin-top:20px;\n padding:18px 19px;\n border-left:4px solid #a2c04e;\n background:rgba(160,190,77,.10);\n border-radius:0 12px 12px 0;\n font-size:15px;\n line-height:1.6;\n}\n\n.abera-highlight strong{\n display:block;\n margin-bottom:5px;\n}\n\n\n\/* =========================================================\n VIDEO\n========================================================= *\/\n\n.abera-video{\n max-width:900px;\n margin:31px auto 0;\n overflow:hidden;\n border-radius:20px;\n background:#101610;\n}\n\n.abera-video-ph{\n min-height:390px;\n display:flex;\n align-items:center;\n justify-content:center;\n padding:28px;\n background:linear-gradient(135deg,#202920,#101610);\n color:#dce5d7;\n text-align:center;\n font-size:14px;\n line-height:1.6;\n font-weight:700;\n}\n\n.abera-play{\n width:62px;\n height:62px;\n display:flex;\n align-items:center;\n justify-content:center;\n margin:0 auto 15px;\n border-radius:50%;\n background:#aacb50;\n color:#111;\n font-size:22px;\n}\n\n.abera-video-frame{\n position:relative;\n width:100%;\n padding-bottom:56.25%;\n}\n\n.abera-video-frame iframe,\n.abera-video-frame video{\n position:absolute;\n inset:0;\n width:100%;\n height:100%;\n border:0;\n object-fit:cover;\n}\n\n\n\n\n\/* =========================================================\n INLINE VIDEO — NO FULLSCREEN \/ TAP TO PLAY\n========================================================= *\/\n\n.abera-inline-video{\n cursor:pointer;\n -webkit-tap-highlight-color:transparent;\n}\n\n.abera-inline-play{\n position:absolute;\n left:50%;\n top:50%;\n z-index:5;\n\n width:58px;\n height:58px;\n\n display:flex;\n align-items:center;\n justify-content:center;\n\n padding:0;\n border:0;\n border-radius:999px;\n\n background:rgba(170,203,80,.96);\n color:#111;\n\n font-size:22px;\n line-height:1;\n font-weight:900;\n\n transform:translate(-50%,-50%);\n cursor:pointer;\n\n box-shadow:0 8px 24px rgba(0,0,0,.20);\n transition:opacity .2s ease, transform .2s ease;\n}\n\n.abera-inline-play:hover{\n transform:translate(-50%,-50%) scale(1.05);\n}\n\n.abera-inline-video-wrap.is-playing .abera-inline-play{\n opacity:0;\n pointer-events:none;\n}\n\n\/* =========================================================\n SCALP SCIENCE EXPLAINER — BALANCED VERSION\n========================================================= *\/\n\n.abera-science-wrap{\n max-width:1160px;\n margin:0 auto;\n}\n\n.abera-science-main{\n display:grid;\n grid-template-columns:minmax(0,1.15fr) minmax(340px,.85fr);\n gap:18px;\n align-items:stretch;\n margin-top:24px;\n}\n\n.abera-science-copy{\n display:flex;\n flex-direction:column;\n padding:22px 20px;\n border:1px solid #dfe5d8;\n border-radius:20px;\n background:#fff;\n text-align:left;\n box-shadow:0 8px 24px rgba(22,45,28,.04);\n}\n\n.abera-science-points{\n display:grid;\n grid-template-columns:repeat(2,minmax(0,1fr));\n gap:10px;\n}\n\n.abera-science-point{\n padding:15px 14px 14px;\n border:1px solid #dfe5d8;\n border-radius:14px;\n background:#fbfcfa;\n}\n\n.abera-science-no{\n display:block;\n margin-bottom:5px;\n color:#6d8b35;\n font-size:10px;\n line-height:1.3;\n font-weight:900;\n letter-spacing:.65px;\n text-transform:uppercase;\n}\n\n.abera-science-point h4{\n margin:0 0 5px;\n color:#102010;\n font-size:18px;\n line-height:1.22;\n}\n\n.abera-science-point p{\n margin:0;\n color:#606860;\n font-size:13px;\n line-height:1.5;\n}\n\n.abera-science-bridge{\n margin-top:10px;\n padding:14px 15px;\n border-radius:14px;\n background:#172117;\n color:#fff;\n}\n\n.abera-science-bridge strong{\n display:block;\n margin-bottom:4px;\n color:#fff;\n font-size:15px;\n line-height:1.4;\n}\n\n.abera-science-bridge p{\n margin:0;\n color:#d7dfd3;\n font-size:13px;\n line-height:1.55;\n}\n\n.abera-science-video{\n display:flex;\n flex-direction:column;\n overflow:hidden;\n border:1px solid #dfe5d8;\n border-radius:20px;\n background:#fff;\n box-shadow:0 8px 24px rgba(22,45,28,.04);\n}\n\n.abera-science-video-frame{\n position:relative;\n width:100%;\n flex:1;\n min-height:500px;\n overflow:hidden;\n background:#e9efe3;\n}\n\n.abera-science-video-frame video{\n position:absolute;\n inset:0;\n display:block;\n width:100%;\n height:100%;\n object-fit:cover;\n object-position:center;\n background:#000;\n}\n\n.abera-science-video-copy{\n padding:13px 14px 15px;\n text-align:left;\n}\n\n.abera-science-video-copy strong{\n display:block;\n margin-bottom:4px;\n color:#102010;\n font-size:15px;\n line-height:1.35;\n}\n\n.abera-science-video-copy p{\n margin:0;\n color:#606860;\n font-size:12.5px;\n line-height:1.5;\n}\n\n\/* =========================================================\n FOLLICLE SYSTEM — DESKTOP 3 COLUMNS\n Stable item-based layout\n========================================================= *\/\n\n.abera-mech-desktop{\n display:grid;\n grid-template-columns:repeat(3,minmax(0,1fr));\n gap:20px 16px;\n margin-top:34px;\n}\n\n.abera-mech-item{\n overflow:hidden;\n border:1px solid #dfe5d8;\n border-radius:17px;\n background:#fff;\n}\n\n.abera-mech-item .abera-mech-real-img{\n display:block;\n width:100%;\n height:auto;\n aspect-ratio:4 \/ 3;\n object-fit:cover;\n object-position:center;\n border-radius:0;\n}\n\n.abera-mech-item .abera-mech-card{\n min-height:0;\n height:auto;\n padding:18px 18px 20px;\n border:0;\n border-top:1px solid #dfe5d8;\n border-radius:0;\n background:#fff;\n text-align:left;\n}\n\n.abera-mech-no{\n display:block;\n margin-bottom:6px;\n color:#688231;\n font-size:11px;\n line-height:1.35;\n font-weight:900;\n letter-spacing:.7px;\n}\n\n.abera-mech-card h3{\n margin:0 0 6px;\n font-size:19px;\n line-height:1.25;\n}\n\n.abera-mech-card p{\n margin:0;\n color:#606860;\n font-size:14px;\n line-height:1.55;\n}\n\n\/* Mobile version is hidden on desktop *\/\n.abera-mech-mobile{\n display:none;\n}\n\n.abera-mech-dots{\n display:none;\n}\n\n\n\/* =========================================================\n INGREDIENTS\n========================================================= *\/\n\n.abera-ing{\n display:grid;\n grid-template-columns:repeat(4,1fr);\n gap:14px;\n margin-top:34px;\n}\n\n.abera-ing-card{\n overflow:hidden;\n border:1px solid #dfe5d8;\n border-radius:17px;\n background:#fff;\n}\n\n.abera-ing-img{\n height:165px;\n display:flex;\n align-items:center;\n justify-content:center;\n padding:15px;\n background:#e8eddf;\n color:#677461;\n text-align:center;\n font-size:12px;\n line-height:1.55;\n font-weight:800;\n}\n\n.abera-ing-copy{\n padding:17px;\n text-align:left;\n}\n\n.abera-ing-copy h3{\n margin:0 0 7px;\n font-size:17px;\n line-height:1.3;\n}\n\n.abera-ing-copy p{\n margin:0;\n color:#606860;\n font-size:13.5px;\n line-height:1.6;\n}\n\n\n\/* =========================================================\n CAROUSEL\n========================================================= *\/\n\n.abera-swipe{\n margin:14px auto 0;\n color:#697166;\n font-size:13px;\n line-height:1.4;\n font-weight:700;\n}\n\n.abera-swipe-light{\n color:#dbe3d6;\n}\n\n.abera-scroll{\n display:flex;\n gap:14px;\n overflow-x:auto;\n padding:4px 2px 13px;\n scroll-snap-type:x mandatory;\n -webkit-overflow-scrolling:touch;\n}\n\n.abera-scroll::-webkit-scrollbar{\n height:6px;\n}\n\n.abera-scroll::-webkit-scrollbar-thumb{\n background:#c7cfbd;\n border-radius:999px;\n}\n\n\n\/* =========================================================\n BEFORE \/ AFTER\n========================================================= *\/\n\n.abera-result{\n flex:0 0 calc(33.333% - 10px);\n scroll-snap-align:start;\n overflow:hidden;\n border:1px solid #dfe5d8;\n border-radius:19px;\n background:#fff;\n}\n\n.abera-result-tag{\n display:inline-block;\n margin:14px 14px 0;\n padding:6px 10px;\n border-radius:999px;\n background:#edf1e5;\n color:#688131;\n font-size:10.5px;\n line-height:1.3;\n font-weight:900;\n}\n\n.abera-result-img{\n height:235px;\n margin:11px 14px 0;\n display:flex;\n align-items:center;\n justify-content:center;\n padding:15px;\n border-radius:14px;\n background:#edf1e5;\n color:#687363;\n text-align:center;\n font-size:12px;\n line-height:1.6;\n font-weight:800;\n}\n\n.abera-result-copy{\n padding:16px 16px 19px;\n text-align:left;\n}\n\n.abera-result-copy h3{\n margin:0 0 7px;\n font-size:19px;\n line-height:1.3;\n}\n\n.abera-result-copy p{\n margin:0;\n color:#616a61;\n font-size:14px;\n line-height:1.55;\n}\n\n\n\n\/* =========================================================\n BEFORE \/ AFTER DOT NAVIGATION\n Hidden on desktop\n========================================================= *\/\n\n.abera-result-dots{\n display:none;\n}\n\n\/* =========================================================\n KOC VIDEO CAROUSEL — DESKTOP + MOBILE DOTS\n========================================================= *\/\n\n.abera-koc-track{display:flex;align-items:stretch;gap:14px;width:100%;overflow-x:auto;overflow-y:hidden;padding:4px 2px 2px;scroll-snap-type:x mandatory;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;scrollbar-width:none;}\n.abera-koc-track::-webkit-scrollbar{display:none!important;width:0!important;height:0!important;}\n.abera-koc{flex:0 0 calc(33.333% - 10px);min-width:calc(33.333% - 10px);height:auto;scroll-snap-align:start;scroll-snap-stop:always;overflow:hidden;border:1px solid rgba(255,255,255,.11);border-radius:19px;background:#101610;}\n.abera-koc-frame{position:relative;width:100%;aspect-ratio:9 \/ 14;overflow:hidden;background:#182118;}\n.abera-koc-frame iframe,.abera-koc-frame video{position:absolute;inset:0;display:block;width:100%;height:100%;border:0;object-fit:cover;object-position:center;background:#000;}\n.abera-koc-copy{height:auto;min-height:92px;padding:15px 16px 18px;text-align:left;}\n.abera-koc-copy strong{display:block;margin-bottom:6px;color:#fff;font-size:16px;line-height:1.4;}\n.abera-koc-copy span{display:block;color:#d1dacd;font-size:13.5px;line-height:1.55;}\n.abera-koc-dots{justify-content:center;align-items:center;gap:7px;margin-top:13px;}\n.abera-koc-dots-desktop{display:flex;}\n.abera-koc-dots-mobile{display:none;}\n.abera-koc-dot{width:8px;height:8px;min-width:8px;padding:0;border:0;border-radius:999px;background:#6f796b;cursor:pointer;transition:width .2s ease,background .2s ease;}\n.abera-koc-dot.active{width:20px;background:#bad368;}\n\n\/* =========================================================\n CÓMO USAR\n========================================================= *\/\n\n.abera-steps{\n display:grid;\n grid-template-columns:repeat(4,1fr);\n gap:12px;\n margin-top:28px;\n}\n\n.abera-step{\n padding:21px 18px;\n border:1px solid #3a4738;\n border-radius:16px;\n background:#202820;\n}\n\n.abera-step b{\n display:block;\n margin-bottom:7px;\n color:#bad368;\n font-size:27px;\n}\n\n.abera-step h3{\n margin:0 0 7px;\n color:#fff;\n font-size:18px;\n line-height:1.3;\n}\n\n.abera-step p{\n margin:0;\n color:#d4dcd0;\n font-size:13.5px;\n line-height:1.55;\n}\n\n.abera-use-tips{\n max-width:900px;\n margin:14px auto 0;\n padding:13px 16px;\n border:1px solid #3a4738;\n border-radius:13px;\n background:#182018;\n color:#dce5d7;\n text-align:center;\n font-size:13px;\n line-height:1.55;\n}\n\n.abera-use-tips strong{\n color:#bad368;\n}\n\n\n\/* =========================================================\n QUALITY + COMPARISON\n========================================================= *\/\n\n\/* 2 QUALITY DOCUMENTS *\/\n\n.abera-cert-grid{\n display:grid;\n grid-template-columns:repeat(2,1fr);\n gap:20px;\n max-width:960px;\n margin:32px auto 0;\n}\n\n.abera-cert-card{\n overflow:hidden;\n border:1px solid #dce4d8;\n border-radius:20px;\n background:#fff;\n box-shadow:0 8px 24px rgba(22,45,28,.05);\n}\n\n.abera-cert-img{\n min-height:360px;\n display:flex;\n align-items:center;\n justify-content:center;\n padding:22px;\n background:#f7faf5;\n color:#667266;\n text-align:center;\n font-size:14px;\n line-height:1.6;\n font-weight:700;\n}\n\n.abera-cert-real-img{\n display:block;\n width:100%;\n height:auto;\n object-fit:contain;\n background:#fff;\n}\n\n.abera-cert-info{\n padding:17px 18px 19px;\n text-align:center;\n}\n\n.abera-cert-info strong{\n display:block;\n color:#172217;\n font-size:17px;\n line-height:1.35;\n}\n\n.abera-cert-info span{\n display:block;\n margin-top:5px;\n color:#6b736a;\n font-size:14px;\n line-height:1.45;\n}\n\n\n.abera-cert-info{\n min-height:76px;\n display:flex;\n align-items:center;\n justify-content:center;\n}\n\n.abera-cert-info strong{\n width:100%;\n text-align:center;\n}\n\n\n\n\/* SHAMPOO COMPARISON *\/\n\n.abera-compare-head{\n margin-top:62px;\n text-align:center;\n}\n\n.abera-compare-grid{\n display:grid;\n grid-template-columns:repeat(2,1fr);\n gap:18px;\n max-width:900px;\n margin:30px auto 0;\n}\n\n.abera-compare-card{\n overflow:hidden;\n padding:20px;\n border-radius:20px;\n background:#fff;\n text-align:left;\n}\n\n.abera-compare-basic{\n border:1px solid #e1e3df;\n}\n\n.abera-compare-abera{\n border:2px solid #688936;\n box-shadow:0 10px 28px rgba(63,94,39,.10);\n}\n\n.abera-compare-product{\n min-height:205px;\n display:flex;\n align-items:center;\n justify-content:center;\n margin-bottom:18px;\n padding:18px;\n border-radius:15px;\n background:#f1f4ee;\n color:#697369;\n font-size:13px;\n line-height:1.55;\n font-weight:700;\n text-align:center;\n}\n\n.abera-compare-real-img{\n display:block;\n width:100%;\n height:205px;\n margin-bottom:18px;\n object-fit:contain;\n object-position:center;\n border-radius:15px;\n background:#f3f6ef;\n}\n\n.abera-compare-card h3{\n margin:0 0 17px;\n color:#172017;\n font-size:22px;\n line-height:1.25;\n text-align:center;\n}\n\n.abera-compare-abera h3{\n color:#56782b;\n}\n\n.abera-compare-list{\n display:grid;\n gap:13px;\n}\n\n.abera-compare-row{\n display:flex;\n gap:10px;\n align-items:flex-start;\n color:#465046;\n font-size:14.5px;\n line-height:1.5;\n}\n\n.abera-x,\n.abera-tick{\n width:22px;\n height:22px;\n min-width:22px;\n display:flex;\n align-items:center;\n justify-content:center;\n font-size:20px;\n line-height:1;\n font-weight:900;\n}\n\n.abera-x{\n color:#d43a2f;\n}\n\n.abera-tick{\n color:#398643;\n}\n\n\n\/* =========================================================\n FAQ\n========================================================= *\/\n\n.abera-faq{\n max-width:830px;\n margin:29px auto 0;\n}\n\n.abera-faq details{\n margin-bottom:10px;\n padding:0 18px;\n border:1px solid #dfe4d9;\n border-radius:13px;\n background:#fff;\n}\n\n.abera-faq summary{\n padding:17px 0;\n cursor:pointer;\n font-size:15px;\n line-height:1.45;\n font-weight:800;\n}\n\n.abera-faq p{\n margin:0;\n padding:0 0 17px;\n color:#626a61;\n font-size:14px;\n line-height:1.65;\n}\n\n\n\/* =========================================================\n CTA\n========================================================= *\/\n\n.abera-btn{\n display:inline-block;\n margin-top:22px;\n padding:15px 28px;\n border-radius:999px;\n background:#34521f;\n color:#fff !important;\n text-decoration:none !important;\n font-size:14px;\n line-height:1.2;\n font-weight:900;\n}\n\n.abera-btn-light{\n background:#fff;\n color:#34521f !important;\n}\n\n.abera-final{\n padding:55px 28px;\n border-radius:24px;\n background:linear-gradient(\n 135deg,\n #526c30 0%,\n #26361f 100%\n );\n color:#fff;\n text-align:center;\n}\n\n.abera-final h2{\n max-width:760px;\n margin:0 auto 14px;\n font-size:39px;\n line-height:1.1;\n}\n\n.abera-final p{\n max-width:670px;\n margin:0 auto;\n color:#e9eee5;\n font-size:16px;\n line-height:1.6;\n}\n\n.abera-offer{\n margin-top:14px !important;\n color:#d8e9b3 !important;\n font-size:13.5px !important;\n line-height:1.5 !important;\n font-weight:800;\n}\n\n\n\/* =========================================================\n MOBILE — LARGER \u0026 CLEARER TEXT\n========================================================= *\/\n\n@media(max-width:768px){\n\n .abera{\n font-size:17px;\n }\n\n .abera-sec{\n padding:42px 16px;\n }\n\n .abera-eye{\n font-size:15px;\n line-height:1.4;\n letter-spacing:1px;\n }\n\n .abera-title{\n font-size:32px;\n line-height:1.12;\n }\n\n .abera-sub{\n font-size:19.5px;\n line-height:1.65;\n }\n\n \/* HERO *\/\n\n .abera-hero{\n border-radius:0;\n }\n\n .abera-hero-in{\n grid-template-columns:1fr;\n gap:25px;\n padding:44px 19px;\n }\n\n .abera-hero h2{\n font-size:38px;\n line-height:1.08;\n }\n\n .abera-hero p{\n font-size:20px;\n line-height:1.65;\n }\n\n .abera-point{\n font-size:19px;\n line-height:1.5;\n }\n\n \/* PAIN *\/\n\n .abera-pains{\n grid-template-columns:1fr;\n gap:12px;\n }\n\n .abera-pain-img{\n height:215px;\n font-size:17px;\n }\n\n .abera-tag{\n font-size:15px;\n }\n\n .abera-pain h3{\n font-size:23px;\n }\n\n .abera-pain p{\n font-size:19px;\n line-height:1.6;\n }\n\n \/* SPLIT *\/\n\n .abera-split{\n grid-template-columns:1fr;\n gap:26px;\n }\n\n .abera-copy h2{\n font-size:32px;\n line-height:1.12;\n }\n\n .abera-copy p{\n font-size:19.5px;\n }\n\n .abera-highlight{\n font-size:19px;\n }\n\n .abera-ph{\n min-height:280px;\n font-size:17px;\n }\n\n \/* VIDEO *\/\n\n .abera-video-ph{\n min-height:290px;\n font-size:18px;\n }\n\n\n \/* =========================================================\n SCALP SCIENCE — MOBILE\n ========================================================= *\/\n\n .abera-science-main{\n grid-template-columns:1fr;\n gap:12px;\n margin-top:19px;\n }\n\n .abera-science-copy{\n padding:16px 13px;\n border-radius:16px;\n }\n\n .abera-science-points{\n grid-template-columns:repeat(2,minmax(0,1fr));\n gap:8px;\n }\n\n .abera-science-point{\n padding:12px 10px 11px;\n border-radius:12px;\n }\n\n .abera-science-no{\n margin-bottom:4px;\n font-size:13px;\n line-height:1.25;\n }\n\n .abera-science-point h4{\n margin-bottom:4px;\n font-size:17.5px;\n line-height:1.2;\n }\n\n .abera-science-point p{\n font-size:16px;\n line-height:1.45;\n }\n\n .abera-science-bridge{\n margin-top:8px;\n padding:12px;\n border-radius:12px;\n }\n\n .abera-science-bridge strong{\n font-size:17.5px;\n line-height:1.38;\n }\n\n .abera-science-bridge p{\n font-size:16px;\n line-height:1.48;\n }\n\n .abera-science-video{\n width:100%;\n max-width:none;\n margin:0;\n border-radius:16px;\n }\n\n .abera-science-video-frame{\n min-height:0;\n aspect-ratio:9 \/ 16;\n }\n\n .abera-science-video-copy{\n padding:12px 12px 13px;\n }\n\n .abera-science-video-copy strong{\n font-size:18px;\n }\n\n .abera-science-video-copy p{\n font-size:16px;\n }\n\n\/* =========================================================\n MECHANISM MOBILE — TRUE FLEX CAROUSEL + DOTS\n========================================================= *\/\n\n .abera-mech-desktop{\n display:none !important;\n }\n\n .abera-mech-mobile{\n display:block;\n width:100%;\n margin-top:24px;\n }\n\n .abera-mech-mobile-track{\n display:flex;\n align-items:flex-start;\n gap:12px;\n width:100%;\n overflow-x:auto;\n overflow-y:hidden;\n padding:0 6% 2px 0;\n scroll-snap-type:x mandatory;\n scroll-behavior:smooth;\n -webkit-overflow-scrolling:touch;\n scrollbar-width:none;\n }\n\n .abera-mech-mobile-track::-webkit-scrollbar{\n display:none;\n }\n\n .abera-mech-mobile-slide{\n flex:0 0 88%;\n width:88%;\n height:auto !important;\n min-height:0 !important;\n align-self:flex-start;\n overflow:hidden;\n scroll-snap-align:start;\n scroll-snap-stop:always;\n border:1px solid #dfe5d8;\n border-radius:16px;\n background:#fff;\n }\n\n .abera-mech-mobile-slide .abera-mech-real-img{\n display:block;\n width:100% !important;\n height:auto !important;\n min-height:0 !important;\n aspect-ratio:4 \/ 3;\n margin:0 !important;\n object-fit:cover;\n object-position:center;\n border-radius:0;\n }\n\n .abera-mech-mobile-card{\n display:block;\n width:100%;\n height:auto !important;\n min-height:0 !important;\n margin:0 !important;\n padding:16px 16px 18px;\n border-top:1px solid #dfe5d8;\n background:#fff;\n text-align:left;\n }\n\n .abera-mech-mobile-card .abera-mech-no{\n margin:0 0 5px;\n font-size:15px;\n line-height:1.35;\n }\n\n .abera-mech-mobile-card h3{\n margin:0 0 6px;\n font-size:22px;\n line-height:1.28;\n }\n\n .abera-mech-mobile-card p{\n margin:0;\n font-size:18.5px;\n line-height:1.55;\n }\n\n .abera-mech-dots{\n display:flex;\n justify-content:center;\n align-items:center;\n gap:7px;\n margin-top:12px;\n }\n\n .abera-mech-dot{\n width:8px;\n height:8px;\n min-width:8px;\n padding:0;\n border:0;\n border-radius:999px;\n background:#c9d0c1;\n cursor:pointer;\n transition:width .2s ease, background .2s ease;\n }\n\n .abera-mech-dot.active{\n width:20px;\n background:#6d8b35;\n }\n\n \/* INGREDIENTS *\/\n\n .abera-ing{\n grid-template-columns:repeat(2,1fr);\n gap:10px;\n }\n\n .abera-ing-img{\n height:135px;\n font-size:15.5px;\n }\n\n .abera-ing-copy{\n padding:14px;\n }\n\n .abera-ing-copy h3{\n font-size:18px;\n line-height:1.3;\n }\n\n .abera-ing-copy p{\n font-size:17.5px;\n line-height:1.6;\n }\n\n \/* CAROUSEL *\/\n\n .abera-scroll{\n gap:10px;\n margin-right:-16px;\n padding-right:16px;\n }\n\n .abera-swipe{\n font-size:17.5px;\n }\n\n \/* =========================================================\n BEFORE \/ AFTER — MOBILE DOT CAROUSEL\n ========================================================= *\/\n\n .abera-results-track{\n display:flex;\n align-items:stretch;\n gap:10px;\n width:100%;\n margin-right:-16px;\n padding:0 16px 2px 0;\n\n overflow-x:auto;\n overflow-y:hidden;\n\n scroll-snap-type:x mandatory;\n scroll-behavior:smooth;\n -webkit-overflow-scrolling:touch;\n\n scrollbar-width:none;\n }\n\n .abera-results-track::-webkit-scrollbar{\n display:none !important;\n width:0 !important;\n height:0 !important;\n }\n\n .abera-results-track .abera-result{\n flex:0 0 84%;\n width:84%;\n min-width:84%;\n height:auto;\n scroll-snap-align:start;\n scroll-snap-stop:always;\n }\n\n .abera-result-tag{\n font-size:15px;\n }\n\n .abera-result-img{\n height:230px;\n font-size:17px;\n }\n\n .abera-result-real-img{\n display:block;\n width:100%;\n height:auto;\n object-fit:cover;\n object-position:center;\n }\n\n .abera-result-copy{\n height:auto !important;\n min-height:0 !important;\n }\n\n .abera-result-copy h3{\n font-size:22px;\n }\n\n .abera-result-copy p{\n font-size:18.5px;\n }\n\n \/* RESULT DOTS *\/\n\n .abera-result-dots{\n display:flex;\n justify-content:center;\n align-items:center;\n gap:7px;\n margin-top:12px;\n }\n\n .abera-result-dot{\n width:8px;\n height:8px;\n min-width:8px;\n padding:0;\n border:0;\n border-radius:999px;\n background:#c9d0c1;\n cursor:pointer;\n transition:width .2s ease, background .2s ease;\n }\n\n .abera-result-dot.active{\n width:20px;\n background:#6d8b35;\n }\n\n \/* =========================================================\n KOC — MOBILE DOT CAROUSEL\n ========================================================= *\/\n\n .abera-koc-track{gap:10px;margin-right:-16px;padding:0 16px 2px 0;}\n .abera-koc-track .abera-koc{flex:0 0 84%;width:84%;min-width:84%;}\n .abera-koc-frame{aspect-ratio:9 \/ 14;}\n .abera-koc-copy{min-height:0;padding:14px 14px 16px;}\n .abera-koc-copy strong{font-size:18px;line-height:1.4;}\n .abera-koc-copy span{font-size:17.5px;line-height:1.55;}\n .abera-koc-dots{margin-top:12px;}\n .abera-koc-dots-desktop{display:none;}\n .abera-koc-dots-mobile{display:flex;}\n\n \/* HOW TO — 2x2 MOBILE *\/\n\n .abera-steps{\n grid-template-columns:repeat(2,minmax(0,1fr));\n gap:9px;\n margin-top:22px;\n }\n\n .abera-step{\n padding:16px 13px;\n border-radius:14px;\n }\n\n .abera-step b{\n margin-bottom:5px;\n font-size:26px;\n }\n\n .abera-step h3{\n margin-bottom:5px;\n font-size:19px;\n line-height:1.25;\n }\n\n .abera-step p{\n font-size:17px;\n line-height:1.5;\n }\n\n .abera-use-tips{\n margin-top:11px;\n padding:11px 12px;\n font-size:16.5px;\n line-height:1.5;\n }\n\n \/* =========================================================\n QUALITY DOCUMENTS — 2 COLUMNS MOBILE\n ========================================================= *\/\n\n .abera-cert-grid{\n grid-template-columns:repeat(2,minmax(0,1fr));\n gap:9px;\n margin-top:24px;\n }\n\n .abera-cert-card{\n border-radius:14px;\n }\n\n .abera-cert-real-img{\n display:block;\n width:100%;\n height:245px;\n object-fit:contain;\n object-position:center top;\n background:#fff;\n }\n\n .abera-cert-info{\n min-height:68px;\n padding:10px 8px;\n display:flex;\n align-items:center;\n justify-content:center;\n }\n\n .abera-cert-info strong{\n width:100%;\n font-size:17px;\n line-height:1.3;\n text-align:center;\n }\n\n \/* COMPARISON — KEEP 2 COLUMNS ON MOBILE *\/\n\n .abera-compare-head{\n margin-top:48px;\n }\n\n .abera-compare-grid{\n grid-template-columns:repeat(2,minmax(0,1fr));\n gap:9px;\n margin-top:24px;\n }\n\n .abera-compare-card{\n padding:12px 10px 14px;\n border-radius:16px;\n }\n\n .abera-compare-product{\n min-height:135px;\n margin-bottom:14px;\n padding:10px;\n font-size:15px;\n border-radius:12px;\n }\n\n .abera-compare-real-img{\n height:135px;\n margin-bottom:14px;\n border-radius:12px;\n }\n\n .abera-compare-card h3{\n min-height:48px;\n margin-bottom:14px;\n font-size:19px;\n line-height:1.3;\n }\n\n .abera-compare-list{\n gap:12px;\n }\n\n .abera-compare-row{\n gap:7px;\n font-size:17.5px;\n line-height:1.45;\n }\n\n .abera-x,\n .abera-tick{\n width:18px;\n height:18px;\n min-width:18px;\n font-size:19px;\n }\n\n \/* FAQ *\/\n\n .abera-faq summary{\n font-size:17.5px;\n line-height:1.5;\n }\n\n .abera-faq p{\n font-size:18.5px;\n line-height:1.65;\n }\n\n \/* CTA *\/\n\n .abera-btn{\n font-size:16.5px;\n padding:15px 26px;\n }\n\n .abera-final{\n border-radius:0;\n padding:46px 19px;\n }\n\n .abera-final h2{\n font-size:32px;\n line-height:1.15;\n }\n\n .abera-final p{\n font-size:19.5px;\n }\n\n .abera-offer{\n font-size:18px !important;\n }\n}\n\u003c\/style\u003e\n\n\n\u003cdiv class=\"abera\"\u003e\n\n\n\u003c!-- =========================================================\n 01 HERO\n========================================================= --\u003e\n\n\u003csection class=\"abera-hero\"\u003e\n\n \u003cdiv class=\"abera-hero-in\"\u003e\n\n \u003cdiv\u003e\n\n \u003cspan class=\"abera-eye\" style=\"color:#cee58a;\"\u003e\n SHAMPOO ANTICAÍDA + ANTICASPA\n \u003c\/span\u003e\n\n \u003ch2\u003e\n Combate la caída desde la raíz.\u003cbr\u003e\n Logra un cabello con apariencia más fuerte y abundante.\n \u003c\/h2\u003e\n\n \u003cp\u003e\n Con \u003cstrong\u003eOctapeptide-2, Ginseng de Langbian\n y Jengibre\u003c\/strong\u003e para tratar raíces débiles,\n cabello afinado, caspa y acumulación en el cuero cabelludo.\n \u003c\/p\u003e\n\n\n \u003cdiv class=\"abera-points\"\u003e\n\n \u003cdiv class=\"abera-point\"\u003e\n \u003cspan class=\"abera-check\"\u003e✓\u003c\/span\u003e\n \u003cspan\u003eFavorece la señalización folicular\u003c\/span\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"abera-point\"\u003e\n \u003cspan class=\"abera-check\"\u003e✓\u003c\/span\u003e\n \u003cspan\u003eFavorece la microcirculación del cuero cabelludo\u003c\/span\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"abera-point\"\u003e\n \u003cspan class=\"abera-check\"\u003e✓\u003c\/span\u003e\n \u003cspan\u003eAyuda a reducir la caída y favorece un cabello con apariencia más abundante\u003c\/span\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"abera-point\"\u003e\n \u003cspan class=\"abera-check\"\u003e✓\u003c\/span\u003e\n \u003cspan\u003eControla la caspa, el exceso de grasa y la acumulación\u003c\/span\u003e\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n\n \u003cimg class=\"abera-hero-img\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/Man_touching_hair_with_product_202608111002.webp?v=1786417477\" alt=\"Shampoo ABERA Ginseng de Langbian para caída del cabello y caspa\" loading=\"eager\"\u003e\n\n \u003c\/div\u003e\n\n\u003c\/section\u003e\n\n\n\n\u003c!-- =========================================================\n 02 PAIN POINTS\n========================================================= --\u003e\n\n\u003csection class=\"abera-sec abera-center\"\u003e\n\n \u003cspan class=\"abera-eye\"\u003e\n SEÑALES DE CABELLO DEBILITADO\n \u003c\/span\u003e\n\n \u003ch2 class=\"abera-title\"\u003e\n Caída del cabello que ves todos los días.\n \u003c\/h2\u003e\n\n \u003cp class=\"abera-sub\"\u003e\n Cabello en el desagüe. Zonas más finas.\n Raya más ancha. Caspa y raíces grasas.\n \u003c\/p\u003e\n\n\n \u003cdiv class=\"abera-pains\"\u003e\n\n\n \u003carticle class=\"abera-pain\"\u003e\n\n\u003cimg class=\"abera-pain-photo\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/Man_examining_hair_shedding_4K_202608111017.webp?v=1786418778\" alt=\"Hombre con caída visible del cabello\" loading=\"lazy\"\u003e\n\n \u003cdiv class=\"abera-pain-copy\"\u003e\n\n \u003cspan class=\"abera-tag\"\u003e\n CAÍDA DEL CABELLO\n \u003c\/span\u003e\n\n \u003ch3\u003e\n Demasiado cabello que se queda atrás\n \u003c\/h3\u003e\n\n \u003cp\u003e\n Favorece el cabello débil y propenso a la caída\n para lograr hebras con apariencia más fuerte.\n \u003c\/p\u003e\n\n \u003c\/div\u003e\n\n \u003c\/article\u003e\n\n\n\n \u003carticle class=\"abera-pain\"\u003e\n\n\u003cimg class=\"abera-pain-photo\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/Man_with_thinning_hair_4K_202608111018.webp?v=1786418778\" alt=\"Hombre con coronilla afinada y cuero cabelludo visible\" loading=\"lazy\"\u003e\n\n \u003cdiv class=\"abera-pain-copy\"\u003e\n\n \u003cspan class=\"abera-tag\"\u003e\n CORONILLA MÁS FINA\n \u003c\/span\u003e\n\n \u003ch3\u003e\n Cuando el cuero cabelludo empieza a notarse\n \u003c\/h3\u003e\n\n \u003cp\u003e\n Favorece un cabello con apariencia\n más abundante y gruesa.\n \u003c\/p\u003e\n\n \u003c\/div\u003e\n\n \u003c\/article\u003e\n\n\n\n \u003carticle class=\"abera-pain\"\u003e\n\n\u003cimg class=\"abera-pain-photo\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/Woman_touching_thinning_hair_4K_202608111023.webp?v=1786418778\" alt=\"Mujer con cabello afinado y raya central más ancha\" loading=\"lazy\"\u003e\n\n \u003cdiv class=\"abera-pain-copy\"\u003e\n\n \u003cspan class=\"abera-tag\"\u003e\n RAYA MÁS ANCHA\n \u003c\/span\u003e\n\n \u003ch3\u003e\n Cuando el cabello empieza a verse menos abundante\n \u003c\/h3\u003e\n\n \u003cp\u003e\n Favorece raíces más fuertes\n y una densidad de aspecto más saludable.\n \u003c\/p\u003e\n\n \u003c\/div\u003e\n\n \u003c\/article\u003e\n\n\n\n \u003carticle class=\"abera-pain\"\u003e\n\n\u003cimg class=\"abera-pain-photo\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/Man_displaying_dandruff-prone_scalp_4K_202608111024.webp?v=1786418778\" alt=\"Hombre con caspa visible y cuero cabelludo graso\" loading=\"lazy\"\u003e\n\n \u003cdiv class=\"abera-pain-copy\"\u003e\n\n \u003cspan class=\"abera-tag\"\u003e\n ANTICASPA\n \u003c\/span\u003e\n\n \u003ch3\u003e\n Caspa. Grasa. Picazón.\n \u003c\/h3\u003e\n\n \u003cp\u003e\n Limpia profundamente la caspa,\n el exceso de grasa y la acumulación.\n \u003c\/p\u003e\n\n \u003c\/div\u003e\n\n \u003c\/article\u003e\n\n\n \u003c\/div\u003e\n\n\u003c\/section\u003e\n\n\n\n\u003c!-- =========================================================\n 03 LANGBIAN GINSENG STORY\n========================================================= --\u003e\n\n\u003csection class=\"abera-sec abera-dark\"\u003e\n\n \u003cdiv class=\"abera-split\"\u003e\n\n\u003cimg class=\"abera-story-img\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/Farmers_harvesting_ginseng_roots_4K_202608111057_1.webp?v=1786423076\" alt=\"Agricultores cosechando raíces de Ginseng de Langbian cultivado en montaña\" loading=\"lazy\"\u003e\n\n\n \u003cdiv class=\"abera-copy\"\u003e\n\n \u003cspan class=\"abera-eye\"\u003e\n LA DIFERENCIA DEL GINSENG DE LANGBIAN\n \u003c\/span\u003e\n\n \u003ch2\u003e\n Poder cultivado en la montaña para raíces débiles.\n \u003c\/h2\u003e\n\n \u003cp\u003e\n Ginseng de Langbian + Jengibre favorecen\n la microcirculación del cuero cabelludo y la nutrición de la raíz.\n \u003c\/p\u003e\n\n \u003cp\u003e\n Combinados con Octapeptide-2,\n la fórmula actúa sobre folículos debilitados,\n caída del cabello y acumulación en el cuero cabelludo.\n \u003c\/p\u003e\n\n \u003cdiv class=\"abera-highlight\"\u003e\n\n \u003cstrong\u003e\n Cuidado folicular + limpieza anticaspa.\n \u003c\/strong\u003e\n\n Un lavado. Múltiples beneficios para cuero cabelludo + cabello.\n\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n\u003c\/section\u003e\n\n\n\n\u003c!-- =========================================================\n 04 CIENCIA DEL CUERO CABELLUDO\n========================================================= --\u003e\n\n\u003csection class=\"abera-sec abera-soft\"\u003e\n\n \u003cdiv class=\"abera-science-wrap\"\u003e\n\n \u003cdiv class=\"abera-center\"\u003e\n\n \u003cspan class=\"abera-eye\"\u003e\n CIENCIA DEL CUERO CABELLUDO\n \u003c\/span\u003e\n\n \u003ch2 class=\"abera-title\"\u003e\n Por qué la caída puede empeorar con el tiempo\n \u003c\/h2\u003e\n\n \u003cp class=\"abera-sub\"\u003e\n La edad, el estrés y la genética influyen, pero la caspa, la picazón y la acumulación\n también pueden hacer que el cabello debilitado se desprenda con mayor facilidad.\n \u003c\/p\u003e\n\n \u003c\/div\u003e\n\n \u003cdiv class=\"abera-science-main\"\u003e\n\n \u003cdiv class=\"abera-science-copy\"\u003e\n\n \u003cdiv class=\"abera-science-points\"\u003e\n\n \u003carticle class=\"abera-science-point\"\u003e\n \u003cspan class=\"abera-science-no\"\u003e01 • EDAD + GENÉTICA\u003c\/span\u003e\n \u003ch4\u003eEl afinamiento se vuelve más visible\u003c\/h4\u003e\n \u003cp\u003e\n La densidad puede disminuir gradualmente, haciendo que la coronilla,\n la línea del cabello o la raya se vean más expuestas.\n \u003c\/p\u003e\n \u003c\/article\u003e\n\n \u003carticle class=\"abera-science-point\"\u003e\n \u003cspan class=\"abera-science-no\"\u003e02 • ESTRÉS + CAÍDA\u003c\/span\u003e\n \u003ch4\u003eEmpieza a caer más cabello\u003c\/h4\u003e\n \u003cp\u003e\n El estrés y los cambios físicos pueden provocar periodos\n de mayor caída.\n \u003c\/p\u003e\n \u003c\/article\u003e\n\n \u003carticle class=\"abera-science-point\"\u003e\n \u003cspan class=\"abera-science-no\"\u003e03 • CASPA + PICAZÓN\u003c\/span\u003e\n \u003ch4\u003eLa picazón lleva a rascarse más\u003c\/h4\u003e\n \u003cp\u003e\n La caspa y la picazón pueden provocar rascado frecuente,\n afectando hebras que ya están debilitadas.\n \u003c\/p\u003e\n \u003c\/article\u003e\n\n \u003carticle class=\"abera-science-point\"\u003e\n \u003cspan class=\"abera-science-no\"\u003e04 • GRASA + ACUMULACIÓN\u003c\/span\u003e\n \u003ch4\u003eLas raíces se sienten pesadas e incómodas\u003c\/h4\u003e\n \u003cp\u003e\n La grasa, la caspa y la acumulación pueden dejar el cuero cabelludo grasoso\n y hacer que el cabello se vea más plano y menos saludable.\n \u003c\/p\u003e\n \u003c\/article\u003e\n\n \u003c\/div\u003e\n\n \u003cdiv class=\"abera-science-bridge\"\u003e\n \u003cstrong\u003e\n Un cabello de aspecto más saludable empieza con un cuero cabelludo más equilibrado.\n \u003c\/strong\u003e\n \u003cp\u003e\n ABERA ayuda a limpiar caspa, exceso de grasa y acumulación mientras favorece\n un cabello con apariencia más fuerte y abundante desde la raíz.\n \u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n \u003cdiv class=\"abera-science-video\"\u003e\n\n \u003cdiv class=\"abera-science-video-frame abera-inline-video-wrap\"\u003e\n \u003cvideo class=\"abera-inline-video\" playsinline webkit-playsinline preload=\"metadata\" disablepictureinpicture x-webkit-airplay=\"deny\" onclick=\"\n var wrap=this.closest('.abera-inline-video-wrap');\n if(this.paused){\n this.play();\n }else{\n this.pause();\n }\n \" onplay=\"\n var wrap=this.closest('.abera-inline-video-wrap');\n if(wrap){wrap.classList.add('is-playing');}\n \" onpause=\"\n var wrap=this.closest('.abera-inline-video-wrap');\n if(wrap){wrap.classList.remove('is-playing');}\n \" onended=\"\n var wrap=this.closest('.abera-inline-video-wrap');\n if(wrap){wrap.classList.remove('is-playing');}\n \"\u003e\n \u003csource src=\"https:\/\/cdn.shopify.com\/videos\/c\/o\/v\/b6a709fa07c144d0afdbf628e096f121.mp4\" type=\"video\/mp4\"\u003e\u003c\/video\u003e\n \u003cbutton type=\"button\" class=\"abera-inline-play\" aria-label=\"Reproducir video\" onclick=\"\n event.stopPropagation();\n var wrap=this.closest('.abera-inline-video-wrap');\n var v=wrap.querySelector('video');\n v.play();\n \"\u003e▶\u003c\/button\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"abera-science-video-copy\"\u003e\n \u003cstrong\u003eMira cómo funciona el ciclo de estrés del cuero cabelludo.\u003c\/strong\u003e\n \u003cp\u003eEdad • Estrés • Caspa • Picazón • Acumulación\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n\u003c\/section\u003e\n\n\n\u003c!-- =========================================================\n 05 FOLLICLE BIOACTIVATION SYSTEM\n========================================================= --\u003e\n\n\u003csection class=\"abera-sec abera-center\"\u003e\n\n \u003cspan class=\"abera-eye\"\u003e\n SISTEMA DE BIOACTIVACIÓN FOLICULAR DE 6 ACCIONES\n \u003c\/span\u003e\n\n \u003ch2 class=\"abera-title\"\u003e\n Actúa sobre la caída más allá de la superficie.\n \u003c\/h2\u003e\n\n \u003cp class=\"abera-sub\"\u003e\n Octapeptide-2 + Ginseng de Langbian + Jengibre\n trabajan en seis acciones clave.\n \u003c\/p\u003e\n\n\n \u003c!-- DESKTOP: 3 COLUMNS × 2 ROWS --\u003e\n \u003cdiv class=\"abera-mech-desktop\"\u003e\n\n \u003carticle class=\"abera-mech-item\"\u003e\n \u003cimg class=\"abera-mech-real-img\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/Peptides_targeting_weakened_hair__4K_202608111416.webp?v=1786435549\" alt=\"Péptidos Octapeptide-2 dirigidos a folículos debilitados\" loading=\"lazy\"\u003e\n \u003cdiv class=\"abera-mech-card\"\u003e\n \u003cspan class=\"abera-mech-no\"\u003e01 • OCTAPEPTIDE-2\u003c\/span\u003e\n \u003ch3\u003eActiva la señalización de folículos débiles\u003c\/h3\u003e\n \u003cp\u003eFavorece la señalización folicular y las raíces debilitadas.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/article\u003e\n \u003carticle class=\"abera-mech-item\"\u003e\n \u003cimg class=\"abera-mech-real-img\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/Scalp_microcirculation_and_hair___202608111413.webp?v=1786435549\" alt=\"Ilustración de microcirculación del cuero cabelludo con Ginseng de Langbian y Jengibre\" loading=\"lazy\"\u003e\n \u003cdiv class=\"abera-mech-card\"\u003e\n \u003cspan class=\"abera-mech-no\"\u003e02 • GINSENG DE LANGBIAN + JENGIBRE\u003c\/span\u003e\n \u003ch3\u003eFavorece la microcirculación\u003c\/h3\u003e\n \u003cp\u003eFavorece el flujo sanguíneo alrededor de raíces debilitadas.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/article\u003e\n \u003carticle class=\"abera-mech-item\"\u003e\n \u003cimg class=\"abera-mech-real-img\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/Scalp_cross_section_showing_nutr__202608111145.webp?v=1786435549\" alt=\"Ilustración del aporte de oxígeno y nutrientes a los folículos\" loading=\"lazy\"\u003e\n \u003cdiv class=\"abera-mech-card\"\u003e\n \u003cspan class=\"abera-mech-no\"\u003e03 • NUTRICIÓN DE LA RAÍZ\u003c\/span\u003e\n \u003ch3\u003eFavorece oxígeno + nutrientes\u003c\/h3\u003e\n \u003cp\u003eFavorece el aporte de oxígeno y nutrientes a los folículos.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/article\u003e\n \u003carticle class=\"abera-mech-item\"\u003e\n \u003cimg class=\"abera-mech-real-img\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/Medical_comparison_of_hair_folli__202608111419.webp?v=1786435549\" alt=\"Ilustración de cuidado del entorno folicular\" loading=\"lazy\"\u003e\n \u003cdiv class=\"abera-mech-card\"\u003e\n \u003cspan class=\"abera-mech-no\"\u003e04 • PROTECCIÓN FOLICULAR\u003c\/span\u003e\n \u003ch3\u003eFavorece un entorno folicular más saludable\u003c\/h3\u003e\n \u003cp\u003eAyuda a mantener un entorno más saludable alrededor de folículos debilitados.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/article\u003e\n \u003carticle class=\"abera-mech-item\"\u003e\n \u003cimg class=\"abera-mech-real-img\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/Hair_follicle_biological_progres__4K_202608111355.webp?v=1786435549\" alt=\"Ilustración de soporte para folículos menos activos\" loading=\"lazy\"\u003e\n \u003cdiv class=\"abera-mech-card\"\u003e\n \u003cspan class=\"abera-mech-no\"\u003e05 • REACTIVACIÓN\u003c\/span\u003e\n \u003ch3\u003eFavorece folículos menos activos\u003c\/h3\u003e\n \u003cp\u003eFavorece con el tiempo un cabello con apariencia más fuerte y abundante.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/article\u003e\n \u003carticle class=\"abera-mech-item\"\u003e\n \u003cimg class=\"abera-mech-real-img\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/Scalp_cleansing_comparison_anima__4K_202608111359.webp?v=1786435549\" alt=\"Ilustración de limpieza anticaspa y eliminación de exceso de grasa\" loading=\"lazy\"\u003e\n \u003cdiv class=\"abera-mech-card\"\u003e\n \u003cspan class=\"abera-mech-no\"\u003e06 • ANTICASPA\u003c\/span\u003e\n \u003ch3\u003eControla caspa + acumulación\u003c\/h3\u003e\n \u003cp\u003eElimina caspa, exceso de grasa y acumulación.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/article\u003e\n \u003c\/div\u003e\n\n\n \u003c!-- MOBILE: TRUE FLEX CAROUSEL --\u003e\n \u003cdiv class=\"abera-mech-mobile\"\u003e\n\n \u003cdiv class=\"abera-mech-mobile-track\" onscroll=\"\n var track=this;\n var slides=track.querySelectorAll('.abera-mech-mobile-slide');\n var dots=track.parentElement.querySelectorAll('.abera-mech-dot');\n var best=0;\n var bestDistance=999999;\n\n slides.forEach(function(slide,i){\n var distance=Math.abs(slide.offsetLeft-track.scrollLeft);\n if(distance\u0026lt;bestDistance){\n bestDistance=distance;\n best=i;\n }\n });\n\n dots.forEach(function(dot,i){\n dot.classList.toggle('active',i===best);\n });\n \"\u003e\n\n\n \u003carticle class=\"abera-mech-mobile-slide\"\u003e\n \u003cimg class=\"abera-mech-real-img\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/Peptides_targeting_weakened_hair__4K_202608111416.webp?v=1786435549\" alt=\"Péptidos Octapeptide-2 dirigidos a folículos debilitados\" loading=\"lazy\"\u003e\n \u003cdiv class=\"abera-mech-mobile-card\"\u003e\n \u003cspan class=\"abera-mech-no\"\u003e01 • OCTAPEPTIDE-2\u003c\/span\u003e\n \u003ch3\u003eActiva la señalización de folículos débiles\u003c\/h3\u003e\n \u003cp\u003eFavorece la señalización folicular y las raíces debilitadas.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/article\u003e\n \u003carticle class=\"abera-mech-mobile-slide\"\u003e\n \u003cimg class=\"abera-mech-real-img\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/Scalp_microcirculation_and_hair___202608111413.webp?v=1786435549\" alt=\"Ilustración de microcirculación del cuero cabelludo con Ginseng de Langbian y Jengibre\" loading=\"lazy\"\u003e\n \u003cdiv class=\"abera-mech-mobile-card\"\u003e\n \u003cspan class=\"abera-mech-no\"\u003e02 • GINSENG DE LANGBIAN + JENGIBRE\u003c\/span\u003e\n \u003ch3\u003eFavorece la microcirculación\u003c\/h3\u003e\n \u003cp\u003eFavorece el flujo sanguíneo alrededor de raíces debilitadas.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/article\u003e\n \u003carticle class=\"abera-mech-mobile-slide\"\u003e\n \u003cimg class=\"abera-mech-real-img\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/Scalp_cross_section_showing_nutr__202608111145.webp?v=1786435549\" alt=\"Ilustración del aporte de oxígeno y nutrientes a los folículos\" loading=\"lazy\"\u003e\n \u003cdiv class=\"abera-mech-mobile-card\"\u003e\n \u003cspan class=\"abera-mech-no\"\u003e03 • NUTRICIÓN DE LA RAÍZ\u003c\/span\u003e\n \u003ch3\u003eFavorece oxígeno + nutrientes\u003c\/h3\u003e\n \u003cp\u003eFavorece el aporte de oxígeno y nutrientes a los folículos.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/article\u003e\n \u003carticle class=\"abera-mech-mobile-slide\"\u003e\n \u003cimg class=\"abera-mech-real-img\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/Medical_comparison_of_hair_folli__202608111419.webp?v=1786435549\" alt=\"Ilustración de cuidado del entorno folicular\" loading=\"lazy\"\u003e\n \u003cdiv class=\"abera-mech-mobile-card\"\u003e\n \u003cspan class=\"abera-mech-no\"\u003e04 • PROTECCIÓN FOLICULAR\u003c\/span\u003e\n \u003ch3\u003eFavorece un entorno folicular más saludable\u003c\/h3\u003e\n \u003cp\u003eAyuda a mantener un entorno más saludable alrededor de folículos debilitados.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/article\u003e\n \u003carticle class=\"abera-mech-mobile-slide\"\u003e\n \u003cimg class=\"abera-mech-real-img\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/Hair_follicle_biological_progres__4K_202608111355.webp?v=1786435549\" alt=\"Ilustración de soporte para folículos menos activos\" loading=\"lazy\"\u003e\n \u003cdiv class=\"abera-mech-mobile-card\"\u003e\n \u003cspan class=\"abera-mech-no\"\u003e05 • REACTIVACIÓN\u003c\/span\u003e\n \u003ch3\u003eFavorece folículos menos activos\u003c\/h3\u003e\n \u003cp\u003eFavorece con el tiempo un cabello con apariencia más fuerte y abundante.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/article\u003e\n \u003carticle class=\"abera-mech-mobile-slide\"\u003e\n \u003cimg class=\"abera-mech-real-img\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/Scalp_cleansing_comparison_anima__4K_202608111359.webp?v=1786435549\" alt=\"Ilustración de limpieza anticaspa y eliminación de exceso de grasa\" loading=\"lazy\"\u003e\n \u003cdiv class=\"abera-mech-mobile-card\"\u003e\n \u003cspan class=\"abera-mech-no\"\u003e06 • ANTICASPA\u003c\/span\u003e\n \u003ch3\u003eControla caspa + acumulación\u003c\/h3\u003e\n \u003cp\u003eElimina caspa, exceso de grasa y acumulación.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/article\u003e\n\n \u003c\/div\u003e\n\n \u003cdiv class=\"abera-mech-dots\"\u003e\n\n \u003cbutton type=\"button\" class=\"abera-mech-dot active\" aria-label=\"Ver acción folicular 1\" onclick=\"\n var wrap=this.closest('.abera-mech-mobile');\n var track=wrap.querySelector('.abera-mech-mobile-track');\n var slide=track.querySelectorAll('.abera-mech-mobile-slide')[0];\n track.scrollTo({left:slide.offsetLeft,behavior:'smooth'});\n \"\u003e\n \u003c\/button\u003e\n \u003cbutton type=\"button\" class=\"abera-mech-dot\" aria-label=\"Ver acción folicular 2\" onclick=\"\n var wrap=this.closest('.abera-mech-mobile');\n var track=wrap.querySelector('.abera-mech-mobile-track');\n var slide=track.querySelectorAll('.abera-mech-mobile-slide')[1];\n track.scrollTo({left:slide.offsetLeft,behavior:'smooth'});\n \"\u003e\n \u003c\/button\u003e\n \u003cbutton type=\"button\" class=\"abera-mech-dot\" aria-label=\"Ver acción folicular 3\" onclick=\"\n var wrap=this.closest('.abera-mech-mobile');\n var track=wrap.querySelector('.abera-mech-mobile-track');\n var slide=track.querySelectorAll('.abera-mech-mobile-slide')[2];\n track.scrollTo({left:slide.offsetLeft,behavior:'smooth'});\n \"\u003e\n \u003c\/button\u003e\n \u003cbutton type=\"button\" class=\"abera-mech-dot\" aria-label=\"Ver acción folicular 4\" onclick=\"\n var wrap=this.closest('.abera-mech-mobile');\n var track=wrap.querySelector('.abera-mech-mobile-track');\n var slide=track.querySelectorAll('.abera-mech-mobile-slide')[3];\n track.scrollTo({left:slide.offsetLeft,behavior:'smooth'});\n \"\u003e\n \u003c\/button\u003e\n \u003cbutton type=\"button\" class=\"abera-mech-dot\" aria-label=\"Ver acción folicular 5\" onclick=\"\n var wrap=this.closest('.abera-mech-mobile');\n var track=wrap.querySelector('.abera-mech-mobile-track');\n var slide=track.querySelectorAll('.abera-mech-mobile-slide')[4];\n track.scrollTo({left:slide.offsetLeft,behavior:'smooth'});\n \"\u003e\n \u003c\/button\u003e\n \u003cbutton type=\"button\" class=\"abera-mech-dot\" aria-label=\"Ver acción folicular 6\" onclick=\"\n var wrap=this.closest('.abera-mech-mobile');\n var track=wrap.querySelector('.abera-mech-mobile-track');\n var slide=track.querySelectorAll('.abera-mech-mobile-slide')[5];\n track.scrollTo({left:slide.offsetLeft,behavior:'smooth'});\n \"\u003e\n \u003c\/button\u003e\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n\u003c\/section\u003e\n\n\n\u003c!-- =========================================================\n 06 INGREDIENTS\n========================================================= --\u003e\n\n\u003csection class=\"abera-sec abera-soft abera-center\"\u003e\n\n \u003cspan class=\"abera-eye\"\u003e\n INGREDIENTES CLAVE PARA CABELLO + CUERO CABELLUDO\n \u003c\/span\u003e\n\n \u003ch2 class=\"abera-title\"\u003e\n Tecnología de péptidos + Ginseng de Langbian.\n \u003c\/h2\u003e\n\n\n \u003cdiv class=\"abera-ing\"\u003e\n\n\n \u003carticle class=\"abera-ing-card\"\u003e\n\n\u003cimg class=\"abera-ing-real-img\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/Scientific_hair_care_advertiseme__4K_202608111531.webp?v=1786437600\" alt=\"Ingrediente Octapeptide-2 para soporte folicular\" loading=\"lazy\"\u003e\n\n \u003cdiv class=\"abera-ing-copy\"\u003e\n\n \u003ch3\u003e\n Octapeptide-2\n \u003c\/h3\u003e\n\n \u003cp\u003e\n Favorece la señalización folicular\n y las raíces debilitadas.\n \u003c\/p\u003e\n\n \u003c\/div\u003e\n\n \u003c\/article\u003e\n\n\n\n \u003carticle class=\"abera-ing-card\"\u003e\n\n\u003cimg class=\"abera-ing-real-img\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/Ginseng_roots_photography_setup_4K_202608111532.webp?v=1786437601\" alt=\"Extracto de Ginseng de Langbian para el cuidado del cabello y cuero cabelludo\" loading=\"lazy\"\u003e\n\n \u003cdiv class=\"abera-ing-copy\"\u003e\n\n \u003ch3\u003e\n Ginseng de Langbian\n \u003c\/h3\u003e\n\n \u003cp\u003e\n Favorece la circulación del cuero cabelludo\n y la nutrición de la raíz.\n \u003c\/p\u003e\n\n \u003c\/div\u003e\n\n \u003c\/article\u003e\n\n\n\n \u003carticle class=\"abera-ing-card\"\u003e\n\n\u003cimg class=\"abera-ing-real-img\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/Ginger_root_studio_photography_4K_202608111532.webp?v=1786437600\" alt=\"Extracto de Jengibre para el cuidado del cuero cabelludo y raíces\" loading=\"lazy\"\u003e\n\n \u003cdiv class=\"abera-ing-copy\"\u003e\n\n \u003ch3\u003e\n Extracto de Jengibre\n \u003c\/h3\u003e\n\n \u003cp\u003e\n Complementa la circulación\n y el cuidado del cuero cabelludo.\n \u003c\/p\u003e\n\n \u003c\/div\u003e\n\n \u003c\/article\u003e\n\n\n\n \u003carticle class=\"abera-ing-card\"\u003e\n\n\u003cimg class=\"abera-ing-real-img\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/Botanical_scalp-care_ingredient___4K_202608111533.webp?v=1786437601\" alt=\"Complejo botánico para el cuidado de la caspa y el cabello\" loading=\"lazy\"\u003e\n\n \u003cdiv class=\"abera-ing-copy\"\u003e\n\n \u003ch3\u003e\n Complejo Botánico para el Cuero Cabelludo\n \u003c\/h3\u003e\n\n \u003cp\u003e\n Favorece el control de la caspa\n y un cuero cabelludo más limpio.\n \u003c\/p\u003e\n\n \u003c\/div\u003e\n\n \u003c\/article\u003e\n\n\n \u003c\/div\u003e\n\n\u003c\/section\u003e\n\n\n\n\u003c!-- =========================================================\n 07 BEFORE \/ AFTER\n========================================================= --\u003e\n\n\u003csection class=\"abera-sec abera-center\"\u003e\n\n \u003cspan class=\"abera-eye\"\u003e\n PROGRESO VISIBLE EN CABELLO + CUERO CABELLUDO\n \u003c\/span\u003e\n\n \u003ch2 class=\"abera-title\"\u003e\n Diferentes necesidades. Una sola rutina.\n \u003c\/h2\u003e\n\n \u003cdiv class=\"abera-swipe\"\u003e\n Desliza para explorar →\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"abera-scroll abera-results-track\" style=\"margin-top:20px;\" onscroll=\"\n var track=this;\n var cards=track.querySelectorAll('.abera-result');\n var dots=track.parentElement.querySelectorAll('.abera-result-dot');\n var best=0;\n var bestDistance=999999;\n\n cards.forEach(function(card,i){\n var distance=Math.abs(card.offsetLeft-track.scrollLeft);\n if(distance\u0026lt;bestDistance){\n bestDistance=distance;\n best=i;\n }\n });\n\n dots.forEach(function(dot,i){\n dot.classList.toggle('active',i===best);\n });\n \"\u003e\n\n\n \u003carticle class=\"abera-result\"\u003e\n\n \u003cspan class=\"abera-result-tag\"\u003e\n HOMBRE • CAÍDA DEL CABELLO\n \u003c\/span\u003e\n\n\u003cimg class=\"abera-result-real-img\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/Man_comparing_hair_shedding_results_202608111551.webp?v=1786439461\" alt=\"Antes y después de caída del cabello en hombre\" loading=\"lazy\"\u003e\n\n \u003cdiv class=\"abera-result-copy\"\u003e\n\n \u003ch3\u003e\n Caída del cabello\n \u003c\/h3\u003e\n\n \u003cp\u003e\n Menos cabello que se queda atrás.\n \u003c\/p\u003e\n\n \u003c\/div\u003e\n\n \u003c\/article\u003e\n\n\n\n \u003carticle class=\"abera-result\"\u003e\n\n \u003cspan class=\"abera-result-tag\"\u003e\n HOMBRE • CORONILLA MÁS FINA\n \u003c\/span\u003e\n\n\u003cimg class=\"abera-result-real-img\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/Hair_density_comparison_photography_4K_202608111554.webp?v=1786439461\" alt=\"Antes y después de coronilla afinada y densidad de aspecto más abundante\" loading=\"lazy\"\u003e\n\n \u003cdiv class=\"abera-result-copy\"\u003e\n\n \u003ch3\u003e\n Coronilla más fina\n \u003c\/h3\u003e\n\n \u003cp\u003e\n Densidad con apariencia más abundante.\n \u003c\/p\u003e\n\n \u003c\/div\u003e\n\n \u003c\/article\u003e\n\n\n\n \u003carticle class=\"abera-result\"\u003e\n\n \u003cspan class=\"abera-result-tag\"\u003e\n MUJER • RAYA MÁS ANCHA\n \u003c\/span\u003e\n\n\u003cimg class=\"abera-result-real-img\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/Woman_hair_thinning_before_after_202608111555.webp?v=1786439461\" alt=\"Antes y después de cabello afinado y raya central más ancha en mujer\" loading=\"lazy\"\u003e\n\n \u003cdiv class=\"abera-result-copy\"\u003e\n\n \u003ch3\u003e\n Raya más ancha\n \u003c\/h3\u003e\n\n \u003cp\u003e\n Raíces con apariencia más fuerte.\n \u003c\/p\u003e\n\n \u003c\/div\u003e\n\n \u003c\/article\u003e\n\n\n\n \u003carticle class=\"abera-result\"\u003e\n\n \u003cspan class=\"abera-result-tag\"\u003e\n HOMBRE • CABELLO DÉBIL\n \u003c\/span\u003e\n\n\u003cimg class=\"abera-result-real-img\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/Mature_man_comparing_hair_volume_202608111604.webp?v=1786439461\" alt=\"Antes y después de cabello débil y sin volumen en hombre maduro\" loading=\"lazy\"\u003e\n\n \u003cdiv class=\"abera-result-copy\"\u003e\n\n \u003ch3\u003e\n Cabello débil y sin volumen\n \u003c\/h3\u003e\n\n \u003cp\u003e\n Más volumen y vitalidad.\n \u003c\/p\u003e\n\n \u003c\/div\u003e\n\n \u003c\/article\u003e\n\n\n\n \u003carticle class=\"abera-result\"\u003e\n\n \u003cspan class=\"abera-result-tag\"\u003e\n HOMBRE • CASPA\n \u003c\/span\u003e\n\n\u003cimg class=\"abera-result-real-img\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/Scalp_comparison_before_and_after_202608111606.webp?v=1786439461\" alt=\"Antes y después de caspa y cuero cabelludo graso\" loading=\"lazy\"\u003e\n\n \u003cdiv class=\"abera-result-copy\"\u003e\n\n \u003ch3\u003e\n Caspa + grasa\n \u003c\/h3\u003e\n\n \u003cp\u003e\n Cuero cabelludo con apariencia más limpia.\n \u003c\/p\u003e\n\n \u003c\/div\u003e\n\n \u003c\/article\u003e\n\n\n \u003c\/div\u003e\n\n \u003cdiv class=\"abera-result-dots\"\u003e\n\n \u003cbutton type=\"button\" class=\"abera-result-dot active\" aria-label=\"Ver resultado 1\" onclick=\"\n var track=this.closest('section').querySelector('.abera-results-track');\n var card=track.querySelectorAll('.abera-result')[0];\n track.scrollTo({left:card.offsetLeft,behavior:'smooth'});\n \"\u003e\n \u003c\/button\u003e\n\n \u003cbutton type=\"button\" class=\"abera-result-dot\" aria-label=\"Ver resultado 2\" onclick=\"\n var track=this.closest('section').querySelector('.abera-results-track');\n var card=track.querySelectorAll('.abera-result')[1];\n track.scrollTo({left:card.offsetLeft,behavior:'smooth'});\n \"\u003e\n \u003c\/button\u003e\n\n \u003cbutton type=\"button\" class=\"abera-result-dot\" aria-label=\"Ver resultado 3\" onclick=\"\n var track=this.closest('section').querySelector('.abera-results-track');\n var card=track.querySelectorAll('.abera-result')[2];\n track.scrollTo({left:card.offsetLeft,behavior:'smooth'});\n \"\u003e\n \u003c\/button\u003e\n\n \u003cbutton type=\"button\" class=\"abera-result-dot\" aria-label=\"Ver resultado 4\" onclick=\"\n var track=this.closest('section').querySelector('.abera-results-track');\n var card=track.querySelectorAll('.abera-result')[3];\n track.scrollTo({left:card.offsetLeft,behavior:'smooth'});\n \"\u003e\n \u003c\/button\u003e\n\n \u003cbutton type=\"button\" class=\"abera-result-dot\" aria-label=\"Ver resultado 5\" onclick=\"\n var track=this.closest('section').querySelector('.abera-results-track');\n var card=track.querySelectorAll('.abera-result')[4];\n track.scrollTo({left:card.offsetLeft,behavior:'smooth'});\n \"\u003e\n \u003c\/button\u003e\n\n \u003c\/div\u003e\n\n\n \u003cp style=\"\n margin-top:12px;\n color:#7a8176;\n font-size:15px;\n line-height:1.5;\"\u003e\n Los resultados individuales pueden variar.\n \u003c\/p\u003e\n\n\n \u003ca href=\"#\" class=\"abera-btn\" onclick=\"\n event.preventDefault();\n\n var el=\n document.querySelector('variant-radios')||\n document.querySelector('variant-selects')||\n document.querySelector('.product-form__input')||\n document.querySelector('form[action*=\u0026quot;\/cart\/add\u0026quot;]')||\n document.querySelector('.product-form');\n\n if(el){\n el.scrollIntoView({\n behavior:'smooth',\n block:'center'\n });\n }else{\n window.scrollTo({\n top:0,\n behavior:'smooth'\n });\n }\n \"\u003e\n VER LA MEJOR OFERTA ↑\n \u003c\/a\u003e\n\n\u003c\/section\u003e\n\n\n\n\u003c!-- =========================================================\n 08 KOC VIDEO CAROUSEL\n========================================================= --\u003e\n\n\u003csection class=\"abera-sec abera-dark abera-center\"\u003e\n\n \u003cspan class=\"abera-eye\"\u003eLO QUE MÁS GUSTA DE ABERA\u003c\/span\u003e\n\n \u003ch2 class=\"abera-title\"\u003e\n Cuidado sencillo del cuero cabelludo que se siente diferente.\n \u003c\/h2\u003e\n\n \u003cp class=\"abera-sub\"\u003e\n Lo que más comentan: raíces más limpias, menos acumulación,\n mayor comodidad del cuero cabelludo y cabello de aspecto más suave.\n \u003c\/p\u003e\n\n \u003cdiv class=\"abera-swipe abera-swipe-light\"\u003e\n Desliza para ver →\n \u003c\/div\u003e\n\n \u003cdiv class=\"abera-koc-track\" style=\"margin-top:20px;\" onscroll=\"\n var track=this;\n var section=track.closest('section');\n\n if(window.innerWidth\u0026lt;=768){\n var cards=track.querySelectorAll('.abera-koc');\n var dots=section.querySelectorAll('.abera-koc-dots-mobile .abera-koc-dot');\n var best=0;\n var bestDistance=999999;\n\n cards.forEach(function(card,i){\n var left=card.getBoundingClientRect().left-track.getBoundingClientRect().left+track.scrollLeft;\n var distance=Math.abs(left-track.scrollLeft);\n if(distance\u0026lt;bestDistance){\n bestDistance=distance;\n best=i;\n }\n });\n\n dots.forEach(function(dot,i){\n dot.classList.toggle('active',i===best);\n });\n }else{\n var dots=section.querySelectorAll('.abera-koc-dots-desktop .abera-koc-dot');\n var maxScroll=Math.max(1,track.scrollWidth-track.clientWidth);\n var page=track.scrollLeft\u0026gt;maxScroll\/2 ? 1 : 0;\n\n dots.forEach(function(dot,i){\n dot.classList.toggle('active',i===page);\n });\n }\n \"\u003e\n\n\n \u003carticle class=\"abera-koc\"\u003e\n \u003cdiv class=\"abera-koc-frame abera-inline-video-wrap\"\u003e\n \u003cvideo class=\"abera-inline-video\" playsinline webkit-playsinline preload=\"metadata\" disablepictureinpicture x-webkit-airplay=\"deny\" onclick=\"\n var wrap=this.closest('.abera-inline-video-wrap');\n if(this.paused){\n this.play();\n }else{\n this.pause();\n }\n \" onplay=\"\n var wrap=this.closest('.abera-inline-video-wrap');\n if(wrap){wrap.classList.add('is-playing');}\n \" onpause=\"\n var wrap=this.closest('.abera-inline-video-wrap');\n if(wrap){wrap.classList.remove('is-playing');}\n \" onended=\"\n var wrap=this.closest('.abera-inline-video-wrap');\n if(wrap){wrap.classList.remove('is-playing');}\n \"\u003e\n \u003csource src=\"https:\/\/cdn.shopify.com\/videos\/c\/o\/v\/d83796ed1d834935a934375789297318.mp4\" type=\"video\/mp4\"\u003e\u003c\/video\u003e\n \u003cbutton type=\"button\" class=\"abera-inline-play\" aria-label=\"Reproducir video\" onclick=\"\n event.stopPropagation();\n var wrap=this.closest('.abera-inline-video-wrap');\n var v=wrap.querySelector('video');\n v.play();\n \"\u003e▶\u003c\/button\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"abera-koc-copy\"\u003e\n \u003cstrong\u003eCuero cabelludo limpio, sin sensación reseca\u003c\/strong\u003e\n \u003cspan\u003eRaíces frescas y una sensación más ligera y limpia después de enjuagar.\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/article\u003e\n\n \u003carticle class=\"abera-koc\"\u003e\n \u003cdiv class=\"abera-koc-frame abera-inline-video-wrap\"\u003e\n \u003cvideo class=\"abera-inline-video\" playsinline webkit-playsinline preload=\"metadata\" disablepictureinpicture x-webkit-airplay=\"deny\" onclick=\"\n var wrap=this.closest('.abera-inline-video-wrap');\n if(this.paused){\n this.play();\n }else{\n this.pause();\n }\n \" onplay=\"\n var wrap=this.closest('.abera-inline-video-wrap');\n if(wrap){wrap.classList.add('is-playing');}\n \" onpause=\"\n var wrap=this.closest('.abera-inline-video-wrap');\n if(wrap){wrap.classList.remove('is-playing');}\n \" onended=\"\n var wrap=this.closest('.abera-inline-video-wrap');\n if(wrap){wrap.classList.remove('is-playing');}\n \"\u003e\n \u003csource src=\"https:\/\/cdn.shopify.com\/videos\/c\/o\/v\/00b0f00f6d414799a9a3f9cbc8eda8c6.mp4\" type=\"video\/mp4\"\u003e\u003c\/video\u003e\n \u003cbutton type=\"button\" class=\"abera-inline-play\" aria-label=\"Reproducir video\" onclick=\"\n event.stopPropagation();\n var wrap=this.closest('.abera-inline-video-wrap');\n var v=wrap.querySelector('video');\n v.play();\n \"\u003e▶\u003c\/button\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"abera-koc-copy\"\u003e\n \u003cstrong\u003eLa caspa se siente más fácil de controlar\u003c\/strong\u003e\n \u003cspan\u003eUna rutina de limpieza para cuando la caspa y la acumulación siguen regresando.\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/article\u003e\n\n \u003carticle class=\"abera-koc\"\u003e\n \u003cdiv class=\"abera-koc-frame abera-inline-video-wrap\"\u003e\n \u003cvideo class=\"abera-inline-video\" playsinline webkit-playsinline preload=\"metadata\" disablepictureinpicture x-webkit-airplay=\"deny\" onclick=\"\n var wrap=this.closest('.abera-inline-video-wrap');\n if(this.paused){\n this.play();\n }else{\n this.pause();\n }\n \" onplay=\"\n var wrap=this.closest('.abera-inline-video-wrap');\n if(wrap){wrap.classList.add('is-playing');}\n \" onpause=\"\n var wrap=this.closest('.abera-inline-video-wrap');\n if(wrap){wrap.classList.remove('is-playing');}\n \" onended=\"\n var wrap=this.closest('.abera-inline-video-wrap');\n if(wrap){wrap.classList.remove('is-playing');}\n \"\u003e\n \u003csource src=\"https:\/\/cdn.shopify.com\/videos\/c\/o\/v\/fdf9286be96e4c68808860655f524c07.mp4\" type=\"video\/mp4\"\u003e\u003c\/video\u003e\n \u003cbutton type=\"button\" class=\"abera-inline-play\" aria-label=\"Reproducir video\" onclick=\"\n event.stopPropagation();\n var wrap=this.closest('.abera-inline-video-wrap');\n var v=wrap.querySelector('video');\n v.play();\n \"\u003e▶\u003c\/button\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"abera-koc-copy\"\u003e\n \u003cstrong\u003eCabello más suave y de aspecto saludable\u003c\/strong\u003e\n \u003cspan\u003eEl cabello se siente menos áspero después del lavado, sin acabado pesado.\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/article\u003e\n\n \u003carticle class=\"abera-koc\"\u003e\n \u003cdiv class=\"abera-koc-frame abera-inline-video-wrap\"\u003e\n \u003cvideo class=\"abera-inline-video\" playsinline webkit-playsinline preload=\"metadata\" disablepictureinpicture x-webkit-airplay=\"deny\" onclick=\"\n var wrap=this.closest('.abera-inline-video-wrap');\n if(this.paused){\n this.play();\n }else{\n this.pause();\n }\n \" onplay=\"\n var wrap=this.closest('.abera-inline-video-wrap');\n if(wrap){wrap.classList.add('is-playing');}\n \" onpause=\"\n var wrap=this.closest('.abera-inline-video-wrap');\n if(wrap){wrap.classList.remove('is-playing');}\n \" onended=\"\n var wrap=this.closest('.abera-inline-video-wrap');\n if(wrap){wrap.classList.remove('is-playing');}\n \"\u003e\n \u003csource src=\"https:\/\/cdn.shopify.com\/videos\/c\/o\/v\/d1a62fdbe0c7418f8af43387bc120793.mp4\" type=\"video\/mp4\"\u003e\u003c\/video\u003e\n \u003cbutton type=\"button\" class=\"abera-inline-play\" aria-label=\"Reproducir video\" onclick=\"\n event.stopPropagation();\n var wrap=this.closest('.abera-inline-video-wrap');\n var v=wrap.querySelector('video');\n v.play();\n \"\u003e▶\u003c\/button\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"abera-koc-copy\"\u003e\n \u003cstrong\u003eEspuma fácil. Enjuague fácil.\u003c\/strong\u003e\n \u003cspan\u003eLimpia bien sin dejar residuos pesados ni grasosos.\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/article\u003e\n\n \u003carticle class=\"abera-koc\"\u003e\n \u003cdiv class=\"abera-koc-frame abera-inline-video-wrap\"\u003e\n \u003cvideo class=\"abera-inline-video\" playsinline webkit-playsinline preload=\"metadata\" disablepictureinpicture x-webkit-airplay=\"deny\" onclick=\"\n var wrap=this.closest('.abera-inline-video-wrap');\n if(this.paused){\n this.play();\n }else{\n this.pause();\n }\n \" onplay=\"\n var wrap=this.closest('.abera-inline-video-wrap');\n if(wrap){wrap.classList.add('is-playing');}\n \" onpause=\"\n var wrap=this.closest('.abera-inline-video-wrap');\n if(wrap){wrap.classList.remove('is-playing');}\n \" onended=\"\n var wrap=this.closest('.abera-inline-video-wrap');\n if(wrap){wrap.classList.remove('is-playing');}\n \"\u003e\n \u003csource src=\"https:\/\/cdn.shopify.com\/videos\/c\/o\/v\/438999bae8ae40569e04607659ed9d30.mp4\" type=\"video\/mp4\"\u003e\u003c\/video\u003e\n \u003cbutton type=\"button\" class=\"abera-inline-play\" aria-label=\"Reproducir video\" onclick=\"\n event.stopPropagation();\n var wrap=this.closest('.abera-inline-video-wrap');\n var v=wrap.querySelector('video');\n v.play();\n \"\u003e▶\u003c\/button\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"abera-koc-copy\"\u003e\n \u003cstrong\u003eRaíces con sensación más fresca\u003c\/strong\u003e\n \u003cspan\u003eMejor equilibrio entre limpieza del cuero cabelludo y cuidado diario del cabello.\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/article\u003e\n\n \u003carticle class=\"abera-koc\"\u003e\n \u003cdiv class=\"abera-koc-frame abera-inline-video-wrap\"\u003e\n \u003cvideo class=\"abera-inline-video\" playsinline webkit-playsinline preload=\"metadata\" disablepictureinpicture x-webkit-airplay=\"deny\" onclick=\"\n var wrap=this.closest('.abera-inline-video-wrap');\n if(this.paused){\n this.play();\n }else{\n this.pause();\n }\n \" onplay=\"\n var wrap=this.closest('.abera-inline-video-wrap');\n if(wrap){wrap.classList.add('is-playing');}\n \" onpause=\"\n var wrap=this.closest('.abera-inline-video-wrap');\n if(wrap){wrap.classList.remove('is-playing');}\n \" onended=\"\n var wrap=this.closest('.abera-inline-video-wrap');\n if(wrap){wrap.classList.remove('is-playing');}\n \"\u003e\n \u003csource src=\"https:\/\/cdn.shopify.com\/videos\/c\/o\/v\/e15b35b97ba54bd8b0d56eb81b6a7bac.mp4\" type=\"video\/mp4\"\u003e\u003c\/video\u003e\n \u003cbutton type=\"button\" class=\"abera-inline-play\" aria-label=\"Reproducir video\" onclick=\"\n event.stopPropagation();\n var wrap=this.closest('.abera-inline-video-wrap');\n var v=wrap.querySelector('video');\n v.play();\n \"\u003e▶\u003c\/button\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"abera-koc-copy\"\u003e\n \u003cstrong\u003eUna rutina para múltiples necesidades\u003c\/strong\u003e\n \u003cspan\u003eAyuda a tratar grasa, caspa, acumulación y cabello de aspecto débil en una sola rutina.\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/article\u003e\n\n\n \u003c\/div\u003e\n\n \u003c!-- DESKTOP: 2 PAGES, 3 VIDEOS PER PAGE --\u003e\n \u003cdiv class=\"abera-koc-dots abera-koc-dots-desktop\"\u003e\n\n \u003cbutton type=\"button\" class=\"abera-koc-dot active\" aria-label=\"Ver videos 1 a 3\" onclick=\"\n var track=this.closest('section').querySelector('.abera-koc-track');\n track.scrollTo({left:0,behavior:'smooth'});\n \"\u003e\n \u003c\/button\u003e\n\n \u003cbutton type=\"button\" class=\"abera-koc-dot\" aria-label=\"Ver videos 4 a 6\" onclick=\"\n var track=this.closest('section').querySelector('.abera-koc-track');\n var maxScroll=track.scrollWidth-track.clientWidth;\n track.scrollTo({left:maxScroll,behavior:'smooth'});\n \"\u003e\n \u003c\/button\u003e\n\n \u003c\/div\u003e\n\n \u003c!-- MOBILE: 1 DOT PER VIDEO --\u003e\n \u003cdiv class=\"abera-koc-dots abera-koc-dots-mobile\"\u003e\n\n\n \u003cbutton type=\"button\" class=\"abera-koc-dot active\" aria-label=\"Ver reseña 1\" onclick=\"\n var section=this.closest('section');\n var track=section.querySelector('.abera-koc-track');\n var card=track.querySelectorAll('.abera-koc')[0];\n var left=card.getBoundingClientRect().left-track.getBoundingClientRect().left+track.scrollLeft;\n track.scrollTo({left:left,behavior:'smooth'});\n \"\u003e\n \u003c\/button\u003e\n\n \u003cbutton type=\"button\" class=\"abera-koc-dot\" aria-label=\"Ver reseña 2\" onclick=\"\n var section=this.closest('section');\n var track=section.querySelector('.abera-koc-track');\n var card=track.querySelectorAll('.abera-koc')[1];\n var left=card.getBoundingClientRect().left-track.getBoundingClientRect().left+track.scrollLeft;\n track.scrollTo({left:left,behavior:'smooth'});\n \"\u003e\n \u003c\/button\u003e\n\n \u003cbutton type=\"button\" class=\"abera-koc-dot\" aria-label=\"Ver reseña 3\" onclick=\"\n var section=this.closest('section');\n var track=section.querySelector('.abera-koc-track');\n var card=track.querySelectorAll('.abera-koc')[2];\n var left=card.getBoundingClientRect().left-track.getBoundingClientRect().left+track.scrollLeft;\n track.scrollTo({left:left,behavior:'smooth'});\n \"\u003e\n \u003c\/button\u003e\n\n \u003cbutton type=\"button\" class=\"abera-koc-dot\" aria-label=\"Ver reseña 4\" onclick=\"\n var section=this.closest('section');\n var track=section.querySelector('.abera-koc-track');\n var card=track.querySelectorAll('.abera-koc')[3];\n var left=card.getBoundingClientRect().left-track.getBoundingClientRect().left+track.scrollLeft;\n track.scrollTo({left:left,behavior:'smooth'});\n \"\u003e\n \u003c\/button\u003e\n\n \u003cbutton type=\"button\" class=\"abera-koc-dot\" aria-label=\"Ver reseña 5\" onclick=\"\n var section=this.closest('section');\n var track=section.querySelector('.abera-koc-track');\n var card=track.querySelectorAll('.abera-koc')[4];\n var left=card.getBoundingClientRect().left-track.getBoundingClientRect().left+track.scrollLeft;\n track.scrollTo({left:left,behavior:'smooth'});\n \"\u003e\n \u003c\/button\u003e\n\n \u003cbutton type=\"button\" class=\"abera-koc-dot\" aria-label=\"Ver reseña 6\" onclick=\"\n var section=this.closest('section');\n var track=section.querySelector('.abera-koc-track');\n var card=track.querySelectorAll('.abera-koc')[5];\n var left=card.getBoundingClientRect().left-track.getBoundingClientRect().left+track.scrollLeft;\n track.scrollTo({left:left,behavior:'smooth'});\n \"\u003e\n \u003c\/button\u003e\n\n\n \u003c\/div\u003e\n\n\u003c\/section\u003e\n\n\n\n\u003c!-- =========================================================\n 09 CÓMO USAR\n========================================================= --\u003e\n\n\u003csection class=\"abera-sec abera-dark\"\u003e\n\n \u003cdiv class=\"abera-center\"\u003e\n\n \u003cspan class=\"abera-eye\"\u003e\n CÓMO USAR\n \u003c\/span\u003e\n\n \u003ch2 class=\"abera-title\"\u003e\n Limpia el cuero cabelludo sin excederte.\n \u003c\/h2\u003e\n\n \u003cp class=\"abera-sub\"\u003e\n Concéntrate en el cuero cabelludo y las raíces, no en el largo del cabello.\n \u003c\/p\u003e\n\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"abera-steps\"\u003e\n\n \u003cdiv class=\"abera-step\"\u003e\n\n \u003cb\u003e01\u003c\/b\u003e\n\n \u003ch3\u003e\n Moja por completo\n \u003c\/h3\u003e\n\n \u003cp\u003e\n Humedece bien el cuero cabelludo y el cabello con agua tibia.\n \u003c\/p\u003e\n\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"abera-step\"\u003e\n\n \u003cb\u003e02\u003c\/b\u003e\n\n \u003ch3\u003e\n Haz espuma en las manos\n \u003c\/h3\u003e\n\n \u003cp\u003e\n Aplica una pequeña cantidad y frótala entre las palmas durante 5–10 segundos.\n \u003c\/p\u003e\n\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"abera-step\"\u003e\n\n \u003cb\u003e03\u003c\/b\u003e\n\n \u003ch3\u003e\n Masajea 60–90 seg\n \u003c\/h3\u003e\n\n \u003cp\u003e\n Masajea el cuero cabelludo y las raíces con las yemas de los dedos. Deja la espuma actuar durante 1–2 minutos.\n \u003c\/p\u003e\n\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"abera-step\"\u003e\n\n \u003cb\u003e04\u003c\/b\u003e\n\n \u003ch3\u003e\n Enjuaga por completo\n \u003c\/h3\u003e\n\n \u003cp\u003e\n Enjuaga bien. Repite solo si el cuero cabelludo está muy graso o tiene mucha acumulación.\n \u003c\/p\u003e\n\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"abera-use-tips\"\u003e\n \u003cstrong\u003eConsejos rápidos:\u003c\/strong\u003e\n Evita el agua caliente • No te rasques con las uñas • Aplica el shampoo principalmente en el cuero cabelludo •\n Si el cabello se siente seco o tirante, reduce el tiempo de contacto o úsalo con menor frecuencia.\n \u003c\/div\u003e\n\n\u003c\/section\u003e\n\n\n\u003c!-- =========================================================\n 10 QUALITY + COMPARISON\n========================================================= --\u003e\n\n\u003csection class=\"abera-sec abera-soft abera-center\"\u003e\n\n \u003c!-- QUALITY DOCUMENTS --\u003e\n\n \u003cspan class=\"abera-eye\"\u003e\n DOCUMENTACIÓN DE CALIDAD Y SEGURIDAD\n \u003c\/span\u003e\n\n \u003ch2 class=\"abera-title\"\u003e\n Certificaciones globales de calidad y seguridad.\n \u003c\/h2\u003e\n\n \u003cp class=\"abera-sub\"\u003e\n Documentos de producto y fabricación\n presentados claramente para mayor transparencia.\n \u003c\/p\u003e\n\n\n \u003cdiv class=\"abera-cert-grid\"\u003e\n\n\n \u003carticle class=\"abera-cert-card\"\u003e\n\n\u003cimg class=\"abera-cert-real-img\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/FDA.jpg?v=1786441226\" alt=\"Documentación de calidad y seguridad del producto ABERA\" loading=\"lazy\"\u003e\n\n \u003cdiv class=\"abera-cert-info\"\u003e\n\n \u003cstrong\u003e\n Documentación de Producto y Seguridad\n \u003c\/strong\u003e\n\n \u003c\/div\u003e\n\n \u003c\/article\u003e\n\n\n\n \u003carticle class=\"abera-cert-card\"\u003e\n\n \u003cimg class=\"abera-cert-real-img\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/FDA_2.jpg?v=1786441227\" alt=\"Documentación de fabricación y calidad de ABERA\" loading=\"lazy\"\u003e\n\n \u003cdiv class=\"abera-cert-info\"\u003e\n\n \u003cstrong\u003e\n Estándares de Fabricación y Calidad\n \u003c\/strong\u003e\n\n \u003c\/div\u003e\n\n \u003c\/article\u003e\n\u003c\/div\u003e\n\n \n \u003c\/section\u003e\n\n\n\n \u003c!-- COMPARISON --\u003e\n\n \u003cdiv class=\"abera-compare-head\"\u003e\n\n \u003cspan class=\"abera-eye\"\u003e\n POR QUÉ ABERA SE DESTACA\n \u003c\/span\u003e\n\n \u003ch2 class=\"abera-title\"\u003e\n Más que un shampoo básico.\n \u003c\/h2\u003e\n\n \u003cp class=\"abera-sub\"\u003e\n La limpieza diaria se combina con cuidado dirigido al cuero cabelludo,\n los folículos y la caída del cabello.\n \u003c\/p\u003e\n\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"abera-compare-grid\"\u003e\n\n\n \u003carticle class=\"abera-compare-card abera-compare-basic\"\u003e\n\n\u003cimg class=\"abera-compare-real-img\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/blank-bottle-20250320181104-dnmya.png?v=1786441765\" alt=\"Comparación con botella de shampoo básico\" loading=\"lazy\"\u003e\n\n \u003ch3\u003e\n Shampoo básico\n \u003c\/h3\u003e\n\n \u003cdiv class=\"abera-compare-list\"\u003e\n\n \u003cdiv class=\"abera-compare-row\"\u003e\n \u003cspan class=\"abera-x\"\u003e×\u003c\/span\u003e\n \u003cspan\u003eSolo limpieza superficial\u003c\/span\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"abera-compare-row\"\u003e\n \u003cspan class=\"abera-x\"\u003e×\u003c\/span\u003e\n \u003cspan\u003eSoporte limitado para cabello débil y propenso a la caída\u003c\/span\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"abera-compare-row\"\u003e\n \u003cspan class=\"abera-x\"\u003e×\u003c\/span\u003e\n \u003cspan\u003eSin sistema dirigido de señalización folicular\u003c\/span\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"abera-compare-row\"\u003e\n \u003cspan class=\"abera-x\"\u003e×\u003c\/span\u003e\n \u003cspan\u003eEnfocado principalmente en limpieza superficial\u003c\/span\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"abera-compare-row\"\u003e\n \u003cspan class=\"abera-x\"\u003e×\u003c\/span\u003e\n \u003cspan\u003eCuidado limitado del cuero cabelludo + raíces\u003c\/span\u003e\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n \u003c\/article\u003e\n\n\n\n \u003carticle class=\"abera-compare-card abera-compare-abera\"\u003e\n\n\u003cimg class=\"abera-compare-real-img\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/hop-chai-mt_1x1_1-box-20250320115655-4llx.jpg?v=1786441766\" alt=\"Comparación de ABERA Langbian Ginseng Shampoo\" loading=\"lazy\"\u003e\n \n \u003ch3\u003e\n ABERA Ginseng Shampoo\n \u003c\/h3\u003e\n\n \u003cdiv class=\"abera-compare-list\"\u003e\n\n \u003cdiv class=\"abera-compare-row\"\u003e\n \u003cspan class=\"abera-tick\"\u003e✓\u003c\/span\u003e\n \u003cspan\u003eOctapeptide-2 favorece la señalización folicular\u003c\/span\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"abera-compare-row\"\u003e\n \u003cspan class=\"abera-tick\"\u003e✓\u003c\/span\u003e\n \u003cspan\u003eGinseng de Langbian + Jengibre favorecen la microcirculación\u003c\/span\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"abera-compare-row\"\u003e\n \u003cspan class=\"abera-tick\"\u003e✓\u003c\/span\u003e\n \u003cspan\u003eAyuda a reducir la caída y favorece un cabello con apariencia más abundante\u003c\/span\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"abera-compare-row\"\u003e\n \u003cspan class=\"abera-tick\"\u003e✓\u003c\/span\u003e\n \u003cspan\u003eControla la caspa, el exceso de grasa y la acumulación\u003c\/span\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"abera-compare-row\"\u003e\n \u003cspan class=\"abera-tick\"\u003e✓\u003c\/span\u003e\n \u003cspan\u003eCuidado de cuero cabelludo + raíces + cabello en un solo lavado\u003c\/span\u003e\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n \u003c\/article\u003e\n\n\n \u003c\/div\u003e\n\n\n\n\n\n\u003c!-- =========================================================\n 11 FAQ\n========================================================= --\u003e\n\n\u003csection class=\"abera-sec\"\u003e\n\n \u003cdiv class=\"abera-center\"\u003e\n\n \u003cspan class=\"abera-eye\"\u003e\n PREGUNTAS FRECUENTES SOBRE ABERA GINSENG SHAMPOO\n \u003c\/span\u003e\n\n \u003ch2 class=\"abera-title\"\u003e\n Caída, crecimiento + caspa\n \u003c\/h2\u003e\n\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"abera-faq\"\u003e\n\n\n \u003cdetails\u003e\n\n \u003csummary\u003e\n ¿ABERA es un shampoo para la caída del cabello?\n \u003c\/summary\u003e\n\n \u003cp\u003e\n Sí. ABERA está diseñado para cabello débil,\n afinado y propenso a la caída,\n mientras favorece una apariencia más fuerte\n y abundante.\n \u003c\/p\u003e\n\n \u003c\/details\u003e\n\n\n\n \u003cdetails\u003e\n\n \u003csummary\u003e\n ¿Las mujeres pueden usar ABERA?\n \u003c\/summary\u003e\n\n \u003cp\u003e\n Sí. ABERA es apto para hombres\n y mujeres con caída del cabello,\n afinamiento o necesidades del cuero cabelludo.\n \u003c\/p\u003e\n\n \u003c\/details\u003e\n\n\n\n \u003cdetails\u003e\n\n \u003csummary\u003e\n ¿ABERA es anticaspa?\n \u003c\/summary\u003e\n\n \u003cp\u003e\n Sí. Actúa sobre la caspa visible,\n el exceso de grasa y la acumulación en el cuero cabelludo.\n \u003c\/p\u003e\n\n \u003c\/details\u003e\n\n\n\n \u003cdetails\u003e\n\n \u003csummary\u003e\n ¿Qué hace Octapeptide-2?\n \u003c\/summary\u003e\n\n \u003cp\u003e\n Favorece la señalización folicular\n y las raíces debilitadas.\n \u003c\/p\u003e\n\n \u003c\/details\u003e\n\n\n\n \u003cdetails\u003e\n\n \u003csummary\u003e\n ¿Qué hace el Ginseng de Langbian?\n \u003c\/summary\u003e\n\n \u003cp\u003e\n El Ginseng de Langbian favorece\n la microcirculación del cuero cabelludo,\n la nutrición de la raíz y un cabello con apariencia más fuerte.\n \u003c\/p\u003e\n\n \u003c\/details\u003e\n\n\n\n \u003cdetails\u003e\n\n \u003csummary\u003e\n ¿Cómo ayuda ABERA a los folículos menos activos?\n \u003c\/summary\u003e\n\n \u003cp\u003e\n Su sistema folicular combina señalización,\n circulación y nutrición de la raíz\n para favorecer folículos menos activos\n y un cabello con apariencia más abundante.\n \u003c\/p\u003e\n\n \u003c\/details\u003e\n\n\n\n \u003cdetails\u003e\n\n \u003csummary\u003e\n ¿Cómo se usa?\n \u003c\/summary\u003e\n\n \u003cp\u003e\n Masajea sobre el cuero cabelludo y las raíces húmedas,\n crea abundante espuma\n y enjuaga completamente.\n \u003c\/p\u003e\n\n \u003c\/details\u003e\n\n\n \u003c\/div\u003e\n\n\u003c\/section\u003e\n\n\n\n\u003c!-- =========================================================\n 12 FINAL CTA\n========================================================= --\u003e\n\n\u003csection class=\"abera-final\"\u003e\n\n \u003cspan class=\"abera-eye\" style=\"color:#d3e99b;\"\u003e\n COMIENZA TU RUTINA DE RAÍZ A CUERO CABELLUDO\n \u003c\/span\u003e\n\n \u003ch2\u003e\n Combate la caída.\u003cbr\u003e\n Controla la caspa.\u003cbr\u003e\n Logra un cabello con apariencia más fuerte.\n \u003c\/h2\u003e\n\n \u003cp\u003e\n Octapeptide-2 + Ginseng de Langbian:\n cuidado folicular para hombres y mujeres.\n \u003c\/p\u003e\n\n\n \u003ca href=\"#\" class=\"abera-btn abera-btn-light\" onclick=\"\n event.preventDefault();\n\n var el=\n document.querySelector('variant-radios')||\n document.querySelector('variant-selects')||\n document.querySelector('.product-form__input')||\n document.querySelector('form[action*=\u0026quot;\/cart\/add\u0026quot;]')||\n document.querySelector('.product-form');\n\n if(el){\n el.scrollIntoView({\n behavior:'smooth',\n block:'center'\n });\n }else{\n window.scrollTo({\n top:0,\n behavior:'smooth'\n });\n }\n \"\u003e\n ELIGE TU SET DE TRATAMIENTO ↑\n \u003c\/a\u003e\n\n\n \u003cp class=\"abera-offer\"\u003e\n Ahorra más con los bundles • Envío gratis en EE. UU.\n \u003c\/p\u003e\n\n\u003c\/section\u003e\n\n\n\u003c\/div\u003e","brand":"ABERA US","offers":[{"title":"1 BOX","offer_id":54054854951280,"sku":"CB-LANGBIAN096+SL1","price":29.95,"currency_code":"USD","in_stock":true},{"title":"BUY 2 (SAVE 25%) + GIFT 5-EYES MASK","offer_id":54058813161840,"sku":"CB-LANGBIAN096+SL2-CB-CBMASK05+SL1","price":42.95,"currency_code":"USD","in_stock":true},{"title":"BUY 3 (SAVE 35%) + GIFT Derma Roller","offer_id":54058813194608,"sku":"CB-LANGBIAN096+SL3-CB-LKOEM050+SL1","price":59.95,"currency_code":"USD","in_stock":true},{"title":"1 SHAMPOO + 1 FOLLICULITIS WASH (SAVE 20%)","offer_id":54060753191280,"sku":"CB-LANGBIAN096+SL1-CB-GTABERA087+SL1","price":48.95,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/11111-20260302084202-y9si.webp?v=1784604395"},{"product_id":"abera-instant-hair-dye-shampoo-10-packs","title":"Champú Tinte Instantáneo ABERA - 10 Paquetes, Cubre las Canas en 15 Minutos, para Hombres y Mujeres","description":"\u003c!-- =========================================================\nABERA HAIR DYE — HERO + QUICK BENEFITS\nUPDATED BENEFIT CONTENT\n========================================================= --\u003e\n\u003cstyle\u003e\n\n\/* =========================================================\nROOT\n========================================================= *\/\n\n#abera-hero-v4,\n#abera-hero-v4 * {\n box-sizing: border-box;\n}\n\n#abera-hero-v4 {\n --black: #0f0f0f;\n --gold: #b07d2f;\n --gold-light: #e7cf9e;\n --ivory: #f7f3ec;\n --text: #171717;\n --muted: #5f5952;\n\n width: 100%;\n margin: 0;\n padding: 0;\n\n overflow: hidden;\n\n background: var(--ivory);\n\n font-family:\n \"Inter\",\n Arial,\n sans-serif;\n\n color: var(--text);\n}\n\n\n\/* =========================================================\nHERO\n========================================================= *\/\n\n#abera-hero-v4 .ahv4-main {\n width: 100%;\n\n padding:\n clamp(55px, 6vw, 92px)\n 0\n clamp(62px, 6vw, 98px);\n\n background:\n radial-gradient(\n circle at 78% 8%,\n rgba(223, 194, 138, .20),\n transparent 32%\n ),\n var(--ivory);\n}\n\n\n\/* =========================================================\nCONTAINER\n========================================================= *\/\n\n#abera-hero-v4 .ahv4-container {\n width: 100%;\n max-width: 1500px;\n\n margin: 0 auto;\n\n padding-left:\n clamp(36px, 7vw, 112px);\n\n padding-right:\n clamp(36px, 7vw, 112px);\n}\n\n\n\/* =========================================================\nGRID\n========================================================= *\/\n\n#abera-hero-v4 .ahv4-grid {\n display: grid;\n\n grid-template-columns:\n minmax(0, 1.08fr)\n minmax(430px, .92fr);\n\n gap:\n clamp(60px, 7vw, 115px);\n\n align-items: center;\n}\n\n\n\/* =========================================================\nLEFT\n========================================================= *\/\n\n#abera-hero-v4 .ahv4-copy {\n min-width: 0;\n}\n\n\n\/* =========================================================\nEYEBROW\n========================================================= *\/\n\n#abera-hero-v4 .ahv4-eyebrow {\n display: inline-flex;\n\n align-items: center;\n justify-content: center;\n\n margin:\n 0\n 0\n 32px;\n\n padding:\n 10px\n 18px;\n\n border:\n 1px solid\n rgba(176, 125, 47, .38);\n\n border-radius: 999px;\n\n background:\n rgba(255, 255, 255, .55);\n\n color: #8c6429;\n\n font-size: 14px;\n line-height: 1;\n\n font-weight: 600;\n\n letter-spacing: 1.5px;\n\n text-transform: uppercase;\n}\n\n\n\/* =========================================================\nTITLE\n========================================================= *\/\n\n#abera-hero-v4 .ahv4-title {\n max-width: 760px;\n\n margin:\n 0\n 0\n 30px;\n\n color: var(--black);\n\n font-size:\n clamp(30px, 4vw, 50px);\n\n line-height: 0.99;\n\n font-weight: 600;\n\n letter-spacing: 0px;\n\n text-transform: uppercase;\n}\n\n\n#abera-hero-v4 .ahv4-title span {\n display: block;\n\n margin-top: 8px;\n\n color: var(--gold);\n}\n\n\n\/* =========================================================\nDESCRIPTION\n========================================================= *\/\n\n#abera-hero-v4 .ahv4-description {\n max-width: 740px;\n\n margin:\n 0\n 0\n 31px;\n\n color: var(--muted);\n\n font-size: 18px;\n line-height: 1.7;\n\n font-weight: 400;\n}\n\n\n#abera-hero-v4 .ahv4-description strong {\n color: var(--black);\n\n font-weight: 600;\n}\n\n\n\/* =========================================================\nUSP GRID\n========================================================= *\/\n\n#abera-hero-v4 .ahv4-usps {\n display: grid;\n\n grid-template-columns:\n repeat(2, minmax(0, 1fr));\n\n gap:\n 20px\n 38px;\n\n max-width: 760px;\n}\n\n\n#abera-hero-v4 .ahv4-usp {\n min-width: 0;\n\n display: flex;\n\n align-items: flex-start;\n\n gap: 12px;\n\n color: #27231f;\n\n font-size: 17px;\n line-height: 1.5;\n\n font-weight: 400;\n}\n\n\n#abera-hero-v4 .ahv4-check {\n width: 26px;\n height: 26px;\n\n flex:\n 0 0\n 26px;\n\n display: inline-flex;\n\n align-items: center;\n justify-content: center;\n\n margin-top: 1px;\n\n border-radius: 50%;\n\n background: var(--black);\n\n color: var(--gold-light);\n\n font-size: 13px;\n line-height: 1;\n\n font-weight: 600;\n}\n\n\n\/* =========================================================\nIMAGE\n========================================================= *\/\n\n#abera-hero-v4 .ahv4-media {\n position: relative;\n\n width: 100%;\n\n aspect-ratio: 1 \/ 1;\n\n display: flex;\n\n align-items: center;\n justify-content: center;\n\n overflow: visible;\n\n background: transparent;\n}\n\n\n#abera-hero-v4 .ahv4-media img {\n width: 100%;\n height: 100%;\n\n display: block;\n\n object-fit: cover;\n object-position: center;\n\n border: 10;\n border-radius: 10;\n\n background: transparent;\n\n box-shadow: none;\n}\n\n\n\/* =========================================================\n15 MIN BADGE\n========================================================= *\/\n\n#abera-hero-v4 .ahv4-badge {\n position: absolute;\n\n z-index: 5;\n\n top: 22px;\n right: 22px;\n\n width: 132px;\n height: 132px;\n\n display: flex;\n\n flex-direction: column;\n\n align-items: center;\n justify-content: center;\n\n border:\n 1px solid\n var(--gold);\n\n border-radius: 50%;\n\n background:\n rgba(15, 15, 15, .97);\n\n text-align: center;\n}\n\n\n#abera-hero-v4 .ahv4-badge strong {\n display: block;\n\n color: var(--gold-light);\n\n font-size: 30px;\n line-height: 1;\n\n font-weight: 500;\n}\n\n\n#abera-hero-v4 .ahv4-badge span {\n display: block;\n\n margin-top: 9px;\n\n color: #ffffff;\n\n font-size: 10px;\n line-height: 1.25;\n\n font-weight: 400;\n\n text-transform: uppercase;\n}\n\n\n\/* =========================================================\nQUICK BENEFIT BAR\n========================================================= *\/\n\n#abera-hero-v4 .ahv4-benefits {\n width: 100%;\n\n background: var(--black);\n}\n\n\n#abera-hero-v4 .ahv4-benefits-grid {\n width: 100%;\n\n display: grid;\n\n grid-template-columns:\n repeat(4, minmax(0, 1fr));\n}\n\n\n\/* BENEFIT ITEM *\/\n\n#abera-hero-v4 .ahv4-benefit {\n min-width: 0;\n\n display: flex;\n\n flex-direction: column;\n\n align-items: center;\n justify-content: center;\n\n padding:\n 28px\n 18px;\n\n border-right:\n 1px solid\n rgba(255, 255, 255, .12);\n\n text-align: center;\n}\n\n\n#abera-hero-v4\n.ahv4-benefit:last-child {\n border-right: 0;\n}\n\n\n\/* SMALL LINE *\/\n\n#abera-hero-v4 .ahv4-benefit span {\n display: block;\n\n margin-bottom: 5px;\n\n color: #d2cec8;\n\n font-size: 15px;\n line-height: 1.35;\n\n font-weight: 400;\n}\n\n\n\/* STRONG LINE *\/\n\n#abera-hero-v4 .ahv4-benefit strong {\n display: block;\n\n margin: 0;\n\n color: var(--gold-light);\n\n font-size: 20px;\n line-height: 1.3;\n\n font-weight: 600;\n\n text-transform: none;\n}\n\n\n\/* =========================================================\nTABLET\n========================================================= *\/\n\n@media\n(min-width: 768px)\nand\n(max-width: 1199px) {\n\n #abera-hero-v4 .ahv4-main {\n padding:\n 45px\n 0\n 55px;\n }\n\n\n #abera-hero-v4 .ahv4-container {\n padding-left: 34px;\n padding-right: 34px;\n }\n\n\n #abera-hero-v4 .ahv4-grid {\n grid-template-columns:\n minmax(0, 1fr)\n minmax(340px, .9fr);\n\n gap: 38px;\n }\n\n\n #abera-hero-v4 .ahv4-title {\n font-size:\n clamp(30px, 4vw, 50px);\n\n letter-spacing: -2px;\n }\n\n\n #abera-hero-v4 .ahv4-description {\n font-size: 16px;\n }\n\n\n #abera-hero-v4 .ahv4-usps {\n grid-template-columns: 1fr;\n\n gap: 13px;\n }\n\n\n #abera-hero-v4 .ahv4-usp {\n font-size: 15px;\n }\n\n\n #abera-hero-v4 .ahv4-badge {\n width: 100px;\n height: 100px;\n\n top: 14px;\n right: 14px;\n }\n\n\n #abera-hero-v4 .ahv4-badge strong {\n font-size: 23px;\n }\n\n\n #abera-hero-v4 .ahv4-badge span {\n font-size: 8px;\n }\n\n\n #abera-hero-v4 .ahv4-benefit strong {\n font-size: 17px;\n }\n\n\n #abera-hero-v4 .ahv4-benefit span {\n font-size: 13px;\n }\n\n}\n\n\n\/* =========================================================\nMOBILE\n========================================================= *\/\n\n@media (max-width: 767px) {\n\n #abera-hero-v4 .ahv4-main {\n padding:\n 16px\n 0\n 34px;\n }\n\n\n #abera-hero-v4 .ahv4-container {\n padding-left: 16px;\n padding-right: 16px;\n }\n\n\n \/* IMAGE FIRST *\/\n\n #abera-hero-v4 .ahv4-grid {\n display: flex;\n\n flex-direction: column;\n\n gap: 27px;\n }\n\n\n #abera-hero-v4 .ahv4-media {\n order: 1;\n }\n\n\n #abera-hero-v4 .ahv4-copy {\n order: 2;\n\n width: 100%;\n }\n\n\n \/* EYEBROW *\/\n\n #abera-hero-v4 .ahv4-eyebrow {\n margin-bottom: 18px;\n\n padding:\n 8px\n 12px;\n\n font-size: 10px;\n\n letter-spacing: 1px;\n }\n\n\n \/* TITLE *\/\n\n #abera-hero-v4 .ahv4-title {\n width: 100%;\n\n margin-bottom: 20px;\n\n font-size:\n clamp(40px, 3vw, 40px);\n\n line-height: 1.02;\n\n letter-spacing: -1.6px;\n\n white-space: normal;\n\n word-break: normal;\n }\n\n\n #abera-hero-v4 .ahv4-title span {\n margin-top: 5px;\n }\n\n\n \/* DESCRIPTION *\/\n\n #abera-hero-v4 .ahv4-description {\n width: 100%;\n\n margin-bottom: 23px;\n\n font-size: 16px;\n line-height: 1.62;\n\n word-break: normal;\n\n overflow-wrap: break-word;\n\n hyphens: none;\n\n -webkit-hyphens: none;\n }\n\n\n \/* USP *\/\n\n #abera-hero-v4 .ahv4-usps {\n width: 100%;\n\n grid-template-columns: 1fr;\n\n gap: 13px;\n }\n\n\n #abera-hero-v4 .ahv4-usp {\n width: 100%;\n\n gap: 10px;\n\n font-size: 15px;\n line-height: 1.5;\n\n word-break: normal;\n\n overflow-wrap: break-word;\n }\n\n\n #abera-hero-v4 .ahv4-check {\n width: 22px;\n height: 22px;\n\n flex:\n 0 0\n 22px;\n\n font-size: 11px;\n }\n\n\n \/* IMAGE *\/\n\n #abera-hero-v4 .ahv4-media {\n width: 100%;\n\n aspect-ratio: 1 \/ 1;\n }\n\n\n #abera-hero-v4 .ahv4-media img {\n width: 100%;\n height: 100%;\n\n object-fit: cover;\n }\n\n\n \/* BADGE *\/\n\n #abera-hero-v4 .ahv4-badge {\n width: 86px;\n height: 86px;\n\n top: 10px;\n right: 10px;\n }\n\n\n #abera-hero-v4 .ahv4-badge strong {\n font-size: 20px;\n }\n\n\n #abera-hero-v4 .ahv4-badge span {\n margin-top: 5px;\n\n font-size: 7px;\n }\n\n\n \/* =====================================================\n QUICK BENEFITS — 2 × 2\n ===================================================== *\/\n\n #abera-hero-v4 .ahv4-benefits-grid {\n grid-template-columns:\n repeat(2, minmax(0, 1fr));\n }\n\n\n #abera-hero-v4 .ahv4-benefit {\n min-height: 110px;\n\n padding:\n 18px\n 10px;\n }\n\n\n #abera-hero-v4\n .ahv4-benefit:nth-child(2n) {\n\n border-right: 0;\n\n }\n\n\n #abera-hero-v4\n .ahv4-benefit:nth-child(-n+2) {\n\n border-bottom:\n 1px solid\n rgba(255,255,255,.12);\n\n }\n\n\n #abera-hero-v4 .ahv4-benefit span {\n margin-bottom: 5px;\n\n font-size: 12px;\n line-height: 1.35;\n }\n\n\n #abera-hero-v4 .ahv4-benefit strong {\n font-size: 15px;\n line-height: 1.35;\n\n word-break: normal;\n\n overflow-wrap: normal;\n\n hyphens: none;\n }\n\n}\n\n\u003c\/style\u003e\n\u003csection id=\"abera-hero-v4\"\u003e\u003c!-- =========================================================\nHERO\n========================================================= --\u003e\n\u003cdiv class=\"ahv4-main\"\u003e\n\u003cdiv class=\"ahv4-container\"\u003e\n\u003cdiv class=\"ahv4-grid\"\u003e\u003c!-- LEFT --\u003e\n\u003cdiv class=\"ahv4-copy\"\u003e\n\u003cdiv class=\"ahv4-eyebrow\"\u003eCHAMPÚ TINTE INSTANTÁNEO ABERA\u003c\/div\u003e\n\u003ch1 class=\"ahv4-title\"\u003e¿CANAS? \u003cspan\u003e SOLO 15 MINUTOS. \u003c\/span\u003e\u003c\/h1\u003e\n\u003cp class=\"ahv4-description\"\u003e\u003cstrong\u003e Cubre las canas visibles en casa \u003c\/strong\u003e — sin cita en el salón ni mezclas complicadas de tinte. ABERA combina color, limpieza y acondicionamiento en una sencilla rutina tipo champú.\u003c\/p\u003e\n\u003cdiv class=\"ahv4-usps\"\u003e\n\u003cdiv class=\"ahv4-usp\"\u003e\u003cspan class=\"ahv4-check\"\u003e ✓ \u003c\/span\u003e \u003cspan\u003e Cobertura visible de canas en aproximadamente 15 minutos \u003c\/span\u003e\u003c\/div\u003e\n\u003cdiv class=\"ahv4-usp\"\u003e\u003cspan class=\"ahv4-check\"\u003e ✓ \u003c\/span\u003e \u003cspan\u003e 10 prácticos sobres individuales \u003c\/span\u003e\u003c\/div\u003e\n\u003cdiv class=\"ahv4-usp\"\u003e\u003cspan class=\"ahv4-check\"\u003e ✓ \u003c\/span\u003e \u003cspan\u003e 3 en 1: Color + Limpieza + Acondicionamiento \u003c\/span\u003e\u003c\/div\u003e\n\u003cdiv class=\"ahv4-usp\"\u003e\u003cspan class=\"ahv4-check\"\u003e ✓ \u003c\/span\u003e \u003cspan\u003e Fórmula sin amoníaco \u003c\/span\u003e\u003c\/div\u003e\n\u003cdiv class=\"ahv4-usp\"\u003e\u003cspan class=\"ahv4-check\"\u003e ✓ \u003c\/span\u003e \u003cspan\u003e Para hombres y mujeres \u003c\/span\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- RIGHT IMAGE --\u003e\n\u003cdiv class=\"ahv4-media\"\u003e\u003cimg alt=\"Champú Tinte Instantáneo ABERA\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/ChatGPT_45.webp?v=1787211684\"\u003e\n\u003cdiv class=\"ahv4-badge\"\u003e\u003cstrong\u003e 15 MIN \u003c\/strong\u003e \u003cspan\u003e COBERTURA RÁPIDA\u003cbr\u003eDE CANAS \u003c\/span\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- =========================================================\nUPDATED QUICK BENEFIT BAR\n========================================================= --\u003e\n\u003cdiv class=\"ahv4-benefits\"\u003e\n\u003cdiv class=\"ahv4-benefits-grid\"\u003e\u003c!-- 01 --\u003e\n\u003cdiv class=\"ahv4-benefit\"\u003e\u003cspan\u003e Cubre las canas \u003c\/span\u003e \u003cstrong\u003e en solo 10 minutos \u003c\/strong\u003e\u003c\/div\u003e\n\u003c!-- 02 --\u003e\n\u003cdiv class=\"ahv4-benefit\"\u003e\u003cspan\u003e Protege el cabello con \u003c\/span\u003e \u003cstrong\u003e fórmula sin amoníaco \u003c\/strong\u003e\u003c\/div\u003e\n\u003c!-- 03 --\u003e\n\u003cdiv class=\"ahv4-benefit\"\u003e\u003cspan\u003e Tan fácil como \u003c\/span\u003e \u003cstrong\u003e un champú normal \u003c\/strong\u003e\u003c\/div\u003e\n\u003c!-- 04 --\u003e\n\u003cdiv class=\"ahv4-benefit\"\u003e\u003cspan\u003e Apto para \u003c\/span\u003e \u003cstrong\u003e TODO tipo de cabello \u003c\/strong\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- =========================================================\nABERA HAIR DYE — HOW IT WORKS\nBEIGE CONTINUOUS BACKGROUND\nDESKTOP: VIDEO LEFT + 3 STEPS RIGHT\nMOBILE: VIDEO TOP + STEPS BELOW\n========================================================= --\u003e\n\u003cstyle\u003e\n\n\/* =========================================================\nGLOBAL LANDING PAGE BACKGROUND FIX\nREMOVE WHITE GAPS BETWEEN SHOPIFY SECTIONS\n========================================================= *\/\n\n\/*\nMàu nền chung của toàn bộ phần MainContent.\nGiúp tránh lộ nền trắng của Shopify giữa các section.\n*\/\n\n#MainContent {\n background: #f7f3ec !important;\n}\n\n\n\/*\nNếu các section ABERA nằm trong nhiều Custom Liquid khác nhau,\nép wrapper Shopify về cùng nền be và bỏ margin\/padding ngoài.\n*\/\n\n#MainContent .shopify-section:has([id^=\"abera-\"]) {\n margin-top: 0 !important;\n margin-bottom: 0 !important;\n\n padding-top: 0 !important;\n padding-bottom: 0 !important;\n\n background: #f7f3ec !important;\n}\n\n\n\/*\nKhông để khoảng trắng phát sinh giữa 2 ABERA section kế tiếp.\n*\/\n\n#MainContent\n.shopify-section:has([id^=\"abera-\"])\n+\n.shopify-section:has([id^=\"abera-\"]) {\n margin-top: 0 !important;\n padding-top: 0 !important;\n}\n\n\n\/* =========================================================\nROOT\n========================================================= *\/\n\n#abera-how-v4,\n#abera-how-v4 * {\n box-sizing: border-box;\n}\n\n\n#abera-how-v4 {\n --black: #0f0f0f;\n\n --gold: #b07d2f;\n --gold-light: #e7cf9e;\n\n --ivory: #f7f3ec;\n\n --white: #ffffff;\n\n --text: #171717;\n --muted: #69635c;\n\n --line: #ddd2c1;\n\n\n width: 100%;\n\n margin: 0 !important;\n padding: 0 !important;\n\n overflow: hidden;\n\n background: var(--ivory);\n\n color: var(--text);\n\n font-family:\n \"Inter\",\n Arial,\n sans-serif;\n}\n\n\n\/* =========================================================\nSECTION INNER\n========================================================= *\/\n\n#abera-how-v4 .ahw4-main {\n width: 100%;\n\n margin: 0;\n\n padding:\n clamp(48px, 5vw, 76px)\n 0\n clamp(54px, 5vw, 80px);\n\n background: var(--ivory);\n}\n\n\n\/* =========================================================\nCONTAINER\n========================================================= *\/\n\n#abera-how-v4 .ahw4-container {\n width: 100%;\n\n max-width: 1500px;\n\n margin: 0 auto;\n\n padding-left:\n clamp(36px, 7vw, 112px);\n\n padding-right:\n clamp(36px, 7vw, 112px);\n}\n\n\n\/* =========================================================\nHEADER\n========================================================= *\/\n\n#abera-how-v4 .ahw4-header {\n width: 100%;\n\n max-width: 1100px;\n\n margin:\n 0\n auto\n clamp(42px, 5vw, 65px);\n\n text-align: center;\n}\n\n\n\/* EYEBROW *\/\n\n#abera-how-v4 .ahw4-eyebrow {\n margin:\n 0\n 0\n 13px;\n\n padding: 0;\n\n color: var(--gold);\n\n font-size: 15px;\n line-height: 1.3;\n\n font-weight: 600;\n\n letter-spacing: 1.5px;\n\n text-transform: uppercase;\n}\n\n\n\/* TITLE *\/\n\n#abera-how-v4 .ahw4-title {\n width: 100%;\n\n margin: 0;\n\n padding: 0;\n\n color: var(--black);\n\n font-size:\n clamp(30px, 4vw, 40px);\n\n line-height: 1.12;\n\n font-weight: 600;\n\n letter-spacing: 0;\n\n text-align: center;\n\n text-wrap: balance;\n}\n\n\n\/* =========================================================\nCONTENT GRID\n========================================================= *\/\n\n#abera-how-v4 .ahw4-grid {\n width: 100%;\n\n display: grid;\n\n grid-template-columns:\n minmax(0, 1fr)\n minmax(0, 1fr);\n\n gap:\n clamp(55px, 7vw, 92px);\n\n align-items: center;\n}\n\n\n\/* =========================================================\nVIDEO\n========================================================= *\/\n\n#abera-how-v4 .ahw4-video {\n position: relative;\n\n width: 100%;\n\n aspect-ratio: 1 \/ 1;\n\n overflow: hidden;\n\n border-radius: 14px;\n\n background: #111111;\n\n box-shadow:\n 0 4px 14px\n rgba(0,0,0,.045);\n}\n\n\n#abera-how-v4 .ahw4-video video {\n position: absolute;\n\n inset: 0;\n\n width: 100% !important;\n height: 100% !important;\n\n display: block;\n\n margin: 0;\n padding: 0;\n\n border: 0;\n\n background: #111111;\n\n object-fit: cover;\n object-position: center;\n}\n\n\n\/* =========================================================\nSTEPS\n========================================================= *\/\n\n#abera-how-v4 .ahw4-steps {\n width: 100%;\n\n display: grid;\n\n gap: 18px;\n}\n\n\n\/* =========================================================\nSTEP CARD\n========================================================= *\/\n\n#abera-how-v4 .ahw4-step {\n width: 100%;\n\n min-width: 0;\n\n display: grid;\n\n grid-template-columns:\n 66px\n minmax(0, 1fr);\n\n gap: 20px;\n\n align-items: center;\n\n padding:\n 25px\n 28px;\n\n border:\n 1px solid\n var(--line);\n\n border-radius: 13px;\n\n background:\n rgba(255,255,255,.80);\n}\n\n\n\/* =========================================================\nNUMBER\n========================================================= *\/\n\n#abera-how-v4 .ahw4-number {\n width: 66px;\n height: 66px;\n\n display: flex;\n\n align-items: center;\n justify-content: center;\n\n border-radius: 50%;\n\n background: var(--black);\n\n color: var(--gold);\n\n font-size: 17px;\n line-height: 1;\n\n font-weight: 500;\n}\n\n\n\/* =========================================================\nSTEP COPY\n========================================================= *\/\n\n#abera-how-v4 .ahw4-step-copy {\n min-width: 0;\n}\n\n\n#abera-how-v4 .ahw4-step-title {\n margin:\n 0\n 0\n 6px;\n\n padding: 0;\n\n color: var(--black);\n\n font-size: 18px;\n line-height: 1.25;\n\n font-weight: 600;\n\n text-transform: uppercase;\n}\n\n\n#abera-how-v4 .ahw4-step-text {\n width: 100%;\n\n margin: 0;\n padding: 0;\n\n color: var(--muted);\n\n font-size: 16px;\n line-height: 1.6;\n\n font-weight: 400;\n\n word-break: normal;\n\n overflow-wrap: break-word;\n\n hyphens: none;\n\n -webkit-hyphens: none;\n}\n\n\n\/* =========================================================\nTABLET\n========================================================= *\/\n\n@media\n(min-width: 768px)\nand\n(max-width: 1199px) {\n\n #abera-how-v4 .ahw4-main {\n padding:\n 44px\n 0\n 55px;\n }\n\n\n #abera-how-v4 .ahw4-container {\n padding-left: 34px;\n padding-right: 34px;\n }\n\n\n #abera-how-v4 .ahw4-header {\n margin-bottom: 38px;\n }\n\n\n #abera-how-v4 .ahw4-title {\n font-size:\n clamp(30px, 4vw, 42px);\n }\n\n\n #abera-how-v4 .ahw4-grid {\n gap: 34px;\n }\n\n\n #abera-how-v4 .ahw4-step {\n grid-template-columns:\n 54px\n minmax(0, 1fr);\n\n gap: 15px;\n\n padding:\n 18px\n 19px;\n }\n\n\n #abera-how-v4 .ahw4-number {\n width: 54px;\n height: 54px;\n\n font-size: 15px;\n }\n\n\n #abera-how-v4 .ahw4-step-title {\n font-size: 16px;\n }\n\n\n #abera-how-v4 .ahw4-step-text {\n font-size: 14px;\n line-height: 1.55;\n }\n\n}\n\n\n\/* =========================================================\nMOBILE\n========================================================= *\/\n\n@media (max-width: 767px) {\n\n #abera-how-v4 {\n margin: 0 !important;\n padding: 0 !important;\n\n background: var(--ivory);\n }\n\n\n #abera-how-v4 .ahw4-main {\n margin: 0;\n\n padding:\n 34px\n 0\n 40px;\n\n background: var(--ivory);\n }\n\n\n #abera-how-v4 .ahw4-container {\n padding-left: 16px;\n padding-right: 16px;\n }\n\n\n \/* HEADER *\/\n\n #abera-how-v4 .ahw4-header {\n margin-bottom: 26px;\n }\n\n\n #abera-how-v4 .ahw4-eyebrow {\n margin-bottom: 9px;\n\n font-size: 12px;\n\n letter-spacing: 1.3px;\n }\n\n\n #abera-how-v4 .ahw4-title {\n font-size:\n clamp(25px, 4vw, 31px);\n\n line-height: 1.3;\n\n letter-spacing: 0;\n\n word-break: normal;\n\n overflow-wrap: normal;\n\n hyphens: none;\n }\n\n\n \/* =====================================================\n VIDEO FIRST\n ===================================================== *\/\n\n #abera-how-v4 .ahw4-grid {\n display: flex;\n\n flex-direction: column;\n\n gap: 22px;\n }\n\n\n #abera-how-v4 .ahw4-video {\n order: 1;\n\n width: 100%;\n\n aspect-ratio: 1 \/ 1;\n\n border-radius: 11px;\n }\n\n\n #abera-how-v4 .ahw4-steps {\n order: 2;\n\n width: 100%;\n\n gap: 12px;\n }\n\n\n \/* =====================================================\n MOBILE STEP\n ===================================================== *\/\n\n #abera-how-v4 .ahw4-step {\n width: 100%;\n\n grid-template-columns:\n 48px\n minmax(0, 1fr);\n\n gap: 13px;\n\n padding:\n 16px\n 15px;\n\n border-radius: 10px;\n }\n\n\n #abera-how-v4 .ahw4-number {\n width: 48px;\n height: 48px;\n\n font-size: 13px;\n }\n\n\n #abera-how-v4 .ahw4-step-title {\n margin-bottom: 4px;\n\n font-size: 16px;\n line-height: 1.3;\n }\n\n\n #abera-how-v4 .ahw4-step-text {\n font-size: 14px;\n line-height: 1.5;\n\n word-break: normal !important;\n\n overflow-wrap: break-word !important;\n\n hyphens: none !important;\n\n -webkit-hyphens: none !important;\n }\n\n}\n\n\u003c\/style\u003e\n\u003csection id=\"abera-how-v4\"\u003e\u003c!-- =========================================================\nHOW IT WORKS CONTENT\n========================================================= --\u003e\n\u003cdiv class=\"ahw4-main\"\u003e\n\u003cdiv class=\"ahw4-container\"\u003e\u003c!-- HEADER --\u003e\n\u003cdiv class=\"ahw4-header\"\u003e\n\u003cp class=\"ahw4-eyebrow\"\u003eCÓMO FUNCIONA\u003c\/p\u003e\n\u003ch2 class=\"ahw4-title\"\u003eCOBERTURA DE CANAS EN 3 SENCILLOS PASOS.\u003c\/h2\u003e\n\u003c\/div\u003e\n\u003c!-- CONTENT --\u003e\n\u003cdiv class=\"ahw4-grid\"\u003e\u003c!-- ===================================================\n VIDEO\n ==================================================== --\u003e\n\u003cdiv class=\"ahw4-video\"\u003e\u003cvideo preload=\"metadata\" playsinline=\"\" controls=\"controls\" poster=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/ChatGPT_60.webp?v=1787234601\" src=\"https:\/\/cdn.shopify.com\/videos\/c\/o\/v\/7ee1dbdd3dc2403fabf9d73023990903.mp4\"\u003e\u003c\/video\u003e\u003c\/div\u003e\n\u003c!-- ===================================================\n STEPS\n ==================================================== --\u003e\n\u003cdiv class=\"ahw4-steps\"\u003e\u003c!-- 01 --\u003e\n\u003cdiv class=\"ahw4-step\"\u003e\n\u003cdiv class=\"ahw4-number\"\u003e01\u003c\/div\u003e\n\u003cdiv class=\"ahw4-step-copy\"\u003e\n\u003ch3 class=\"ahw4-step-title\"\u003eVIERTE\u003c\/h3\u003e\n\u003cp class=\"ahw4-step-text\"\u003ePonte los guantes incluidos. Vierte la cantidad de champú en la palma de la mano.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 02 --\u003e\n\u003cdiv class=\"ahw4-step\"\u003e\n\u003cdiv class=\"ahw4-number\"\u003e02\u003c\/div\u003e\n\u003cdiv class=\"ahw4-step-copy\"\u003e\n\u003ch3 class=\"ahw4-step-title\"\u003eAPLICA\u003c\/h3\u003e\n\u003cp class=\"ahw4-step-text\"\u003eAplica uniformemente sobre el cabello seco, masajeando desde la raíz hasta las puntas. Déjalo actuar de 15 a 20 minutos para que el color se desarrolle por completo.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 03 --\u003e\n\u003cdiv class=\"ahw4-step\"\u003e\n\u003cdiv class=\"ahw4-number\"\u003e03\u003c\/div\u003e\n\u003cdiv class=\"ahw4-step-copy\"\u003e\n\u003ch3 class=\"ahw4-step-title\"\u003eENJUAGA\u003c\/h3\u003e\n\u003cp class=\"ahw4-step-text\"\u003eEnjuaga bien con agua hasta que salga clara, luego seca con una toalla y disfruta de tu nuevo color vibrante.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- =========================================================\nABERA HAIR DYE — BEFORE \/ AFTER RESULTS\nCONTINUOUS BEIGE BACKGROUND\nDESKTOP: 5 CARDS \/ ROW\nMOBILE: 1 CARD + NEXT PREVIEW\n========================================================= --\u003e\n\u003cstyle\u003e\n\n\/* =========================================================\nGLOBAL PAGE BACKGROUND\nREMOVE WHITE GAPS BETWEEN SHOPIFY CUSTOM LIQUID SECTIONS\n========================================================= *\/\n\n#MainContent {\n background: #f7f3ec !important;\n}\n\n\n\/* ABERA SHOPIFY WRAPPERS *\/\n\n#MainContent .shopify-section:has([id^=\"abera-\"]) {\n margin-top: 0 !important;\n margin-bottom: 0 !important;\n\n padding-top: 0 !important;\n padding-bottom: 0 !important;\n\n background: #f7f3ec !important;\n}\n\n\n\/* REMOVE GAP BETWEEN ADJACENT ABERA SECTIONS *\/\n\n#MainContent\n.shopify-section:has([id^=\"abera-\"])\n+\n.shopify-section:has([id^=\"abera-\"]) {\n\n margin-top: 0 !important;\n padding-top: 0 !important;\n\n}\n\n\n\/* =========================================================\nROOT\n========================================================= *\/\n\n#abera-results-v4,\n#abera-results-v4 * {\n box-sizing: border-box;\n}\n\n\n#abera-results-v4 {\n --black: #0f0f0f;\n\n --gold: #b07d2f;\n --gold-main: #c89c46;\n --gold-light: #ead5aa;\n\n --ivory: #f7f3ec;\n\n --white: #ffffff;\n\n --text: #171717;\n --muted: #615b54;\n\n --line: #ddd3c4;\n\n --green: #557963;\n\n\n width: 100%;\n\n margin: 0 !important;\n padding: 0 !important;\n\n overflow: hidden;\n\n background: var(--ivory);\n\n color: var(--text);\n\n font-family:\n \"Inter\",\n Arial,\n sans-serif;\n}\n\n\n\/* =========================================================\nSECTION INNER\n========================================================= *\/\n\n#abera-results-v4 .abr4-main {\n width: 100%;\n\n margin: 0;\n\n padding:\n clamp(48px, 5vw, 76px)\n 0\n clamp(56px, 5vw, 82px);\n\n background: var(--ivory);\n}\n\n\n\/* =========================================================\nCONTAINER\n========================================================= *\/\n\n#abera-results-v4 .abr4-container {\n width: 100%;\n\n max-width: 1500px;\n\n margin: 0 auto;\n\n padding-left:\n clamp(36px, 7vw, 112px);\n\n padding-right:\n clamp(36px, 7vw, 112px);\n}\n\n\n\/* =========================================================\nHEADER\n========================================================= *\/\n\n#abera-results-v4 .abr4-header {\n width: 100%;\n\n max-width: 1150px;\n\n margin:\n 0\n auto\n clamp(38px, 4vw, 52px);\n\n text-align: center;\n}\n\n\n\/* EYEBROW *\/\n\n#abera-results-v4 .abr4-eyebrow {\n margin:\n 0\n 0\n 12px;\n\n color: var(--gold);\n\n font-size: 13px;\n line-height: 1.3;\n\n font-weight: 600;\n\n letter-spacing: 1.4px;\n\n text-transform: uppercase;\n}\n\n\n\/* MAIN TITLE *\/\n\n#abera-results-v4 .abr4-title {\n width: 100%;\n\n margin:\n 0\n auto\n 12px;\n\n color: var(--black);\n\n font-size:\n clamp(30px, 4vw, 40px);\n\n line-height: 1.15;\n\n font-weight: 600;\n\n letter-spacing: 0;\n\n text-align: center;\n\n text-wrap: balance;\n}\n\n\n\/* SUBTITLE *\/\n\n#abera-results-v4 .abr4-subtitle {\n margin: 0;\n\n color: #777168;\n\n font-size: 14px;\n line-height: 1.55;\n\n font-weight: 400;\n\n text-align: center;\n}\n\n\n\/* =========================================================\nRESULT GROUP\n========================================================= *\/\n\n#abera-results-v4 .abr4-group {\n width: 100%;\n}\n\n\n#abera-results-v4\n.abr4-group\n+\n.abr4-group {\n\n margin-top:\n clamp(46px, 5vw, 66px);\n\n}\n\n\n\/* =========================================================\nGROUP HEADER\n========================================================= *\/\n\n#abera-results-v4 .abr4-group-header {\n width: 100%;\n\n display: flex;\n\n align-items: center;\n\n margin-bottom: 22px;\n}\n\n\n\/* BLACK LABEL *\/\n\n#abera-results-v4 .abr4-group-label {\n flex: 0 0 auto;\n\n min-width: 220px;\n\n display: inline-flex;\n\n align-items: center;\n justify-content: center;\n\n padding:\n 11px\n 24px;\n\n border:\n 1px solid\n var(--gold-main);\n\n border-radius: 5px;\n\n background: var(--black);\n\n color: var(--gold-light);\n\n font-size: 24px;\n line-height: 1.2;\n\n font-weight: 700;\n\n letter-spacing: .4px;\n\n text-align: center;\n\n text-transform: uppercase;\n}\n\n\n\/* GOLD LINE *\/\n\n#abera-results-v4 .abr4-group-line {\n flex: 1;\n\n height: 1px;\n\n margin-left: 16px;\n\n background:\n linear-gradient(\n to right,\n var(--gold-main),\n rgba(200,156,70,.07)\n );\n}\n\n\n\/* =========================================================\nTRACK\n========================================================= *\/\n\n#abera-results-v4 .abr4-track {\n width: 100%;\n\n display: flex;\n\n gap: 16px;\n\n padding:\n 1px\n 1px\n 8px;\n\n scroll-snap-type: x mandatory;\n\n scroll-behavior: smooth;\n\n scrollbar-width: none;\n\n -webkit-overflow-scrolling: touch;\n}\n\n\n#abera-results-v4\n.abr4-track::-webkit-scrollbar {\n\n display: none;\n\n}\n\n\n\/* =========================================================\nCARD\n========================================================= *\/\n\n#abera-results-v4 .abr4-card {\n min-width: 0;\n\n overflow: hidden;\n\n border:\n 1px solid\n var(--line);\n\n border-radius: 10px;\n\n background: var(--white);\n\n box-shadow:\n 0 3px 10px\n rgba(0,0,0,.035);\n\n scroll-snap-align: start;\n}\n\n\n\/* =========================================================\nIMAGE\n========================================================= *\/\n\n#abera-results-v4 .abr4-image {\n position: relative;\n\n width: 100%;\n\n aspect-ratio: 1 \/ 1;\n\n overflow: hidden;\n\n background: #ddd7cd;\n}\n\n\n#abera-results-v4 .abr4-image img {\n width: 100%;\n height: 100%;\n\n display: block;\n\n object-fit: cover;\n object-position: center;\n}\n\n\n\/* =========================================================\nBEFORE \/ AFTER TAGS\n========================================================= *\/\n\n#abera-results-v4 .abr4-tag {\n position: absolute;\n\n bottom: 8px;\n\n z-index: 3;\n\n padding:\n 5px\n 9px;\n\n border-radius: 999px;\n\n font-size: 8px;\n line-height: 1;\n\n font-weight: 600;\n\n letter-spacing: .6px;\n\n text-transform: uppercase;\n}\n\n\n#abera-results-v4 .abr4-before {\n left: 8px;\n\n background:\n rgba(15,15,15,.95);\n\n color: #ffffff;\n}\n\n\n#abera-results-v4 .abr4-after {\n right: 8px;\n\n background: var(--gold-main);\n\n color: var(--black);\n}\n\n\n\/* =========================================================\nCARD BODY\n========================================================= *\/\n\n#abera-results-v4 .abr4-body {\n padding:\n 15px\n 15px\n 17px;\n}\n\n\n\/* STARS *\/\n\n#abera-results-v4 .abr4-stars {\n margin:\n 0\n 0\n 10px;\n\n color: #c79637;\n\n font-size: 15px;\n line-height: 1;\n\n letter-spacing: 1px;\n\n white-space: nowrap;\n}\n\n\n\/* REVIEW *\/\n\n#abera-results-v4 .abr4-review {\n min-height: 92px;\n\n margin:\n 0\n 0\n 14px;\n\n color: #55504a;\n\n font-size: 12px;\n line-height: 1.55;\n\n font-weight: 400;\n\n word-break: normal;\n\n overflow-wrap: break-word;\n\n hyphens: none;\n\n -webkit-hyphens: none;\n}\n\n\n\/* =========================================================\nCUSTOMER\n========================================================= *\/\n\n#abera-results-v4 .abr4-customer strong {\n display: block;\n\n margin-bottom: 2px;\n\n color: var(--black);\n\n font-size: 12px;\n line-height: 1.35;\n\n font-weight: 500;\n}\n\n\n#abera-results-v4 .abr4-location {\n display: block;\n\n color: #8a847c;\n\n font-size: 10px;\n line-height: 1.4;\n}\n\n\n\/* VERIFIED *\/\n\n#abera-results-v4 .abr4-verified {\n display: inline-flex;\n\n align-items: center;\n\n gap: 5px;\n\n margin-top: 8px;\n\n color: var(--green);\n\n font-size: 9px;\n line-height: 1.2;\n\n font-weight: 500;\n\n white-space: nowrap;\n}\n\n\n#abera-results-v4 .abr4-verified-icon {\n width: 14px;\n height: 14px;\n\n flex:\n 0 0\n 14px;\n\n display: inline-flex;\n\n align-items: center;\n justify-content: center;\n\n border-radius: 50%;\n\n background: var(--green);\n\n color: #ffffff;\n\n font-size: 8px;\n}\n\n\n\/* =========================================================\nSWIPE TEXT\n========================================================= *\/\n\n#abera-results-v4 .abr4-swipe {\n display: none;\n}\n\n\n\/* =========================================================\nDESKTOP — EXACTLY 5 CARDS\n========================================================= *\/\n\n@media (min-width: 1200px) {\n\n #abera-results-v4 .abr4-track {\n overflow: visible;\n\n scroll-snap-type: none;\n }\n\n\n #abera-results-v4 .abr4-card {\n flex:\n 0\n 0\n calc((100% - 64px) \/ 5);\n }\n\n}\n\n\n\/* =========================================================\nTABLET\n========================================================= *\/\n\n@media\n(min-width: 768px)\nand\n(max-width: 1199px) {\n\n #abera-results-v4 .abr4-main {\n padding:\n 44px\n 0\n 58px;\n }\n\n\n #abera-results-v4 .abr4-container {\n padding-left: 34px;\n padding-right: 34px;\n }\n\n\n #abera-results-v4 .abr4-header {\n margin-bottom: 34px;\n }\n\n\n #abera-results-v4 .abr4-title {\n font-size:\n clamp(29px, 4vw, 38px);\n }\n\n\n #abera-results-v4 .abr4-track {\n overflow-x: auto;\n overflow-y: hidden;\n\n overscroll-behavior-x: contain;\n }\n\n\n #abera-results-v4 .abr4-card {\n flex:\n 0\n 0\n 42%;\n }\n\n\n #abera-results-v4 .abr4-swipe {\n display: flex;\n\n justify-content: flex-end;\n\n gap: 5px;\n\n margin-top: 5px;\n\n color: #918a80;\n\n font-size: 11px;\n }\n\n\n #abera-results-v4 .abr4-swipe strong {\n color: var(--gold);\n\n font-size: 15px;\n }\n\n}\n\n\n\/* =========================================================\nMOBILE\n========================================================= *\/\n\n@media (max-width: 767px) {\n\n #abera-results-v4 {\n margin: 0 !important;\n padding: 0 !important;\n\n background: var(--ivory);\n }\n\n\n #abera-results-v4 .abr4-main {\n margin: 0;\n\n padding:\n 34px\n 0\n 42px;\n\n background: var(--ivory);\n }\n\n\n #abera-results-v4 .abr4-container {\n width: 100%;\n\n padding-left: 16px;\n padding-right: 16px;\n }\n\n\n \/* =====================================================\n HEADER\n ===================================================== *\/\n\n #abera-results-v4 .abr4-header {\n margin-bottom: 29px;\n }\n\n\n #abera-results-v4 .abr4-eyebrow {\n margin-bottom: 9px;\n\n font-size: 11px;\n\n letter-spacing: 1.2px;\n }\n\n\n #abera-results-v4 .abr4-title {\n width: 100%;\n\n margin-bottom: 10px;\n\n font-size:\n clamp(20px, 4vw, 29px);\n\n line-height: 1.4;\n\n letter-spacing: 0;\n\n word-break: normal;\n\n overflow-wrap: normal;\n\n hyphens: none;\n\n -webkit-hyphens: none;\n }\n\n\n #abera-results-v4 .abr4-subtitle {\n font-size: 14px;\n line-height: 1.5;\n }\n\n\n \/* =====================================================\n GROUP\n ===================================================== *\/\n\n #abera-results-v4\n .abr4-group\n +\n .abr4-group {\n\n margin-top: 42px;\n\n }\n\n\n #abera-results-v4 .abr4-group-header {\n margin-bottom: 16px;\n }\n\n\n #abera-results-v4 .abr4-group-label {\n min-width: 0;\n\n padding:\n 9px\n 15px;\n\n font-size: 12px;\n\n border-radius: 5px;\n }\n\n\n #abera-results-v4 .abr4-group-line {\n margin-left: 10px;\n }\n\n\n \/* =====================================================\n MOBILE CAROUSEL\n 1 FULL CARD + NEXT CARD PREVIEW\n ===================================================== *\/\n\n #abera-results-v4 .abr4-track {\n width: 100%;\n\n gap: 12px;\n\n overflow-x: auto;\n overflow-y: hidden;\n\n padding-bottom: 5px;\n\n scroll-snap-type: x mandatory;\n\n overscroll-behavior-x: contain;\n\n -webkit-overflow-scrolling: touch;\n }\n\n\n #abera-results-v4 .abr4-card {\n flex:\n 0\n 0\n 78%;\n\n min-width: 78%;\n\n scroll-snap-align: start;\n }\n\n\n \/* =====================================================\n MOBILE CARD\n ===================================================== *\/\n\n #abera-results-v4 .abr4-body {\n padding:\n 15px\n 15px\n 17px;\n }\n\n\n #abera-results-v4 .abr4-stars {\n font-size: 16px;\n }\n\n\n #abera-results-v4 .abr4-review {\n min-height: 0;\n\n margin-bottom: 15px;\n\n font-size: 14px;\n line-height: 1.55;\n\n word-break: normal !important;\n\n overflow-wrap: break-word !important;\n\n hyphens: none !important;\n\n -webkit-hyphens: none !important;\n }\n\n\n #abera-results-v4 .abr4-customer strong {\n font-size: 13px;\n }\n\n\n #abera-results-v4 .abr4-location {\n font-size: 11px;\n }\n\n\n #abera-results-v4 .abr4-verified {\n font-size: 10px;\n }\n\n\n #abera-results-v4 .abr4-tag {\n bottom: 8px;\n\n padding:\n 5px\n 8px;\n\n font-size: 8px;\n }\n\n\n \/* SWIPE *\/\n\n #abera-results-v4 .abr4-swipe {\n display: flex;\n\n align-items: center;\n justify-content: flex-end;\n\n gap: 5px;\n\n margin-top: 6px;\n\n color: #918a80;\n\n font-size: 10px;\n }\n\n\n #abera-results-v4 .abr4-swipe strong {\n color: var(--gold);\n\n font-size: 14px;\n }\n\n}\n\n\u003c\/style\u003e\n\u003csection id=\"abera-results-v4\"\u003e\u003c!-- =========================================================\nRESULTS CONTENT\n========================================================= --\u003e\n\u003cdiv class=\"abr4-main\"\u003e\n\u003cdiv class=\"abr4-container\"\u003e\u003c!-- =====================================================\n HEADER\n ====================================================== --\u003e\n\u003cdiv class=\"abr4-header\"\u003e\n\u003cp class=\"abr4-eyebrow\"\u003eLA DIFERENCIA EN 15 MINUTOS\u003c\/p\u003e\n\u003ch2 class=\"abr4-title\"\u003eDE CANAS VISIBLES A UN COLOR DE ASPECTO NATURAL\u003c\/h2\u003e\n\u003cp class=\"abr4-subtitle\"\u003eAplica. Masajea. Espera 15 minutos. Enjuaga.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- =====================================================\n MEN'S RESULTS\n ====================================================== --\u003e\n\u003cdiv class=\"abr4-group\"\u003e\n\u003cdiv class=\"abr4-group-header\"\u003e\n\u003cdiv class=\"abr4-group-label\"\u003eRESULTADOS EN HOMBRES\u003c\/div\u003e\n\u003cdiv class=\"abr4-group-line\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"abr4-track\"\u003e\u003c!-- MEN 01 --\u003e\n\u003carticle class=\"abr4-card\"\u003e\n\u003cdiv class=\"abr4-image\"\u003e\u003cimg alt=\"Resultado de canas en hombre con ABERA\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/ChatGPT_14.webp?v=1787212244\"\u003e \u003cspan class=\"abr4-tag abr4-before\"\u003e ANTES \u003c\/span\u003e \u003cspan class=\"abr4-tag abr4-after\"\u003e DESPUÉS \u003c\/span\u003e\u003c\/div\u003e\n\u003cdiv class=\"abr4-body\"\u003e\n\u003cdiv class=\"abr4-stars\"\u003e★★★★★\u003c\/div\u003e\n\u003cp class=\"abr4-review\"\u003e“Lo que más me gusta son los sobres individuales. Puedo llevar uno conmigo en lugar de cargar con un kit de tinte completo.”\u003c\/p\u003e\n\u003cdiv class=\"abr4-customer\"\u003e\u003cstrong\u003e David B. \u003c\/strong\u003e \u003cspan class=\"abr4-location\"\u003e California, EE. UU. \u003c\/span\u003e\u003c\/div\u003e\n\u003cdiv class=\"abr4-verified\"\u003e\u003cspan class=\"abr4-verified-icon\"\u003e ✓ \u003c\/span\u003e Cliente verificado\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/article\u003e\n\u003c!-- MEN 02 --\u003e\n\u003carticle class=\"abr4-card\"\u003e\n\u003cdiv class=\"abr4-image\"\u003e\u003cimg alt=\"Resultado de canas en hombre con ABERA\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/ChatGPT_17.webp?v=1787212244\"\u003e \u003cspan class=\"abr4-tag abr4-before\"\u003e ANTES \u003c\/span\u003e \u003cspan class=\"abr4-tag abr4-after\"\u003e DESPUÉS \u003c\/span\u003e\u003c\/div\u003e\n\u003cdiv class=\"abr4-body\"\u003e\n\u003cdiv class=\"abr4-stars\"\u003e★★★★★\u003c\/div\u003e\n\u003cp class=\"abr4-review\"\u003e“Lo uso principalmente alrededor de las sienes cuando empiezan a aparecer las canas. La rutina es rápida y sencilla.”\u003c\/p\u003e\n\u003cdiv class=\"abr4-customer\"\u003e\u003cstrong\u003e Michael R. \u003c\/strong\u003e \u003cspan class=\"abr4-location\"\u003e Texas, EE. UU. \u003c\/span\u003e\u003c\/div\u003e\n\u003cdiv class=\"abr4-verified\"\u003e\u003cspan class=\"abr4-verified-icon\"\u003e ✓ \u003c\/span\u003e Cliente verificado\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/article\u003e\n\u003c!-- MEN 03 --\u003e\n\u003carticle class=\"abr4-card\"\u003e\n\u003cdiv class=\"abr4-image\"\u003e\u003cimg alt=\"Resultado de canas en hombre con ABERA\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/ChatGPT_16.webp?v=1787212244\"\u003e \u003cspan class=\"abr4-tag abr4-before\"\u003e ANTES \u003c\/span\u003e \u003cspan class=\"abr4-tag abr4-after\"\u003e DESPUÉS \u003c\/span\u003e\u003c\/div\u003e\n\u003cdiv class=\"abr4-body\"\u003e\n\u003cdiv class=\"abr4-stars\"\u003e★★★★★\u003c\/div\u003e\n\u003cp class=\"abr4-review\"\u003e“No quería algo que se sintiera como un proceso completo de coloración. Esto se adapta mucho mejor a mi rutina.”\u003c\/p\u003e\n\u003cdiv class=\"abr4-customer\"\u003e\u003cstrong\u003e James K. \u003c\/strong\u003e \u003cspan class=\"abr4-location\"\u003e Florida, EE. UU. \u003c\/span\u003e\u003c\/div\u003e\n\u003cdiv class=\"abr4-verified\"\u003e\u003cspan class=\"abr4-verified-icon\"\u003e ✓ \u003c\/span\u003e Cliente verificado\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/article\u003e\n\u003c!-- MEN 04 --\u003e\n\u003carticle class=\"abr4-card\"\u003e\n\u003cdiv class=\"abr4-image\"\u003e\u003cimg alt=\"Resultado de canas en hombre con ABERA\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/ChatGPT_15.webp?v=1787212243\"\u003e \u003cspan class=\"abr4-tag abr4-before\"\u003e ANTES \u003c\/span\u003e \u003cspan class=\"abr4-tag abr4-after\"\u003e DESPUÉS \u003c\/span\u003e\u003c\/div\u003e\n\u003cdiv class=\"abr4-body\"\u003e\n\u003cdiv class=\"abr4-stars\"\u003e★★★★★\u003c\/div\u003e\n\u003cp class=\"abr4-review\"\u003e“Mucho más sencillo que los kits de tinte tradicionales que he usado antes.”\u003c\/p\u003e\n\u003cdiv class=\"abr4-customer\"\u003e\u003cstrong\u003e Robert T. \u003c\/strong\u003e \u003cspan class=\"abr4-location\"\u003e Arizona, EE. UU. \u003c\/span\u003e\u003c\/div\u003e\n\u003cdiv class=\"abr4-verified\"\u003e\u003cspan class=\"abr4-verified-icon\"\u003e ✓ \u003c\/span\u003e Cliente verificado\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/article\u003e\n\u003c!-- MEN 05 --\u003e\n\u003carticle class=\"abr4-card\"\u003e\n\u003cdiv class=\"abr4-image\"\u003e\u003cimg alt=\"Resultado de canas en hombre con ABERA\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/ChatGPT_19.webp?v=1787212244\"\u003e \u003cspan class=\"abr4-tag abr4-before\"\u003e ANTES \u003c\/span\u003e \u003cspan class=\"abr4-tag abr4-after\"\u003e DESPUÉS \u003c\/span\u003e\u003c\/div\u003e\n\u003cdiv class=\"abr4-body\"\u003e\n\u003cdiv class=\"abr4-stars\"\u003e★★★★★\u003c\/div\u003e\n\u003cp class=\"abr4-review\"\u003e“Quería algo más fácil para retoques rápidos. Esto es mucho más práctico para mi rutina.”\u003c\/p\u003e\n\u003cdiv class=\"abr4-customer\"\u003e\u003cstrong\u003e Daniel S. \u003c\/strong\u003e \u003cspan class=\"abr4-location\"\u003e Nueva York, EE. UU. \u003c\/span\u003e\u003c\/div\u003e\n\u003cdiv class=\"abr4-verified\"\u003e\u003cspan class=\"abr4-verified-icon\"\u003e ✓ \u003c\/span\u003e Cliente verificado\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/article\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"abr4-swipe\"\u003eDesliza para ver más \u003cstrong\u003e→\u003c\/strong\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- =====================================================\n WOMEN'S RESULTS\n ====================================================== --\u003e\n\u003cdiv class=\"abr4-group\"\u003e\n\u003cdiv class=\"abr4-group-header\"\u003e\n\u003cdiv class=\"abr4-group-label\"\u003eRESULTADOS EN MUJERES\u003c\/div\u003e\n\u003cdiv class=\"abr4-group-line\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"abr4-track\"\u003e\u003c!-- WOMEN 01 --\u003e\n\u003carticle class=\"abr4-card\"\u003e\n\u003cdiv class=\"abr4-image\"\u003e\u003cimg alt=\"Resultado de canas en mujer con ABERA\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/ChatGPT_6.webp?v=1787212243\"\u003e \u003cspan class=\"abr4-tag abr4-before\"\u003e ANTES \u003c\/span\u003e \u003cspan class=\"abr4-tag abr4-after\"\u003e DESPUÉS \u003c\/span\u003e\u003c\/div\u003e\n\u003cdiv class=\"abr4-body\"\u003e\n\u003cdiv class=\"abr4-stars\"\u003e★★★★★\u003c\/div\u003e\n\u003cp class=\"abr4-review\"\u003e“El tinte tradicional siempre me parecía demasiado trabajo. Esto fue mucho más fácil de usar en casa.”\u003c\/p\u003e\n\u003cdiv class=\"abr4-customer\"\u003e\u003cstrong\u003e Linda M. \u003c\/strong\u003e \u003cspan class=\"abr4-location\"\u003e Nueva York, EE. UU. \u003c\/span\u003e\u003c\/div\u003e\n\u003cdiv class=\"abr4-verified\"\u003e\u003cspan class=\"abr4-verified-icon\"\u003e ✓ \u003c\/span\u003e Cliente verificado\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/article\u003e\n\u003c!-- WOMEN 02 --\u003e\n\u003carticle class=\"abr4-card\"\u003e\n\u003cdiv class=\"abr4-image\"\u003e\u003cimg alt=\"Resultado de canas en mujer con ABERA\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/ChatGPT_7.webp?v=1787212244\"\u003e \u003cspan class=\"abr4-tag abr4-before\"\u003e ANTES \u003c\/span\u003e \u003cspan class=\"abr4-tag abr4-after\"\u003e DESPUÉS \u003c\/span\u003e\u003c\/div\u003e\n\u003cdiv class=\"abr4-body\"\u003e\n\u003cdiv class=\"abr4-stars\"\u003e★★★★★\u003c\/div\u003e\n\u003cp class=\"abr4-review\"\u003e“Me gusta poder concentrarme en las zonas donde aparecen primero mis canas.”\u003c\/p\u003e\n\u003cdiv class=\"abr4-customer\"\u003e\u003cstrong\u003e Sarah T. \u003c\/strong\u003e \u003cspan class=\"abr4-location\"\u003e Washington, EE. UU. \u003c\/span\u003e\u003c\/div\u003e\n\u003cdiv class=\"abr4-verified\"\u003e\u003cspan class=\"abr4-verified-icon\"\u003e ✓ \u003c\/span\u003e Cliente verificado\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/article\u003e\n\u003c!-- WOMEN 03 --\u003e\n\u003carticle class=\"abr4-card\"\u003e\n\u003cdiv class=\"abr4-image\"\u003e\u003cimg alt=\"Resultado de canas en mujer con ABERA\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/ChatGPT_8.webp?v=1787212244\"\u003e \u003cspan class=\"abr4-tag abr4-before\"\u003e ANTES \u003c\/span\u003e \u003cspan class=\"abr4-tag abr4-after\"\u003e DESPUÉS \u003c\/span\u003e\u003c\/div\u003e\n\u003cdiv class=\"abr4-body\"\u003e\n\u003cdiv class=\"abr4-stars\"\u003e★★★★★\u003c\/div\u003e\n\u003cp class=\"abr4-review\"\u003e“Los sobres individuales hacen que sea fácil tener listo mi próximo retoque.”\u003c\/p\u003e\n\u003cdiv class=\"abr4-customer\"\u003e\u003cstrong\u003e Emily C. \u003c\/strong\u003e \u003cspan class=\"abr4-location\"\u003e Nevada, EE. UU. \u003c\/span\u003e\u003c\/div\u003e\n\u003cdiv class=\"abr4-verified\"\u003e\u003cspan class=\"abr4-verified-icon\"\u003e ✓ \u003c\/span\u003e Cliente verificado\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/article\u003e\n\u003c!-- WOMEN 04 --\u003e\n\u003carticle class=\"abr4-card\"\u003e\n\u003cdiv class=\"abr4-image\"\u003e\u003cimg alt=\"Resultado de canas en mujer con ABERA\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/ChatGPT_13.webp?v=1787212244\"\u003e \u003cspan class=\"abr4-tag abr4-before\"\u003e ANTES \u003c\/span\u003e \u003cspan class=\"abr4-tag abr4-after\"\u003e DESPUÉS \u003c\/span\u003e\u003c\/div\u003e\n\u003cdiv class=\"abr4-body\"\u003e\n\u003cdiv class=\"abr4-stars\"\u003e★★★★★\u003c\/div\u003e\n\u003cp class=\"abr4-review\"\u003e“Lo uso principalmente cuando empiezan a notarse mis raíces. Se adapta mucho mejor a mi rutina que mi antiguo kit de coloración.”\u003c\/p\u003e\n\u003cdiv class=\"abr4-customer\"\u003e\u003cstrong\u003e Karen L. \u003c\/strong\u003e \u003cspan class=\"abr4-location\"\u003e Oregón, EE. UU. \u003c\/span\u003e\u003c\/div\u003e\n\u003cdiv class=\"abr4-verified\"\u003e\u003cspan class=\"abr4-verified-icon\"\u003e ✓ \u003c\/span\u003e Cliente verificado\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/article\u003e\n\u003c!-- WOMEN 05 --\u003e\n\u003carticle class=\"abr4-card\"\u003e\n\u003cdiv class=\"abr4-image\"\u003e\u003cimg alt=\"Resultado de canas en mujer con ABERA\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/ChatGPT_10.webp?v=1787212244\"\u003e \u003cspan class=\"abr4-tag abr4-before\"\u003e ANTES \u003c\/span\u003e \u003cspan class=\"abr4-tag abr4-after\"\u003e DESPUÉS \u003c\/span\u003e\u003c\/div\u003e\n\u003cdiv class=\"abr4-body\"\u003e\n\u003cdiv class=\"abr4-stars\"\u003e★★★★★\u003c\/div\u003e\n\u003cp class=\"abr4-review\"\u003e“Quería una opción más sencilla entre visitas al salón. Los sobres son muy prácticos para tenerlos en casa.”\u003c\/p\u003e\n\u003cdiv class=\"abr4-customer\"\u003e\u003cstrong\u003e Susan P. \u003c\/strong\u003e \u003cspan class=\"abr4-location\"\u003e California, EE. UU. \u003c\/span\u003e\u003c\/div\u003e\n\u003cdiv class=\"abr4-verified\"\u003e\u003cspan class=\"abr4-verified-icon\"\u003e ✓ \u003c\/span\u003e Cliente verificado\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/article\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"abr4-swipe\"\u003eDesliza para ver más \u003cstrong\u003e→\u003c\/strong\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- =========================================================\nABERA HAIR DYE — BOTANICAL INGREDIENTS\nCONTINUOUS BEIGE BACKGROUND\nDESKTOP: 5 CARDS\nTABLET: 3 CARDS\nMOBILE: HORIZONTAL SWIPE\n========================================================= --\u003e\n\u003cstyle\u003e\n\n\/* =========================================================\nGLOBAL PAGE BACKGROUND\nREMOVE WHITE GAPS BETWEEN SHOPIFY SECTIONS\n========================================================= *\/\n\n#MainContent {\n background: #f7f3ec !important;\n}\n\n\n\/* REMOVE SHOPIFY SECTION OUTER SPACING *\/\n\n#MainContent .shopify-section:has([id^=\"abera-\"]) {\n margin-top: 0 !important;\n margin-bottom: 0 !important;\n\n padding-top: 0 !important;\n padding-bottom: 0 !important;\n\n background: #f7f3ec !important;\n}\n\n\n\/* REMOVE GAP BETWEEN ADJACENT ABERA SECTIONS *\/\n\n#MainContent\n.shopify-section:has([id^=\"abera-\"])\n+\n.shopify-section:has([id^=\"abera-\"]) {\n margin-top: 0 !important;\n padding-top: 0 !important;\n}\n\n\n\/* =========================================================\nROOT\n========================================================= *\/\n\n#abera-ingredients-v4,\n#abera-ingredients-v4 * {\n box-sizing: border-box;\n}\n\n\n#abera-ingredients-v4 {\n --black: #0f0f0f;\n\n --gold: #b07d2f;\n --gold-main: #c89c46;\n\n --ivory: #f7f3ec;\n\n --white: #ffffff;\n\n --text: #171717;\n --muted: #686159;\n\n --line: #ddd3c4;\n\n\n width: 100%;\n\n margin: 0 !important;\n padding: 0 !important;\n\n overflow: hidden;\n\n background: var(--ivory);\n\n color: var(--text);\n\n font-family:\n \"Inter\",\n Arial,\n sans-serif;\n}\n\n\n\/* =========================================================\nSECTION INNER\n========================================================= *\/\n\n#abera-ingredients-v4 .aig4-main {\n width: 100%;\n\n margin: 0;\n\n padding:\n clamp(48px, 5vw, 76px)\n 0\n clamp(54px, 5vw, 80px);\n\n background: var(--ivory);\n}\n\n\n\/* =========================================================\nCONTAINER\n========================================================= *\/\n\n#abera-ingredients-v4 .aig4-container {\n width: 100%;\n\n max-width: 100%;\n\n margin: 0 auto;\n\n padding-left:\n clamp(36px, 7vw, 112px);\n\n padding-right:\n clamp(36px, 7vw, 112px);\n}\n\n\n\/* =========================================================\nHEADER\n========================================================= *\/\n\n#abera-ingredients-v4 .aig4-header {\n width: 100%;\n\n max-width: 100%;\n\n margin:\n 0\n auto\n clamp(32px, 4vw, 46px);\n\n text-align: center;\n}\n\n\n\/* EYEBROW *\/\n\n#abera-ingredients-v4 .aig4-eyebrow {\n margin:\n 0\n 0\n 12px;\n\n padding: 0;\n\n color: var(--gold);\n\n font-size: 13px;\n line-height: 1.3;\n\n font-weight: 600;\n\n letter-spacing: 1.4px;\n\n text-transform: uppercase;\n}\n\n\n\/* TITLE *\/\n\n#abera-ingredients-v4 .aig4-title {\n width: 100%;\n\n max-width: 100%;\n\n margin:\n 0\n auto\n 14px;\n\n padding: 0;\n\n color: var(--black);\n\n font-size:\n clamp(20px, 4vw, 30px);\n\n line-height: 1.15;\n\n font-weight: 600;\n\n letter-spacing: 0;\n\n text-align: center;\n\n text-wrap: balance;\n}\n\n\n\/* SUBTITLE *\/\n\n#abera-ingredients-v4 .aig4-subtitle {\n max-width: 850px;\n\n margin: 0 auto;\n\n padding: 0;\n\n color: var(--muted);\n\n font-size: 15px;\n line-height: 1.6;\n\n font-weight: 400;\n\n text-align: center;\n}\n\n\n\/* =========================================================\nCARD TRACK\n========================================================= *\/\n\n#abera-ingredients-v4 .aig4-track {\n width: 100%;\n\n display: grid;\n\n grid-template-columns:\n repeat(5, minmax(0, 1fr));\n\n gap: 16px;\n}\n\n\n\/* =========================================================\nCARD\n========================================================= *\/\n\n#abera-ingredients-v4 .aig4-card {\n min-width: 0;\n\n overflow: hidden;\n\n border:\n 1px solid\n var(--line);\n\n border-radius: 11px;\n\n background: var(--white);\n\n box-shadow:\n 0 3px 10px\n rgba(0,0,0,.025);\n}\n\n\n\/* =========================================================\nIMAGE\n========================================================= *\/\n\n#abera-ingredients-v4 .aig4-image {\n width: 100%;\n\n aspect-ratio: 1 \/ 1;\n\n overflow: hidden;\n\n background: #ece5d9;\n}\n\n\n#abera-ingredients-v4 .aig4-image img {\n width: 100%;\n height: 100%;\n\n display: block;\n\n object-fit: cover;\n object-position: center;\n\n margin: 0;\n\n border: 0;\n}\n\n\n\/* =========================================================\nCARD CONTENT\n========================================================= *\/\n\n#abera-ingredients-v4 .aig4-copy {\n padding:\n 17px\n 16px\n 20px;\n}\n\n\n\/* BENEFIT LABEL *\/\n\n#abera-ingredients-v4 .aig4-benefit {\n margin:\n 0\n 0\n 6px;\n\n color: var(--gold);\n\n font-size: 10px;\n line-height: 1.3;\n\n font-weight: 600;\n\n letter-spacing: .8px;\n\n text-transform: uppercase;\n}\n\n\n\/* INGREDIENT NAME *\/\n\n#abera-ingredients-v4 .aig4-name {\n margin:\n 0\n 0\n 7px;\n\n padding: 0;\n\n color: var(--black);\n\n font-size: 16px;\n line-height: 1.3;\n\n font-weight: 600;\n\n text-transform: uppercase;\n}\n\n\n\/* DESCRIPTION *\/\n\n#abera-ingredients-v4 .aig4-text {\n margin: 0;\n padding: 0;\n\n color: var(--muted);\n\n font-size: 13px;\n line-height: 1.55;\n\n font-weight: 400;\n\n word-break: normal;\n\n overflow-wrap: break-word;\n\n hyphens: none;\n\n -webkit-hyphens: none;\n}\n\n\n\/* =========================================================\nSWIPE MESSAGE\n========================================================= *\/\n\n#abera-ingredients-v4 .aig4-swipe {\n display: none;\n}\n\n\n\/* =========================================================\nDESKTOP HOVER\n========================================================= *\/\n\n@media (min-width: 1200px) {\n\n #abera-ingredients-v4 .aig4-card {\n transition:\n transform .25s ease,\n box-shadow .25s ease;\n }\n\n\n #abera-ingredients-v4 .aig4-card:hover {\n transform:\n translateY(-3px);\n\n box-shadow:\n 0 8px 22px\n rgba(0,0,0,.06);\n }\n\n}\n\n\n\/* =========================================================\nTABLET\n========================================================= *\/\n\n@media\n(min-width: 768px)\nand\n(max-width: 100%) {\n\n #abera-ingredients-v4 .aig4-main {\n padding:\n 44px\n 0\n 56px;\n }\n\n\n #abera-ingredients-v4 .aig4-container {\n padding-left: 20px;\n padding-right: 20px;\n }\n\n\n #abera-ingredients-v4 .aig4-header {\n margin-bottom: 34px;\n }\n\n\n #abera-ingredients-v4 .aig4-title {\n font-size:\n clamp(28px, 4vw, 38px);\n }\n\n\n #abera-ingredients-v4 .aig4-track {\n grid-template-columns:\n repeat(3, minmax(0, 1fr));\n\n gap: 14px;\n }\n\n}\n\n\n\/* =========================================================\nMOBILE\n========================================================= *\/\n\n@media (max-width: 767px) {\n\n #abera-ingredients-v4 {\n margin: 0 !important;\n padding: 0 !important;\n\n background: var(--ivory);\n }\n\n\n #abera-ingredients-v4 .aig4-main {\n margin: 0;\n\n padding:\n 34px\n 0\n 40px;\n\n background: var(--ivory);\n }\n\n\n #abera-ingredients-v4 .aig4-container {\n width: 100%;\n\n padding-left: 16px;\n padding-right: 16px;\n }\n\n\n \/* =====================================================\n HEADER\n ===================================================== *\/\n\n #abera-ingredients-v4 .aig4-header {\n margin-bottom: 25px;\n }\n\n\n #abera-ingredients-v4 .aig4-eyebrow {\n margin-bottom: 9px;\n\n font-size: 11px;\n\n letter-spacing: 1.2px;\n }\n\n\n #abera-ingredients-v4 .aig4-title {\n width: 100%;\n\n margin-bottom: 11px;\n\n font-size:\n clamp(20px, 4vw, 28px);\n\n line-height: 1.25;\n\n letter-spacing: 0;\n\n word-break: normal;\n\n overflow-wrap: normal;\n\n hyphens: none;\n\n -webkit-hyphens: none;\n }\n\n\n #abera-ingredients-v4 .aig4-subtitle {\n font-size: 14px;\n line-height: 1.55;\n\n word-break: normal;\n\n overflow-wrap: break-word;\n\n hyphens: none;\n }\n\n\n \/* =====================================================\n MOBILE CAROUSEL\n ===================================================== *\/\n\n #abera-ingredients-v4 .aig4-track {\n width: 100%;\n\n display: flex;\n\n gap: 12px;\n\n overflow-x: auto;\n overflow-y: hidden;\n\n padding:\n 0\n 0\n 5px;\n\n scroll-snap-type: x mandatory;\n\n scroll-behavior: smooth;\n\n overscroll-behavior-x: contain;\n\n scrollbar-width: none;\n\n -webkit-overflow-scrolling: touch;\n }\n\n\n #abera-ingredients-v4\n .aig4-track::-webkit-scrollbar {\n\n display: none;\n\n }\n\n\n \/* ONE LARGE CARD + NEXT PREVIEW *\/\n\n #abera-ingredients-v4 .aig4-card {\n flex:\n 0\n 0\n 76%;\n\n min-width: 76%;\n\n scroll-snap-align: start;\n }\n\n\n \/* =====================================================\n MOBILE COPY\n ===================================================== *\/\n\n #abera-ingredients-v4 .aig4-copy {\n padding:\n 16px\n 15px\n 18px;\n }\n\n\n #abera-ingredients-v4 .aig4-benefit {\n font-size: 10px;\n }\n\n\n #abera-ingredients-v4 .aig4-name {\n font-size: 17px;\n }\n\n\n #abera-ingredients-v4 .aig4-text {\n font-size: 14px;\n line-height: 1.55;\n\n word-break: normal !important;\n\n overflow-wrap: break-word !important;\n\n hyphens: none !important;\n\n -webkit-hyphens: none !important;\n }\n\n\n \/* SWIPE *\/\n\n #abera-ingredients-v4 .aig4-swipe {\n display: flex;\n\n align-items: center;\n justify-content: flex-end;\n\n gap: 5px;\n\n margin-top: 7px;\n\n color: #918a80;\n\n font-size: 10px;\n }\n\n\n #abera-ingredients-v4\n .aig4-swipe strong {\n\n color: var(--gold);\n\n font-size: 14px;\n\n }\n\n}\n\n\u003c\/style\u003e\n\u003csection id=\"abera-ingredients-v4\"\u003e\u003c!-- =========================================================\nINGREDIENT CONTENT\n========================================================= --\u003e\n\u003cdiv class=\"aig4-main\"\u003e\n\u003cdiv class=\"aig4-container\"\u003e\u003c!-- =====================================================\n HEADER\n ====================================================== --\u003e\n\u003cdiv class=\"aig4-header\"\u003e\n\u003cp class=\"aig4-eyebrow\"\u003eCOLOR + CUIDADO CAPILAR\u003c\/p\u003e\n\u003ch2 class=\"aig4-title\"\u003eCUBRE TUS CANAS CON\u003cbr\u003eCUIDADO CAPILAR BOTÁNICO INTEGRADO\u003c\/h2\u003e\n\u003cp class=\"aig4-subtitle\"\u003eABERA combina tecnología de coloración capilar con ingredientes botánicos de uso común en fórmulas para el cuidado del cabello.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- =====================================================\n CARDS\n ====================================================== --\u003e\n\u003cdiv class=\"aig4-track\"\u003e\u003c!-- =================================================\n 01 — ARGAN OIL\n ================================================== --\u003e\n\u003carticle class=\"aig4-card\"\u003e\n\u003cdiv class=\"aig4-image\"\u003e\u003cimg alt=\"Aceite de Argán\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/tinh-dau-duong-toc-argan-oil-1.webp?v=1787216556\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"aig4-copy\"\u003e\n\u003cdiv class=\"aig4-benefit\"\u003eSUAVIDAD + BRILLO\u003c\/div\u003e\n\u003ch3 class=\"aig4-name\"\u003eACEITE DE ARGÁN\u003c\/h3\u003e\n\u003cp class=\"aig4-text\"\u003eHidrata, suaviza y aporta brillo mientras ayuda a reducir la resequedad y el frizz.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/article\u003e\n\u003c!-- =================================================\n 02 — BLACK GINSENG\n ================================================== --\u003e\n\u003carticle class=\"aig4-card\"\u003e\n\u003cdiv class=\"aig4-image\"\u003e\u003cimg alt=\"Ginseng Negro\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/Ginseng_1st_Slide.webp?v=1787216601\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"aig4-copy\"\u003e\n\u003cdiv class=\"aig4-benefit\"\u003eCUIDADO DEL CABELLO + CUERO CABELLUDO\u003c\/div\u003e\n\u003ch3 class=\"aig4-name\"\u003eGINSENG NEGRO\u003c\/h3\u003e\n\u003cp class=\"aig4-text\"\u003eAyuda a nutrir el cuero cabelludo y a favorecer un cabello de aspecto más saludable y resistente.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/article\u003e\n\u003c!-- =================================================\n 03 — FO-TI\n ================================================== --\u003e\n\u003carticle class=\"aig4-card\"\u003e\n\u003cdiv class=\"aig4-image\"\u003e\u003cimg alt=\"Fo-Ti\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/642x361_Fo_Ti_The_Cure_to_Old_Age.webp?v=1787216556\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"aig4-copy\"\u003e\n\u003cdiv class=\"aig4-benefit\"\u003eCABELLO DE ASPECTO SALUDABLE\u003c\/div\u003e\n\u003ch3 class=\"aig4-name\"\u003eFO-TI\u003c\/h3\u003e\n\u003cp class=\"aig4-text\"\u003eTradicionalmente utilizado para favorecer un cabello de aspecto más fuerte y ayudar a mantener su vitalidad natural.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/article\u003e\n\u003c!-- =================================================\n 04 — RED REISHI\n ================================================== --\u003e\n\u003carticle class=\"aig4-card\"\u003e\n\u003cdiv class=\"aig4-image\"\u003e\u003cimg alt=\"Hongo Reishi Rojo\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/whiskeydarek_Close-up_of_reishi_mushrooms_growing_on_a_log_996344e7-3303-4ea1-9f54-8c1837c54a68.webp?v=1786674307\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"aig4-copy\"\u003e\n\u003cdiv class=\"aig4-benefit\"\u003eCUIDADO ACONDICIONADOR\u003c\/div\u003e\n\u003ch3 class=\"aig4-name\"\u003eREISHI ROJO\u003c\/h3\u003e\n\u003cp class=\"aig4-text\"\u003eAyuda a acondicionar el cuero cabelludo y a favorecer un cabello más suave y de aspecto saludable.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/article\u003e\n\u003c!-- =================================================\n 05 — PINK GRAPEFRUIT\n ================================================== --\u003e\n\u003carticle class=\"aig4-card\"\u003e\n\u003cdiv class=\"aig4-image\"\u003e\u003cimg alt=\"Toronja Rosa\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/1774218776327_photo-1774156733632-1774156734347965593145.webp?v=1788515551\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"aig4-copy\"\u003e\n\u003cdiv class=\"aig4-benefit\"\u003eCUIDADO DEL CUERO CABELLUDO + RAÍCES\u003c\/div\u003e\n\u003ch3 class=\"aig4-name\"\u003eTORONJA ROSA\u003c\/h3\u003e\n\u003cp class=\"aig4-text\"\u003eAyuda a refrescar y nutrir el cuero cabelludo mientras favorece un cabello de aspecto más saludable y con más volumen.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/article\u003e\n\u003c\/div\u003e\n\u003c!-- MOBILE SWIPE HINT --\u003e\n\u003cdiv class=\"aig4-swipe\"\u003eDesliza para ver más \u003cstrong\u003e→\u003c\/strong\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- =========================================================\nABERA — POST-COLOR HAIR CARE BUNDLE\nCONTINUOUS BEIGE BACKGROUND\nIMPROVED CARD TEXT READABILITY\n========================================================= --\u003e\n\u003cstyle\u003e\n\n\/* =========================================================\nGLOBAL PAGE BACKGROUND\nREMOVE WHITE GAPS BETWEEN SHOPIFY SECTIONS\n========================================================= *\/\n\n#MainContent {\n background: #f7f3ec !important;\n}\n\n\n\/* SHOPIFY CUSTOM LIQUID WRAPPER *\/\n\n#MainContent .shopify-section:has([id^=\"abera-\"]) {\n margin-top: 0 !important;\n margin-bottom: 0 !important;\n\n padding-top: 0 !important;\n padding-bottom: 0 !important;\n\n background: #f7f3ec !important;\n}\n\n\n\/* NO GAP BETWEEN ABERA SECTIONS *\/\n\n#MainContent\n.shopify-section:has([id^=\"abera-\"])\n+\n.shopify-section:has([id^=\"abera-\"]) {\n margin-top: 0 !important;\n padding-top: 0 !important;\n}\n\n\n\/* =========================================================\nROOT\n========================================================= *\/\n\n#abera-extra-haircare-v4,\n#abera-extra-haircare-v4 * {\n box-sizing: border-box;\n}\n\n\n#abera-extra-haircare-v4 {\n --black: #0f0f0f;\n\n --gold: #b07d2f;\n --gold-main: #c89c46;\n --gold-light: #ead5aa;\n\n --ivory: #f7f3ec;\n\n --white: #ffffff;\n\n --text: #171717;\n --muted: #625c54;\n\n --line: #d9cdbd;\n\n\n width: 100%;\n\n margin: 0 !important;\n padding: 0 !important;\n\n overflow: hidden;\n\n background: var(--ivory);\n\n color: var(--text);\n\n font-family:\n \"Inter\",\n Arial,\n sans-serif;\n}\n\n\n\/* =========================================================\nSECTION INNER\n========================================================= *\/\n\n#abera-extra-haircare-v4 .aeh4-main {\n width: 100%;\n\n margin: 0;\n\n padding:\n clamp(48px, 5vw, 76px)\n 0\n clamp(54px, 5vw, 80px);\n\n background: var(--ivory);\n}\n\n\n\/* =========================================================\nCONTAINER\n========================================================= *\/\n\n#abera-extra-haircare-v4 .aeh4-container {\n width: 100%;\n\n max-width: 1500px;\n\n margin: 0 auto;\n\n padding-left:\n clamp(36px, 7vw, 112px);\n\n padding-right:\n clamp(36px, 7vw, 112px);\n}\n\n\n\/* =========================================================\nMAIN GRID\n========================================================= *\/\n\n#abera-extra-haircare-v4 .aeh4-grid {\n width: 100%;\n\n display: grid;\n\n grid-template-columns:\n minmax(250px, .92fr)\n minmax(0, 2.08fr);\n\n gap:\n clamp(36px, 5vw, 72px);\n\n align-items: center;\n}\n\n\n\/* =========================================================\nLEFT INTRO\n========================================================= *\/\n\n#abera-extra-haircare-v4 .aeh4-intro {\n width: 100%;\n\n min-width: 0;\n}\n\n\n\/* EYEBROW *\/\n\n#abera-extra-haircare-v4 .aeh4-eyebrow {\n margin:\n 0\n 0\n 16px;\n\n color: var(--gold);\n\n font-size: 15px;\n line-height: 1.3;\n\n font-weight: 600;\n\n letter-spacing: 0;\n\n text-transform: none;\n}\n\n\n\/* TITLE *\/\n\n#abera-extra-haircare-v4 .aeh4-title {\n width: 100%;\n\n max-width: 430px;\n\n margin:\n 0\n 0\n 20px;\n\n color: var(--black);\n\n font-size:\n clamp(25px, 2.5vw, 34px);\n\n line-height: 1.12;\n\n font-weight: 600;\n\n letter-spacing: 0;\n\n text-transform: uppercase;\n\n text-wrap: balance;\n}\n\n\n\/* DESCRIPTION *\/\n\n#abera-extra-haircare-v4 .aeh4-description {\n max-width: 460px;\n\n margin: 0;\n\n color: var(--muted);\n\n font-size: 15px;\n line-height: 1.75;\n\n font-weight: 400;\n}\n\n\n#abera-extra-haircare-v4\n.aeh4-description strong {\n color: var(--black);\n\n font-weight: 600;\n}\n\n\n\/* =========================================================\nCARDS WRAPPER\n========================================================= *\/\n\n#abera-extra-haircare-v4 .aeh4-cards-wrap {\n width: 100%;\n\n min-width: 0;\n}\n\n\n\/* =========================================================\nCARDS\n========================================================= *\/\n\n#abera-extra-haircare-v4 .aeh4-cards {\n width: 100%;\n\n display: grid;\n\n grid-template-columns:\n repeat(4, minmax(0, 1fr));\n\n gap: 14px;\n}\n\n\n\/* =========================================================\nCARD\n========================================================= *\/\n\n#abera-extra-haircare-v4 .aeh4-card {\n position: relative;\n\n width: 100%;\n\n min-width: 0;\n min-height: 470px;\n\n overflow: hidden;\n\n border:\n 1px solid\n rgba(176,125,47,.30);\n\n border-radius: 13px;\n\n background: #ded6ca;\n\n box-shadow:\n 0 4px 14px\n rgba(0,0,0,.035);\n}\n\n\n\/* =========================================================\nBACKGROUND IMAGE\n========================================================= *\/\n\n#abera-extra-haircare-v4 .aeh4-image {\n position: absolute;\n\n inset: 0;\n\n z-index: 1;\n}\n\n\n#abera-extra-haircare-v4 .aeh4-image img {\n width: 100%;\n height: 100%;\n\n display: block;\n\n object-fit: cover;\n object-position: center;\n}\n\n\n\/* =========================================================\nIMAGE OVERLAY\nIMPORTANT: STRONGER FOR TEXT READABILITY\n========================================================= *\/\n\n#abera-extra-haircare-v4 .aeh4-overlay {\n position: \n inset: 0;\n\n z-index: 2;\n\n background:\n linear-gradient(\n to bottom,\n\n rgba(247,243,236,.96) 0%,\n\n rgba(247,243,236,.91) 22%,\n\n rgba(247,243,236,.76) 42%,\n\n rgba(247,243,236,.28) 68%,\n\n rgba(15,15,15,.14) 100%\n );\n}\n\n\n\/* =========================================================\nCARD CONTENT\n========================================================= *\/\n\n#abera-extra-haircare-v4 .aeh4-content {\n position: relative;\n\n z-index: 13;\n\n width: 100%;\n\n padding:\n 18px\n 15px;\n\n display: flex;\n\n flex-direction: column;\n\n align-items: flex-start;\n}\n\n\n\/* =========================================================\nTEXT PANEL\n========================================================= *\/\n\n#abera-extra-haircare-v4 .aeh4-text-panel {\n width: 100%;\n\n padding:\n 12px\n 12px\n 13px;\n\n border:\n 1px solid\n rgba(255,255,255,.46);\n\n border-radius: 9px;\n\n background:\n rgba(247,243,236,.84);\n\n box-shadow:\n 0 2px 8px\n rgba(0,0,0,.025);\n\n backdrop-filter:\n blur(5px);\n\n -webkit-backdrop-filter:\n blur(5px);\n}\n\n\n\/* =========================================================\nNUMBER\n========================================================= *\/\n\n#abera-extra-haircare-v4 .aeh4-number {\n width: 30px;\n height: 30px;\n\n display: inline-flex;\n\n align-items: center;\n justify-content: center;\n\n margin-bottom: 11px;\n\n border:\n 1px solid\n rgba(176,125,47,.55);\n\n border-radius: 50%;\n\n background:\n rgba(255,255,255,.86);\n\n color: var(--gold);\n\n font-size: 11px;\n line-height: 1;\n\n font-weight: 500;\n}\n\n\n\/* =========================================================\nCARD TITLE\n========================================================= *\/\n\n#abera-extra-haircare-v4 .aeh4-card-title {\n width: 100%;\n\n margin:\n 0\n 0\n 8px;\n\n color: var(--black);\n\n font-size: 16px;\n line-height: 1.3;\n\n font-weight: 600;\n\n letter-spacing: 0;\n\n word-break: normal;\n\n overflow-wrap: normal;\n\n hyphens: none;\n}\n\n\n\/* =========================================================\nCARD TEXT\n========================================================= *\/\n\n#abera-extra-haircare-v4 .aeh4-card-text {\n width: 100%;\n\n margin: 0;\n\n color: #37332e;\n\n font-size: 14px;\n line-height: 1.55;\n\n font-weight: 400;\n\n word-break: normal;\n\n overflow-wrap: break-word;\n\n hyphens: none;\n\n -webkit-hyphens: none;\n}\n\n\n\/* =========================================================\nMOBILE CONTROLS\n========================================================= *\/\n\n#abera-extra-haircare-v4 .aeh4-controls {\n display: none;\n}\n\n\n\/* =========================================================\nDESKTOP\n========================================================= *\/\n\n@media (min-width: 1200px) {\n\n #abera-extra-haircare-v4 .aeh4-card {\n transition:\n transform .25s ease,\n box-shadow .25s ease;\n }\n\n\n #abera-extra-haircare-v4\n .aeh4-card:hover {\n\n transform:\n translateY(-3px);\n\n box-shadow:\n 0 8px 22px\n rgba(0,0,0,.06);\n\n }\n\n}\n\n\n\/* =========================================================\nTABLET\n========================================================= *\/\n\n@media\n(min-width: 768px)\nand\n(max-width: 1199px) {\n\n #abera-extra-haircare-v4 .aeh4-main {\n padding:\n 44px\n 0\n 56px;\n }\n\n\n #abera-extra-haircare-v4\n .aeh4-container {\n\n padding-left: 34px;\n padding-right: 34px;\n\n }\n\n\n #abera-extra-haircare-v4 .aeh4-grid {\n grid-template-columns: 1fr;\n\n gap: 30px;\n }\n\n\n #abera-extra-haircare-v4 .aeh4-intro {\n max-width: 760px;\n }\n\n\n #abera-extra-haircare-v4\n .aeh4-description {\n\n max-width: 720px;\n\n }\n\n\n #abera-extra-haircare-v4 .aeh4-cards {\n grid-template-columns:\n repeat(2, minmax(0, 1fr));\n }\n\n\n #abera-extra-haircare-v4 .aeh4-card {\n min-height: 430px;\n }\n\n\n #abera-extra-haircare-v4\n .aeh4-card-title {\n\n font-size: 18px;\n\n }\n\n\n #abera-extra-haircare-v4\n .aeh4-card-text {\n\n font-size: 14px;\n\n }\n\n}\n\n\n\/* =========================================================\nMOBILE\n========================================================= *\/\n\n@media (max-width: 767px) {\n\n #abera-extra-haircare-v4 {\n margin: 0 !important;\n padding: 0 !important;\n\n background: var(--ivory);\n }\n\n\n #abera-extra-haircare-v4 .aeh4-main {\n margin: 0;\n\n padding:\n 34px\n 0\n 40px;\n\n background: var(--ivory);\n }\n\n\n #abera-extra-haircare-v4\n .aeh4-container {\n\n width: 100%;\n\n padding-left: 16px;\n padding-right: 16px;\n\n }\n\n\n \/* =====================================================\n INTRO\n ===================================================== *\/\n\n #abera-extra-haircare-v4 .aeh4-grid {\n display: flex;\n\n flex-direction: column;\n\n gap: 25px;\n }\n\n\n #abera-extra-haircare-v4 .aeh4-intro {\n width: 100%;\n\n margin: 0;\n padding: 0;\n\n text-align: left;\n }\n\n\n #abera-extra-haircare-v4\n .aeh4-eyebrow {\n\n margin-bottom: 11px;\n\n font-size: 14px;\n\n }\n\n\n #abera-extra-haircare-v4\n .aeh4-title {\n\n width: 100%;\n max-width: none;\n\n margin-bottom: 14px;\n\n font-size:\n clamp(23px, 6vw, 28px);\n\n line-height: 1.18;\n\n word-break: normal;\n\n overflow-wrap: normal;\n\n hyphens: none;\n\n }\n\n\n #abera-extra-haircare-v4\n .aeh4-description {\n\n width: 100%;\n max-width: none;\n\n font-size: 15px;\n line-height: 1.65;\n\n word-break: normal;\n\n overflow-wrap: break-word;\n\n hyphens: none;\n\n -webkit-hyphens: none;\n\n }\n\n\n \/* =====================================================\n MOBILE CAROUSEL\n ===================================================== *\/\n\n #abera-extra-haircare-v4\n .aeh4-cards-wrap {\n\n width: 100%;\n\n min-width: 0;\n\n }\n\n\n #abera-extra-haircare-v4 .aeh4-cards {\n width: 100%;\n\n display: flex;\n\n gap: 12px;\n\n overflow-x: auto;\n overflow-y: hidden;\n\n padding:\n 0\n 0\n 5px;\n\n scroll-snap-type:\n x mandatory;\n\n scroll-behavior:\n smooth;\n\n overscroll-behavior-x:\n contain;\n\n scrollbar-width:\n none;\n\n -webkit-overflow-scrolling:\n touch;\n }\n\n\n #abera-extra-haircare-v4\n .aeh4-cards::-webkit-scrollbar {\n\n display: none;\n\n }\n\n\n #abera-extra-haircare-v4 .aeh4-card {\n flex:\n 0\n 0\n 84%;\n\n min-width: 84%;\n\n min-height: 440px;\n\n scroll-snap-align:\n start;\n }\n\n\n \/* =====================================================\n MOBILE TEXT\n ===================================================== *\/\n\n #abera-extra-haircare-v4\n .aeh4-content {\n\n padding:\n 16px\n 14px;\n\n }\n\n\n #abera-extra-haircare-v4\n .aeh4-text-panel {\n\n padding:\n 13px\n 13px\n 14px;\n\n background:\n rgba(247,243,236,.92);\n\n }\n\n\n #abera-extra-haircare-v4\n .aeh4-card-title {\n\n margin-bottom: 8px;\n\n font-size: 18px;\n line-height: 1.3;\n\n word-break: normal !important;\n\n overflow-wrap: normal !important;\n\n hyphens: none !important;\n\n }\n\n\n #abera-extra-haircare-v4\n .aeh4-card-text {\n\n font-size: 15px;\n line-height: 1.55;\n\n word-break: normal !important;\n\n overflow-wrap: break-word !important;\n\n hyphens: none !important;\n\n -webkit-hyphens: none !important;\n\n }\n\n\n \/* =====================================================\n MOBILE ARROWS\n ===================================================== *\/\n\n #abera-extra-haircare-v4\n .aeh4-controls {\n\n display: flex;\n\n align-items: center;\n\n justify-content:\n flex-start;\n\n gap: 8px;\n\n margin-top: 12px;\n\n }\n\n\n #abera-extra-haircare-v4\n .aeh4-btn {\n\n width: 32px;\n height: 32px;\n\n flex:\n 0\n 0\n 32px;\n\n display:\n inline-flex;\n\n align-items:\n center;\n\n justify-content:\n center;\n\n padding: 0;\n\n border:\n 1px solid\n var(--gold-main);\n\n border-radius:\n 50%;\n\n background:\n var(--black);\n\n color:\n var(--gold-main);\n\n font-family:\n Arial,\n sans-serif;\n\n font-size:\n 17px;\n\n line-height:\n 1;\n\n cursor:\n pointer;\n\n appearance:\n none;\n\n -webkit-appearance:\n none;\n\n }\n\n\n #abera-extra-haircare-v4\n .aeh4-btn:disabled {\n\n opacity: .35;\n\n cursor: default;\n\n }\n\n}\n\n\u003c\/style\u003e\n\u003csection id=\"abera-extra-haircare-v4\"\u003e\u003c!-- =========================================================\nCONTENT\n========================================================= --\u003e\n\u003cdiv class=\"aeh4-main\"\u003e\n\u003cdiv class=\"aeh4-container\"\u003e\n\u003cdiv class=\"aeh4-grid\"\u003e\u003c!-- ===================================================\n INTRO\n ==================================================== --\u003e\n\u003cdiv class=\"aeh4-intro\"\u003e\n\u003cp class=\"aeh4-eyebrow\"\u003eCuidado Capilar Extra\u003c\/p\u003e\n\u003ch2 class=\"aeh4-title\"\u003eKIT DE CUIDADO CAPILAR\u003cbr\u003ePOST-COLOR\u003c\/h2\u003e\n\u003cp class=\"aeh4-description\"\u003eAdemás de un color negro uniforme y de aspecto natural, tu cabello también necesita un cuero cabelludo saludable y raíces más fuertes. El \u003cstrong\u003e Champú y Sérum de Toronja ABERA \u003c\/strong\u003e están diseñados para ayudarte a cuidar ambos. Este kit ayuda a nutrir el cuero cabelludo, apoyar un crecimiento capilar saludable, restaurar la hidratación y el equilibrio de la barrera del cuero cabelludo, y dejar el cabello más suave, menos enredado y visiblemente con más volumen después de teñirlo.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- ===================================================\n CARDS\n ==================================================== --\u003e\n\u003cdiv class=\"aeh4-cards-wrap\"\u003e\n\u003cdiv class=\"aeh4-cards\"\u003e\u003c!-- ===============================================\n CARD 01\n ================================================ --\u003e\n\u003carticle class=\"aeh4-card\"\u003e\n\u003cdiv class=\"aeh4-image\"\u003e\u003cimg alt=\"Champú y Sérum de Toronja ABERA\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/1_03fe5ee6-cabd-429a-af51-f8203e6245d6.webp?v=1788512561\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"aeh4-overlay\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"aeh4-content\"\u003e\n\u003cdiv class=\"aeh4-number\"\u003e01\u003c\/div\u003e\n\u003cdiv class=\"aeh4-text-panel\"\u003e\n\u003ch3 class=\"aeh4-card-title\"\u003eNutre el Cabello y el Cuero Cabelludo\u003c\/h3\u003e\n\u003cp class=\"aeh4-card-text\"\u003eAyuda a cuidar el cuero cabelludo y las raíces después de la coloración, favoreciendo una rutina de cuidado más saludable para el cabello.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/article\u003e\n\u003c!-- ===============================================\n CARD 02\n ================================================ --\u003e\n\u003carticle class=\"aeh4-card\"\u003e\n\u003cdiv class=\"aeh4-image\"\u003e\u003cimg alt=\"Crecimiento capilar saludable\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/Gemini_Generated_Image_cbsbg3cbsbg3cbsb-clean.webp?v=1788513167\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"aeh4-overlay\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"aeh4-content\"\u003e\n\u003cdiv class=\"aeh4-number\"\u003e02\u003c\/div\u003e\n\u003cdiv class=\"aeh4-text-panel\"\u003e\n\u003ch3 class=\"aeh4-card-title\"\u003eApoya un Crecimiento Capilar Saludable\u003c\/h3\u003e\n\u003cp class=\"aeh4-card-text\"\u003eAyuda a crear un mejor entorno en el cuero cabelludo para favorecer un cabello más fuerte, saludable y con más volumen con el tiempo.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/article\u003e\n\u003c!-- ===============================================\n CARD 03\n ================================================ --\u003e\n\u003carticle class=\"aeh4-card\"\u003e\n\u003cdiv class=\"aeh4-image\"\u003e\u003cimg alt=\"Cabello suave y sedoso después de la coloración\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/Retinol_22.webp?v=1788514509\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"aeh4-overlay\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"aeh4-content\"\u003e\n\u003cdiv class=\"aeh4-number\"\u003e03\u003c\/div\u003e\n\u003cdiv class=\"aeh4-text-panel\"\u003e\n\u003ch3 class=\"aeh4-card-title\"\u003eReduce la Resequedad y los Enredos\u003c\/h3\u003e\n\u003cp class=\"aeh4-card-text\"\u003eAyuda a reponer la hidratación para que el cabello se sienta más suave, sedoso y fácil de manejar después de teñirlo.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/article\u003e\n\u003c!-- ===============================================\n CARD 04\n ================================================ --\u003e\n\u003carticle class=\"aeh4-card\"\u003e\n\u003cdiv class=\"aeh4-image\"\u003e\u003cimg alt=\"Cabello de aspecto más abundante\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/ChatGPT_58.webp?v=1787219168\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"aeh4-overlay\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"aeh4-content\"\u003e\n\u003cdiv class=\"aeh4-number\"\u003e04\u003c\/div\u003e\n\u003cdiv class=\"aeh4-text-panel\"\u003e\n\u003ch3 class=\"aeh4-card-title\"\u003eCabello de Aspecto Más Grueso y Abundante\u003c\/h3\u003e\n\u003cp class=\"aeh4-card-text\"\u003eAl cuidar tanto el cabello como el cuero cabelludo, el dúo ayuda a que el cabello luzca más denso, abundante y saludable.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/article\u003e\n\u003c\/div\u003e\n\u003c!-- =================================================\n MOBILE ARROWS\n ================================================== --\u003e\n\u003cdiv class=\"aeh4-controls\"\u003e\u003cbutton aria-label=\"Beneficio anterior para el cuidado del cabello\" class=\"aeh4-btn aeh4-prev\" type=\"button\"\u003e ← \u003c\/button\u003e \u003cbutton aria-label=\"Siguiente beneficio para el cuidado del cabello\" class=\"aeh4-btn aeh4-next\" type=\"button\"\u003e → \u003c\/button\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- =========================================================\nMOBILE SWIPE SCRIPT\n========================================================= --\u003e \u003cscript\u003e\n\n(function () {\n\n\n const section =\n document.querySelector(\n \"#abera-extra-haircare-v4\"\n );\n\n\n if (!section) return;\n\n\n const track =\n section.querySelector(\n \".aeh4-cards\"\n );\n\n\n const prev =\n section.querySelector(\n \".aeh4-prev\"\n );\n\n\n const next =\n section.querySelector(\n \".aeh4-next\"\n );\n\n\n if (\n !track ||\n !prev ||\n !next\n ) return;\n\n\n\n function getScrollAmount() {\n\n\n const card =\n track.querySelector(\n \".aeh4-card\"\n );\n\n\n if (!card) {\n return 300;\n }\n\n\n const styles =\n window.getComputedStyle(\n track\n );\n\n\n const gap =\n parseFloat(\n styles.columnGap ||\n styles.gap\n ) || 12;\n\n\n return (\n card.getBoundingClientRect().width\n +\n gap\n );\n\n }\n\n\n\n prev.addEventListener(\n \"click\",\n function () {\n\n\n track.scrollBy({\n\n left:\n -getScrollAmount(),\n\n behavior:\n \"smooth\"\n\n });\n\n\n }\n );\n\n\n\n next.addEventListener(\n \"click\",\n function () {\n\n\n track.scrollBy({\n\n left:\n getScrollAmount(),\n\n behavior:\n \"smooth\"\n\n });\n\n\n }\n );\n\n\n\n function updateButtons() {\n\n\n const maxScroll =\n track.scrollWidth\n -\n track.clientWidth;\n\n\n prev.disabled =\n track.scrollLeft \u003c= 4;\n\n\n next.disabled =\n track.scrollLeft \u003e=\n maxScroll - 4;\n\n }\n\n\n\n track.addEventListener(\n \"scroll\",\n updateButtons,\n {\n passive: true\n }\n );\n\n\n window.addEventListener(\n \"resize\",\n updateButtons\n );\n\n\n updateButtons();\n\n\n})();\n\n\u003c\/script\u003e\u003c\/section\u003e\n\u003c!-- =========================================================\nABERA HAIR DYE — COMPARISON TABLE\nCONTINUOUS BEIGE BACKGROUND\nDESKTOP + TABLET + MOBILE RESPONSIVE\n========================================================= --\u003e\n\u003cstyle\u003e\n\n\/* =========================================================\nGLOBAL PAGE BACKGROUND\nREMOVE WHITE GAPS BETWEEN SHOPIFY SECTIONS\n========================================================= *\/\n\n#MainContent {\n background: #f7f3ec !important;\n}\n\n\n\/* REMOVE SHOPIFY CUSTOM LIQUID OUTER SPACING *\/\n\n#MainContent .shopify-section:has([id^=\"abera-\"]) {\n margin-top: 0 !important;\n margin-bottom: 0 !important;\n\n padding-top: 0 !important;\n padding-bottom: 0 !important;\n\n background: #f7f3ec !important;\n}\n\n\n\/* REMOVE GAP BETWEEN ADJACENT ABERA SECTIONS *\/\n\n#MainContent\n.shopify-section:has([id^=\"abera-\"])\n+\n.shopify-section:has([id^=\"abera-\"]) {\n margin-top: 0 !important;\n padding-top: 0 !important;\n}\n\n\n\/* =========================================================\nROOT\n========================================================= *\/\n\n#abera-comparison-v4,\n#abera-comparison-v4 * {\n box-sizing: border-box;\n}\n\n\n#abera-comparison-v4 {\n --black: #0f0f0f;\n\n --gold: #b07d2f;\n --gold-main: #c89c46;\n --gold-light: #ead5aa;\n\n --ivory: #f7f3ec;\n\n --white: #ffffff;\n\n --text: #171717;\n --muted: #686159;\n\n --green: #557963;\n\n --line: #ddd3c4;\n\n\n width: 100%;\n\n margin: 0 !important;\n padding: 0 !important;\n\n overflow: hidden;\n\n background: var(--ivory);\n\n color: var(--text);\n\n font-family:\n \"Inter\",\n Arial,\n sans-serif;\n}\n\n\n\/* =========================================================\nSECTION INNER\n========================================================= *\/\n\n#abera-comparison-v4 .acp4-main {\n width: 100%;\n\n margin: 0;\n\n padding:\n clamp(48px, 5vw, 76px)\n 0\n clamp(54px, 5vw, 80px);\n\n background: var(--ivory);\n}\n\n\n\/* =========================================================\nCONTAINER\n========================================================= *\/\n\n#abera-comparison-v4 .acp4-container {\n width: 100%;\n\n max-width: 1320px;\n\n margin: 0 auto;\n\n padding-left:\n clamp(36px, 7vw, 112px);\n\n padding-right:\n clamp(36px, 7vw, 112px);\n}\n\n\n\/* =========================================================\nHEADER\n========================================================= *\/\n\n#abera-comparison-v4 .acp4-header {\n width: 100%;\n\n max-width: 950px;\n\n margin:\n 0\n auto\n clamp(28px, 4vw, 42px);\n\n text-align: center;\n}\n\n\n\/* EYEBROW *\/\n\n#abera-comparison-v4 .acp4-eyebrow {\n margin:\n 0\n 0\n 10px;\n\n padding: 0;\n\n color: var(--gold);\n\n font-size: 13px;\n line-height: 1.3;\n\n font-weight: 600;\n\n letter-spacing: 1.3px;\n\n text-transform: uppercase;\n}\n\n\n\/* TITLE *\/\n\n#abera-comparison-v4 .acp4-title {\n width: 100%;\n\n margin: 0;\n\n color: var(--black);\n\n font-size:\n clamp(28px, 4vw, 40px);\n\n line-height: 1.15;\n\n font-weight: 600;\n\n letter-spacing: 0;\n\n text-align: center;\n\n text-wrap: balance;\n}\n\n\n\/* =========================================================\nTABLE WRAPPER\n========================================================= *\/\n\n#abera-comparison-v4 .acp4-table-wrap {\n width: 100%;\n\n overflow: hidden;\n\n border:\n 1px solid\n var(--line);\n\n border-radius: 14px;\n\n background: var(--white);\n\n box-shadow:\n 0 4px 16px\n rgba(0,0,0,.03);\n}\n\n\n\/* =========================================================\nTABLE\n========================================================= *\/\n\n#abera-comparison-v4 .acp4-table {\n width: 100%;\n\n margin: 0;\n\n border-collapse: collapse;\n\n table-layout: fixed;\n}\n\n\n\/* COLUMN WIDTH *\/\n\n#abera-comparison-v4\n.acp4-table col:nth-child(1) {\n width: 30%;\n}\n\n\n#abera-comparison-v4\n.acp4-table col:nth-child(2) {\n width: 35%;\n}\n\n\n#abera-comparison-v4\n.acp4-table col:nth-child(3) {\n width: 35%;\n}\n\n\n\/* =========================================================\nTABLE HEADER\n========================================================= *\/\n\n#abera-comparison-v4 .acp4-table th {\n padding:\n 19px\n 18px;\n\n border-bottom:\n 1px solid\n var(--line);\n\n color: var(--black);\n\n font-size: 14px;\n line-height: 1.35;\n\n font-weight: 600;\n\n text-align: center;\n\n vertical-align: middle;\n\n word-break: normal;\n\n overflow-wrap: normal;\n\n hyphens: none;\n}\n\n\n\/* FEATURE *\/\n\n#abera-comparison-v4\n.acp4-table th:first-child {\n background: #f3eee6;\n\n color: #686159;\n\n font-size: 11px;\n\n letter-spacing: .7px;\n\n text-align: left;\n\n text-transform: uppercase;\n}\n\n\n\/* ABERA *\/\n\n#abera-comparison-v4\n.acp4-table th:nth-child(2) {\n background: var(--black);\n\n color: var(--gold-light);\n}\n\n\n\/* REGULAR HAIR DYE *\/\n\n#abera-comparison-v4\n.acp4-table th:nth-child(3) {\n background: #eeeae4;\n\n color: var(--black);\n}\n\n\n\/* =========================================================\nBODY CELLS\n========================================================= *\/\n\n#abera-comparison-v4 .acp4-table td {\n padding:\n 16px\n 18px;\n\n border-bottom:\n 1px solid\n #e9e3d9;\n\n color: var(--text);\n\n font-size: 14px;\n line-height: 1.45;\n\n font-weight: 400;\n\n vertical-align: middle;\n\n word-break: normal;\n\n overflow-wrap: break-word;\n\n hyphens: none;\n\n -webkit-hyphens: none;\n}\n\n\n#abera-comparison-v4\n.acp4-table tbody tr:last-child td {\n border-bottom: 0;\n}\n\n\n\/* FEATURE COLUMN *\/\n\n#abera-comparison-v4\n.acp4-table td:first-child {\n color: #514c46;\n\n font-weight: 600;\n}\n\n\n\/* ABERA COLUMN *\/\n\n#abera-comparison-v4\n.acp4-table td:nth-child(2) {\n background: #fbf5e9;\n\n color: var(--black);\n\n font-weight: 500;\n}\n\n\n\/* REGULAR HAIR DYE COLUMN *\/\n\n#abera-comparison-v4\n.acp4-table td:nth-child(3) {\n background: #ffffff;\n\n color: #777168;\n}\n\n\n\/* =========================================================\nVALUE\n========================================================= *\/\n\n#abera-comparison-v4 .acp4-value {\n width: 100%;\n\n display: flex;\n\n align-items: center;\n\n gap: 10px;\n\n min-width: 0;\n}\n\n\n\/* =========================================================\nCHECK\n========================================================= *\/\n\n#abera-comparison-v4 .acp4-check {\n width: 23px;\n height: 23px;\n\n flex:\n 0 0\n 23px;\n\n display: inline-flex;\n\n align-items: center;\n justify-content: center;\n\n border-radius: 50%;\n\n background: var(--green);\n\n color: #ffffff;\n\n font-size: 11px;\n line-height: 1;\n\n font-weight: 600;\n}\n\n\n\/* =========================================================\nMINUS\n========================================================= *\/\n\n#abera-comparison-v4 .acp4-minus {\n width: 23px;\n height: 23px;\n\n flex:\n 0 0\n 23px;\n\n display: inline-flex;\n\n align-items: center;\n justify-content: center;\n\n border-radius: 50%;\n\n background: #e8e3dc;\n\n color: #8a847c;\n\n font-size: 14px;\n line-height: 1;\n\n font-weight: 500;\n}\n\n\n\/* =========================================================\nBOTTOM MESSAGE\n========================================================= *\/\n\n#abera-comparison-v4 .acp4-bottom {\n width: 100%;\n\n margin:\n 22px\n 0\n 0;\n\n padding: 0;\n\n color: var(--gold);\n\n font-size: 14px;\n line-height: 1.45;\n\n font-weight: 600;\n\n letter-spacing: .2px;\n\n text-align: center;\n\n text-transform: uppercase;\n}\n\n\n\/* =========================================================\nDESKTOP HOVER\n========================================================= *\/\n\n@media (min-width: 1200px) {\n\n #abera-comparison-v4\n .acp4-table tbody tr {\n\n transition:\n background .2s ease;\n\n }\n\n\n #abera-comparison-v4\n .acp4-table tbody tr:hover td:first-child {\n\n background:\n #faf8f4;\n\n }\n\n\n #abera-comparison-v4\n .acp4-table tbody tr:hover td:nth-child(2) {\n\n background:\n #f8efdF;\n\n }\n\n}\n\n\n\/* =========================================================\nTABLET\n========================================================= *\/\n\n@media\n(min-width: 768px)\nand\n(max-width: 1199px) {\n\n #abera-comparison-v4 .acp4-main {\n padding:\n 44px\n 0\n 56px;\n }\n\n\n #abera-comparison-v4\n .acp4-container {\n\n padding-left: 34px;\n padding-right: 34px;\n\n }\n\n\n #abera-comparison-v4\n .acp4-header {\n\n margin-bottom: 30px;\n\n }\n\n\n #abera-comparison-v4\n .acp4-table th {\n\n padding:\n 16px\n 13px;\n\n font-size: 13px;\n\n }\n\n\n #abera-comparison-v4\n .acp4-table td {\n\n padding:\n 14px\n 13px;\n\n font-size: 13px;\n\n }\n\n}\n\n\n\/* =========================================================\nMOBILE\n========================================================= *\/\n\n@media (max-width: 767px) {\n\n #abera-comparison-v4 {\n margin: 0 !important;\n padding: 0 !important;\n\n background: var(--ivory);\n }\n\n\n #abera-comparison-v4 .acp4-main {\n width: 100%;\n\n margin: 0;\n\n padding:\n 34px\n 0\n 40px;\n\n background: var(--ivory);\n }\n\n\n #abera-comparison-v4\n .acp4-container {\n\n width: 100%;\n\n padding-left: 12px;\n padding-right: 12px;\n\n }\n\n\n \/* =====================================================\n HEADER\n ===================================================== *\/\n\n #abera-comparison-v4\n .acp4-header {\n\n margin-bottom: 24px;\n\n padding-left: 5px;\n padding-right: 5px;\n\n }\n\n\n #abera-comparison-v4\n .acp4-eyebrow {\n\n margin-bottom: 8px;\n\n font-size: 11px;\n\n letter-spacing: 1.1px;\n\n }\n\n\n #abera-comparison-v4\n .acp4-title {\n\n font-size:\n clamp(22px, 6vw, 28px);\n\n line-height: 1.22;\n\n word-break: normal;\n\n overflow-wrap: normal;\n\n hyphens: none;\n\n }\n\n\n \/* =====================================================\n TABLE\n ===================================================== *\/\n\n #abera-comparison-v4\n .acp4-table-wrap {\n\n width: 100%;\n\n overflow: hidden;\n\n border-radius: 10px;\n\n }\n\n\n #abera-comparison-v4\n .acp4-table {\n\n width: 100%;\n\n min-width: 0;\n\n table-layout: fixed;\n\n }\n\n\n \/* MOBILE COLUMN WIDTH *\/\n\n #abera-comparison-v4\n .acp4-table col:nth-child(1) {\n\n width: 27%;\n\n }\n\n\n #abera-comparison-v4\n .acp4-table col:nth-child(2) {\n\n width: 36.5%;\n\n }\n\n\n #abera-comparison-v4\n .acp4-table col:nth-child(3) {\n\n width: 36.5%;\n\n }\n\n\n \/* =====================================================\n MOBILE HEADER\n ===================================================== *\/\n\n #abera-comparison-v4\n .acp4-table th {\n\n padding:\n 12px\n 5px;\n\n font-size: 10px;\n\n line-height: 1.3;\n\n text-align: center;\n\n vertical-align: middle;\n\n white-space: normal;\n\n word-break: normal;\n\n overflow-wrap: normal;\n\n hyphens: none;\n\n -webkit-hyphens: none;\n\n }\n\n\n #abera-comparison-v4\n .acp4-table th:first-child {\n\n padding-left: 7px;\n\n font-size: 9px;\n\n text-align: left;\n\n }\n\n\n \/* =====================================================\n MOBILE CELLS\n ===================================================== *\/\n\n #abera-comparison-v4\n .acp4-table td {\n\n padding:\n 12px\n 5px;\n\n font-size: 11px;\n\n line-height: 1.4;\n\n vertical-align: middle;\n\n white-space: normal;\n\n word-break: normal;\n\n overflow-wrap: break-word;\n\n hyphens: none;\n\n -webkit-hyphens: none;\n\n }\n\n\n \/* FEATURE *\/\n\n #abera-comparison-v4\n .acp4-table td:first-child {\n\n padding-left: 7px;\n\n font-size: 10px;\n\n line-height: 1.35;\n\n text-align: left;\n\n }\n\n\n \/* =====================================================\n MOBILE VALUES\n PUT ICON ABOVE COPY FOR MORE TEXT WIDTH\n ===================================================== *\/\n\n #abera-comparison-v4 .acp4-value {\n width: 100%;\n\n min-height: 58px;\n\n display: flex;\n\n flex-direction: column;\n\n align-items: center;\n justify-content: center;\n\n gap: 5px;\n\n text-align: center;\n\n word-break: normal;\n\n overflow-wrap: break-word;\n\n }\n\n\n #abera-comparison-v4\n .acp4-check,\n\n #abera-comparison-v4\n .acp4-minus {\n\n width: 21px;\n height: 21px;\n\n flex:\n 0\n 0\n 21px;\n\n margin:\n 0\n auto\n 2px;\n\n }\n\n\n \/* =====================================================\n BOTTOM MESSAGE\n ===================================================== *\/\n\n #abera-comparison-v4\n .acp4-bottom {\n\n margin-top: 18px;\n\n padding:\n 0\n 8px;\n\n font-size: 12px;\n\n line-height: 1.5;\n\n }\n\n}\n\n\u003c\/style\u003e\n\u003csection id=\"abera-comparison-v4\"\u003e\u003c!-- =========================================================\nCONTENT\n========================================================= --\u003e\n\u003cdiv class=\"acp4-main\"\u003e\n\u003cdiv class=\"acp4-container\"\u003e\u003c!-- =====================================================\n HEADER\n ====================================================== --\u003e\n\u003cdiv class=\"acp4-header\"\u003e\n\u003cp class=\"acp4-eyebrow\"\u003eUNA OPCIÓN MÁS SENCILLA\u003c\/p\u003e\n\u003ch2 class=\"acp4-title\"\u003eABERA VS. TINTE CAPILAR CONVENCIONAL\u003c\/h2\u003e\n\u003c\/div\u003e\n\u003c!-- =====================================================\n TABLE\n ====================================================== --\u003e\n\u003cdiv class=\"acp4-table-wrap\"\u003e\n\u003ctable class=\"acp4-table\"\u003e\u003ccolgroup\u003e \u003ccol\u003e \u003ccol\u003e \u003ccol\u003e \u003c\/colgroup\u003e\n\u003cthead\u003e\n\u003ctr\u003e\n\u003cth\u003eCARACTERÍSTICA\u003c\/th\u003e\n\u003cth\u003eCHAMPÚ TINTE ABERA\u003c\/th\u003e\n\u003cth\u003eTINTE CAPILAR CONVENCIONAL\u003c\/th\u003e\n\u003c\/tr\u003e\n\u003c\/thead\u003e\n\u003ctbody\u003e\u003c!-- ===============================================\n APPLICATION\n ================================================ --\u003e\n\u003ctr\u003e\n\u003ctd\u003eAplicación\u003c\/td\u003e\n\u003ctd\u003e\n\u003cdiv class=\"acp4-value\"\u003e\u003cspan class=\"acp4-check\"\u003e ✓ \u003c\/span\u003e \u003cspan\u003e Aplicación tipo champú \u003c\/span\u003e\u003c\/div\u003e\n\u003c\/td\u003e\n\u003ctd\u003e\n\u003cdiv class=\"acp4-value\"\u003e\u003cspan class=\"acp4-minus\"\u003e − \u003c\/span\u003e \u003cspan\u003e Brocha + seccionado \u003c\/span\u003e\u003c\/div\u003e\n\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c!-- ===============================================\n MIXING\n ================================================ --\u003e\n\u003ctr\u003e\n\u003ctd\u003eMezcla\u003c\/td\u003e\n\u003ctd\u003e\n\u003cdiv class=\"acp4-value\"\u003e\u003cspan class=\"acp4-check\"\u003e ✓ \u003c\/span\u003e \u003cspan\u003e Práctico formato en sobres \u003c\/span\u003e\u003c\/div\u003e\n\u003c\/td\u003e\n\u003ctd\u003e\n\u003cdiv class=\"acp4-value\"\u003e\u003cspan class=\"acp4-minus\"\u003e − \u003c\/span\u003e \u003cspan\u003e Varios componentes \u003c\/span\u003e\u003c\/div\u003e\n\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c!-- ===============================================\n PROCESS TIME\n ================================================ --\u003e\n\u003ctr\u003e\n\u003ctd\u003eTiempo del proceso\u003c\/td\u003e\n\u003ctd\u003e\n\u003cdiv class=\"acp4-value\"\u003e\u003cspan class=\"acp4-check\"\u003e ✓ \u003c\/span\u003e \u003cspan\u003e Aproximadamente 15 minutos \u003c\/span\u003e\u003c\/div\u003e\n\u003c\/td\u003e\n\u003ctd\u003e\n\u003cdiv class=\"acp4-value\"\u003e\u003cspan class=\"acp4-minus\"\u003e − \u003c\/span\u003e \u003cspan\u003e Proceso de varios pasos \u003c\/span\u003e\u003c\/div\u003e\n\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c!-- ===============================================\n PACKAGING\n ================================================ --\u003e\n\u003ctr\u003e\n\u003ctd\u003ePresentación\u003c\/td\u003e\n\u003ctd\u003e\n\u003cdiv class=\"acp4-value\"\u003e\u003cspan class=\"acp4-check\"\u003e ✓ \u003c\/span\u003e \u003cspan\u003e 10 sobres individuales \u003c\/span\u003e\u003c\/div\u003e\n\u003c\/td\u003e\n\u003ctd\u003e\n\u003cdiv class=\"acp4-value\"\u003e\u003cspan class=\"acp4-minus\"\u003e − \u003c\/span\u003e \u003cspan\u003e Kit de tinte de tamaño completo \u003c\/span\u003e\u003c\/div\u003e\n\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c!-- ===============================================\n AMMONIA\n ================================================ --\u003e\n\u003ctr\u003e\n\u003ctd\u003eAmoníaco\u003c\/td\u003e\n\u003ctd\u003e\n\u003cdiv class=\"acp4-value\"\u003e\u003cspan class=\"acp4-check\"\u003e ✓ \u003c\/span\u003e \u003cspan\u003e Sin amoníaco \u003c\/span\u003e\u003c\/div\u003e\n\u003c\/td\u003e\n\u003ctd\u003e\n\u003cdiv class=\"acp4-value\"\u003e\u003cspan class=\"acp4-minus\"\u003e − \u003c\/span\u003e \u003cspan\u003e Varía según la fórmula \u003c\/span\u003e\u003c\/div\u003e\n\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c!-- ===============================================\n HAIR CARE\n ================================================ --\u003e\n\u003ctr\u003e\n\u003ctd\u003eCuidado capilar\u003c\/td\u003e\n\u003ctd\u003e\n\u003cdiv class=\"acp4-value\"\u003e\u003cspan class=\"acp4-check\"\u003e ✓ \u003c\/span\u003e \u003cspan\u003e Color + Limpieza + Acondicionamiento \u003c\/span\u003e\u003c\/div\u003e\n\u003c\/td\u003e\n\u003ctd\u003e\n\u003cdiv class=\"acp4-value\"\u003e\u003cspan class=\"acp4-minus\"\u003e − \u003c\/span\u003e \u003cspan\u003e Normalmente son pasos separados \u003c\/span\u003e\u003c\/div\u003e\n\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\n\u003c\/table\u003e\n\u003c\/div\u003e\n\u003c!-- =====================================================\n BOTTOM MESSAGE\n ====================================================== --\u003e\n\u003cp class=\"acp4-bottom\"\u003eMENOS PREPARACIÓN. MENOS PASOS. UNA FORMA MÁS SENCILLA DE CUBRIR LAS CANAS.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- =========================================================\nABERA HAIR DYE\nSECTION 01 — REAL LIFE ROUTINE\nSECTION 02 — CUSTOMER VIDEOS\nCONTINUOUS BEIGE BACKGROUND\n========================================================= --\u003e\n\u003cp\u003e\u0026nbsp;\u003c\/p\u003e\n\u003c!-- =========================================================\nGLOBAL BACKGROUND FIX\nCó thể giữ đoạn này nếu mỗi section là 1 Custom Liquid riêng\n========================================================= --\u003e\n\u003cstyle\u003e\n\n#MainContent {\n background: #f7f3ec !important;\n}\n\n#MainContent .shopify-section:has([id^=\"abera-\"]) {\n margin-top: 0 !important;\n margin-bottom: 0 !important;\n\n padding-top: 0 !important;\n padding-bottom: 0 !important;\n\n background: #f7f3ec !important;\n}\n\n#MainContent\n.shopify-section:has([id^=\"abera-\"])\n+\n.shopify-section:has([id^=\"abera-\"]) {\n margin-top: 0 !important;\n padding-top: 0 !important;\n}\n\n\u003c\/style\u003e\n\u003c!-- =========================================================\n01 — YOUR GRAY-HAIR ROUTINE\n========================================================= --\u003e\n\u003cstyle\u003e\n\n\/* =========================================================\nROOT\n========================================================= *\/\n\n#abera-routine-v4,\n#abera-routine-v4 * {\n box-sizing: border-box;\n}\n\n#abera-routine-v4 {\n --black: #0f0f0f;\n --gold: #b07d2f;\n --gold-light: #ead5aa;\n --ivory: #f7f3ec;\n\n width: 100%;\n\n margin: 0 !important;\n padding: 0 !important;\n\n overflow: hidden;\n\n background: var(--ivory);\n\n color: var(--black);\n\n font-family:\n \"Inter\",\n Arial,\n sans-serif;\n}\n\n\n\/* =========================================================\nMAIN\n========================================================= *\/\n\n#abera-routine-v4 .arr4-main {\n width: 100%;\n\n margin: 0;\n\n padding:\n clamp(46px, 5vw, 72px)\n 0\n clamp(50px, 5vw, 76px);\n\n background: var(--ivory);\n}\n\n\n\/* =========================================================\nCONTAINER\n========================================================= *\/\n\n#abera-routine-v4 .arr4-container {\n width: 100%;\n\n max-width: 1500px;\n\n margin: 0 auto;\n\n padding-left:\n clamp(36px, 7vw, 112px);\n\n padding-right:\n clamp(36px, 7vw, 112px);\n}\n\n\n\/* =========================================================\nHEADER\n========================================================= *\/\n\n#abera-routine-v4 .arr4-header {\n max-width: 900px;\n\n margin:\n 0\n auto\n clamp(30px, 4vw, 44px);\n\n text-align: center;\n}\n\n\n#abera-routine-v4 .arr4-title {\n margin: 0;\n\n color: var(--black);\n\n font-size:\n clamp(28px, 3vw, 40px);\n\n line-height: 1.13;\n\n font-weight: 600;\n\n letter-spacing: 0;\n\n text-align: center;\n\n text-wrap: balance;\n}\n\n\n\/* =========================================================\nGRID\n========================================================= *\/\n\n#abera-routine-v4 .arr4-grid {\n width: 100%;\n\n display: grid;\n\n grid-template-columns:\n repeat(4, minmax(0, 1fr));\n\n gap: 18px;\n}\n\n\n\/* =========================================================\nCARD\n========================================================= *\/\n\n#abera-routine-v4 .arr4-card {\n position: relative;\n\n width: 100%;\n\n aspect-ratio: 4 \/ 5;\n\n min-width: 0;\n\n overflow: hidden;\n\n border-radius: 10px;\n\n background: #d8d2c9;\n\n box-shadow:\n 0 3px 10px\n rgba(0,0,0,.035);\n}\n\n\n\/* IMAGE *\/\n\n#abera-routine-v4 .arr4-image {\n position: absolute;\n\n inset: 0;\n\n z-index: 1;\n}\n\n\n#abera-routine-v4 .arr4-image img {\n width: 100%;\n height: 100%;\n\n display: block;\n\n object-fit: cover;\n object-position: center;\n\n transition:\n transform .4s ease;\n}\n\n\n\/* =========================================================\nOVERLAY\n========================================================= *\/\n\n#abera-routine-v4 .arr4-overlay {\n position: absolute;\n\n inset: 0;\n\n z-index: 2;\n\n background:\n linear-gradient(\n to bottom,\n\n rgba(0,0,0,0) 30%,\n\n rgba(0,0,0,.05) 45%,\n\n rgba(0,0,0,.48) 75%,\n\n rgba(0,0,0,.88) 100%\n );\n}\n\n\n\/* =========================================================\nCONTENT\n========================================================= *\/\n\n#abera-routine-v4 .arr4-content {\n position: absolute;\n\n z-index: 3;\n\n left: 0;\n right: 0;\n bottom: 0;\n\n width: 100%;\n\n padding:\n 18px\n 17px;\n}\n\n\n\/* LABEL *\/\n\n#abera-routine-v4 .arr4-label {\n margin:\n 0\n 0\n 5px;\n\n color: var(--gold-light);\n\n font-size: 14px;\n line-height: 1.3;\n\n font-weight: 500;\n\n text-transform: uppercase;\n}\n\n\n\/* TEXT *\/\n\n#abera-routine-v4 .arr4-text {\n margin: 0;\n\n color:\n rgba(255,255,255,.92);\n\n font-size: 13px;\n line-height: 1.5;\n\n font-weight: 400;\n\n word-break: normal;\n\n overflow-wrap: break-word;\n\n hyphens: none;\n}\n\n\n\/* =========================================================\nDESKTOP\n========================================================= *\/\n\n@media (min-width: 1200px) {\n\n #abera-routine-v4\n .arr4-card:hover\n .arr4-image img {\n\n transform:\n scale(1.025);\n\n }\n\n}\n\n\n\/* =========================================================\nTABLET\n========================================================= *\/\n\n@media\n(min-width: 768px)\nand\n(max-width: 1199px) {\n\n #abera-routine-v4 .arr4-container {\n padding-left: 34px;\n padding-right: 34px;\n }\n\n\n #abera-routine-v4 .arr4-grid {\n grid-template-columns:\n repeat(2, minmax(0, 1fr));\n\n gap: 14px;\n }\n\n}\n\n\n\/* =========================================================\nMOBILE\n========================================================= *\/\n\n@media (max-width: 767px) {\n\n #abera-routine-v4 {\n margin: 0 !important;\n padding: 0 !important;\n\n background: var(--ivory);\n }\n\n\n #abera-routine-v4 .arr4-main {\n padding:\n 34px\n 0\n 40px;\n }\n\n\n #abera-routine-v4 .arr4-container {\n padding-left: 16px;\n padding-right: 16px;\n }\n\n\n #abera-routine-v4 .arr4-header {\n margin-bottom: 24px;\n }\n\n\n #abera-routine-v4 .arr4-title {\n font-size:\n clamp(20px, 4vw, 28px);\n\n line-height: 1.2;\n\n word-break: normal;\n\n overflow-wrap: normal;\n\n hyphens: none;\n }\n\n\n \/* 2 × 2 *\/\n\n #abera-routine-v4 .arr4-grid {\n grid-template-columns:\n repeat(2, minmax(0, 1fr));\n\n gap: 10px;\n }\n\n\n #abera-routine-v4 .arr4-card {\n border-radius: 8px;\n }\n\n\n #abera-routine-v4 .arr4-content {\n padding:\n 13px\n 11px;\n }\n\n\n #abera-routine-v4 .arr4-label {\n margin-bottom: 4px;\n\n font-size: 11px;\n line-height: 1.3;\n }\n\n\n #abera-routine-v4 .arr4-text {\n font-size: 11px;\n line-height: 1.4;\n\n word-break: normal;\n\n overflow-wrap: break-word;\n\n hyphens: none;\n }\n\n}\n\n\u003c\/style\u003e\n\u003csection id=\"abera-routine-v4\"\u003e\n\u003cdiv class=\"arr4-main\"\u003e\n\u003cdiv class=\"arr4-container\"\u003e\u003c!-- HEADER --\u003e\n\u003cdiv class=\"arr4-header\"\u003e\n\u003ch2 class=\"arr4-title\"\u003eTU RUTINA PARA LAS CANAS,\u003cbr\u003eDONDEQUIERA QUE TE LLEVE LA VIDA.\u003c\/h2\u003e\n\u003c\/div\u003e\n\u003c!-- CARDS --\u003e\n\u003cdiv class=\"arr4-grid\"\u003e\u003c!-- 01 --\u003e\n\u003carticle class=\"arr4-card\"\u003e\n\u003cdiv class=\"arr4-image\"\u003e\u003cimg alt=\"Rutina ABERA para canas antes del trabajo\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/ChatGPT_54.webp?v=1787217075\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"arr4-overlay\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"arr4-content\"\u003e\n\u003ch3 class=\"arr4-label\"\u003eANTES DEL TRABAJO\u003c\/h3\u003e\n\u003cp class=\"arr4-text\"\u003eRefresca las canas visibles sin programar una visita al salón.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/article\u003e\n\u003c!-- 02 --\u003e\n\u003carticle class=\"arr4-card\"\u003e\n\u003cdiv class=\"arr4-image\"\u003e\u003cimg alt=\"Rutina ABERA para canas antes de un evento\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/ChatGPT_55.webp?v=1787217941\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"arr4-overlay\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"arr4-content\"\u003e\n\u003ch3 class=\"arr4-label\"\u003eANTES DE UN EVENTO\u003c\/h3\u003e\n\u003cp class=\"arr4-text\"\u003eRenueva el aspecto de tu cabello antes de una ocasión importante.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/article\u003e\n\u003c!-- 03 --\u003e\n\u003carticle class=\"arr4-card\"\u003e\n\u003cdiv class=\"arr4-image\"\u003e\u003cimg alt=\"Champú Tinte ABERA para viajes de negocios\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/ChatGPT_57.webp?v=1787218999\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"arr4-overlay\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"arr4-content\"\u003e\n\u003ch3 class=\"arr4-label\"\u003eVIAJE DE NEGOCIOS\u003c\/h3\u003e\n\u003cp class=\"arr4-text\"\u003eLleva sobres individuales en lugar de un kit de tinte voluminoso.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/article\u003e\n\u003c!-- 04 --\u003e\n\u003carticle class=\"arr4-card\"\u003e\n\u003cdiv class=\"arr4-image\"\u003e\u003cimg alt=\"Retoque de raíces con canas ABERA\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/ChatGPT_58.webp?v=1787219168\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"arr4-overlay\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"arr4-content\"\u003e\n\u003ch3 class=\"arr4-label\"\u003eRETOQUE DE RAÍCES\u003c\/h3\u003e\n\u003cp class=\"arr4-text\"\u003eTen listo tu próximo retoque cuando vuelvan a aparecer las canas.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/article\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- =========================================================\n02 — CUSTOMER VIDEOS\n========================================================= --\u003e\n\u003cstyle\u003e\n\n\/* =========================================================\nROOT\n========================================================= *\/\n\n#abera-customer-videos-v4,\n#abera-customer-videos-v4 * {\n box-sizing: border-box;\n}\n\n\n#abera-customer-videos-v4 {\n --black: #0f0f0f;\n\n --gold: #b07d2f;\n --gold-main: #c89c46;\n\n --ivory: #f7f3ec;\n\n --white: #ffffff;\n\n --text: #171717;\n\n --line: #ddd3c4;\n\n --green: #557963;\n\n\n width: 100%;\n\n margin: 0 !important;\n padding: 0 !important;\n\n overflow: hidden;\n\n background: var(--ivory);\n\n color: var(--text);\n\n font-family:\n \"Inter\",\n Arial,\n sans-serif;\n}\n\n\n\/* =========================================================\nMAIN\n========================================================= *\/\n\n#abera-customer-videos-v4 .acv4-main {\n width: 100%;\n\n margin: 0;\n\n padding:\n clamp(46px, 5vw, 72px)\n 0\n clamp(54px, 5vw, 80px);\n\n background: var(--ivory);\n}\n\n\n\/* =========================================================\nCONTAINER\n========================================================= *\/\n\n#abera-customer-videos-v4 .acv4-container {\n width: 100%;\n\n max-width: 1500px;\n\n margin: 0 auto;\n\n padding-left:\n clamp(36px, 7vw, 112px);\n\n padding-right:\n clamp(36px, 7vw, 112px);\n}\n\n\n\/* =========================================================\nHEADER\n========================================================= *\/\n\n#abera-customer-videos-v4 .acv4-header {\n max-width: 1200px;\n\n margin:\n 0\n auto\n clamp(30px, 4vw, 44px);\n\n text-align: center;\n}\n\n\n\/* EYEBROW *\/\n\n#abera-customer-videos-v4 .acv4-eyebrow {\n margin:\n 0\n 0\n 10px;\n\n color: var(--gold);\n\n font-size: 13px;\n line-height: 1.3;\n\n font-weight: 600;\n\n letter-spacing: 1.3px;\n\n text-transform: uppercase;\n}\n\n\n\/* TITLE *\/\n\n#abera-customer-videos-v4 .acv4-title {\n margin: 0;\n\n color: var(--black);\n\n font-size:\n clamp(28px, 3vw, 40px);\n\n line-height: 1.15;\n\n font-weight: 600;\n\n text-align: center;\n\n text-wrap: balance;\n}\n\n\n\/* =========================================================\nTRACK\n========================================================= *\/\n\n#abera-customer-videos-v4 .acv4-track {\n width: 100%;\n\n display: grid;\n\n grid-template-columns:\n repeat(4, minmax(0, 1fr));\n\n gap: 18px;\n}\n\n\n\/* =========================================================\nCARD\n========================================================= *\/\n\n#abera-customer-videos-v4 .acv4-card {\n min-width: 0;\n\n overflow: hidden;\n\n border:\n 1px solid\n var(--line);\n\n border-radius: 10px;\n\n background: var(--white);\n\n box-shadow:\n 0 3px 12px\n rgba(0,0,0,.03);\n}\n\n\n\/* =========================================================\nVIDEO\n========================================================= *\/\n\n#abera-customer-videos-v4 .acv4-video {\n position: relative;\n\n width: 100%;\n\n aspect-ratio: 9 \/ 16;\n\n overflow: hidden;\n\n background: #111111;\n}\n\n\n#abera-customer-videos-v4 .acv4-video video {\n position: absolute;\n\n inset: 0;\n\n width: 100% !important;\n height: 100% !important;\n\n display: block;\n\n object-fit: cover;\n object-position: center;\n\n background: #111111;\n}\n\n\n\/* =========================================================\nINFO\n========================================================= *\/\n\n#abera-customer-videos-v4 .acv4-info {\n padding:\n 17px\n 16px\n 18px;\n}\n\n\n\/* STARS *\/\n\n#abera-customer-videos-v4 .acv4-stars {\n margin:\n 0\n 0\n 13px;\n\n color: #c79637;\n\n font-size: 18px;\n line-height: 1;\n\n letter-spacing: 1px;\n\n white-space: nowrap;\n}\n\n\n\/* CUSTOMER ROW *\/\n\n#abera-customer-videos-v4 .acv4-person {\n width: 100%;\n\n display: flex;\n\n align-items: center;\n justify-content: space-between;\n\n flex-wrap: wrap;\n\n gap:\n 7px\n 10px;\n}\n\n\n\/* NAME *\/\n\n#abera-customer-videos-v4 .acv4-name {\n color: var(--black);\n\n font-size: 14px;\n line-height: 1.35;\n\n font-weight: 500;\n}\n\n\n\/* VERIFIED *\/\n\n#abera-customer-videos-v4 .acv4-verified {\n color: var(--green);\n\n font-size: 10px;\n line-height: 1.3;\n\n font-weight: 500;\n\n white-space: nowrap;\n}\n\n\n\/* =========================================================\nCONTROLS\n========================================================= *\/\n\n#abera-customer-videos-v4 .acv4-controls {\n display: none;\n}\n\n\n\/* =========================================================\nTABLET\n========================================================= *\/\n\n@media\n(min-width: 768px)\nand\n(max-width: 1199px) {\n\n #abera-customer-videos-v4\n .acv4-container {\n\n padding-left: 34px;\n padding-right: 34px;\n\n }\n\n\n #abera-customer-videos-v4\n .acv4-track {\n\n display: flex;\n\n gap: 14px;\n\n overflow-x: auto;\n overflow-y: hidden;\n\n padding-bottom: 5px;\n\n scroll-snap-type:\n x mandatory;\n\n scrollbar-width:\n none;\n\n -webkit-overflow-scrolling:\n touch;\n\n }\n\n\n #abera-customer-videos-v4\n .acv4-track::-webkit-scrollbar {\n\n display: none;\n\n }\n\n\n #abera-customer-videos-v4\n .acv4-card {\n\n flex:\n 0\n 0\n 42%;\n\n scroll-snap-align:\n start;\n\n }\n\n}\n\n\n\/* =========================================================\nMOBILE\n========================================================= *\/\n\n@media (max-width: 767px) {\n\n #abera-customer-videos-v4 {\n margin: 0 !important;\n padding: 0 !important;\n\n background: var(--ivory);\n }\n\n\n #abera-customer-videos-v4 .acv4-main {\n padding:\n 34px\n 0\n 40px;\n }\n\n\n #abera-customer-videos-v4\n .acv4-container {\n\n width: 100%;\n\n padding-left: 16px;\n padding-right: 16px;\n\n }\n\n\n \/* HEADER *\/\n\n #abera-customer-videos-v4\n .acv4-header {\n\n margin-bottom: 24px;\n\n }\n\n\n #abera-customer-videos-v4\n .acv4-eyebrow {\n\n margin-bottom: 8px;\n\n font-size: 11px;\n\n letter-spacing: 1.1px;\n\n }\n\n\n #abera-customer-videos-v4\n .acv4-title {\n\n font-size:\n clamp(23px, 6vw, 28px);\n\n line-height: 1.2;\n\n word-break: normal;\n\n overflow-wrap: normal;\n\n hyphens: none;\n\n }\n\n\n \/* =====================================================\n MOBILE CAROUSEL\n ===================================================== *\/\n\n #abera-customer-videos-v4\n .acv4-track {\n\n width: 100%;\n\n display: flex;\n\n gap: 12px;\n\n overflow-x: auto;\n overflow-y: hidden;\n\n padding-bottom: 5px;\n\n scroll-snap-type:\n x mandatory;\n\n scroll-behavior:\n smooth;\n\n overscroll-behavior-x:\n contain;\n\n scrollbar-width:\n none;\n\n -webkit-overflow-scrolling:\n touch;\n\n }\n\n\n #abera-customer-videos-v4\n .acv4-track::-webkit-scrollbar {\n\n display: none;\n\n }\n\n\n #abera-customer-videos-v4\n .acv4-card {\n\n flex:\n 0\n 0\n 78%;\n\n min-width: 78%;\n\n scroll-snap-align:\n start;\n\n }\n\n\n #abera-customer-videos-v4\n .acv4-info {\n\n padding:\n 15px\n 14px\n 16px;\n\n }\n\n\n #abera-customer-videos-v4\n .acv4-stars {\n\n margin-bottom: 12px;\n\n font-size: 17px;\n\n }\n\n\n #abera-customer-videos-v4\n .acv4-name {\n\n font-size: 14px;\n\n }\n\n\n \/* =====================================================\n MOBILE ARROWS\n ===================================================== *\/\n\n #abera-customer-videos-v4\n .acv4-controls {\n\n display: flex;\n\n align-items: center;\n\n gap: 8px;\n\n margin-top: 12px;\n\n }\n\n\n #abera-customer-videos-v4\n .acv4-btn {\n\n width: 32px;\n height: 32px;\n\n flex:\n 0\n 0\n 32px;\n\n display: inline-flex;\n\n align-items: center;\n justify-content: center;\n\n padding: 0;\n\n border:\n 1px solid\n var(--gold-main);\n\n border-radius:\n 50%;\n\n background:\n var(--black);\n\n color:\n var(--gold-main);\n\n font-family:\n Arial,\n sans-serif;\n\n font-size:\n 17px;\n\n line-height:\n 1;\n\n cursor:\n pointer;\n\n appearance:\n none;\n\n -webkit-appearance:\n none;\n\n }\n\n\n #abera-customer-videos-v4\n .acv4-btn:disabled {\n\n opacity: .35;\n\n cursor: default;\n\n }\n\n}\n\n\u003c\/style\u003e\n\u003csection id=\"abera-customer-videos-v4\"\u003e\n\u003cdiv class=\"acv4-main\"\u003e\n\u003cdiv class=\"acv4-container\"\u003e\u003c!-- HEADER --\u003e\n\u003cdiv class=\"acv4-header\"\u003e\n\u003cp class=\"acv4-eyebrow\"\u003ePERSONAS REALES. COBERTURA REAL DE CANAS.\u003c\/p\u003e\n\u003ch2 class=\"acv4-title\"\u003eDESCUBRE POR QUÉ LOS CLIENTES ESTÁN HACIENDO EL CAMBIO.\u003c\/h2\u003e\n\u003c\/div\u003e\n\u003c!-- VIDEOS --\u003e\n\u003cdiv class=\"acv4-track\"\u003e\u003c!-- 01 --\u003e\n\u003carticle class=\"acv4-card\"\u003e\n\u003cdiv class=\"acv4-video\"\u003e\u003cvideo preload=\"metadata\" playsinline=\"\" controls=\"controls\" poster=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/0803.webp?v=1787234744\" src=\"https:\/\/cdn.shopify.com\/videos\/c\/o\/v\/96e4ee60842546d28b4956b7d7229628.mp4\"\u003e\u003c\/video\u003e\u003c\/div\u003e\n\u003cdiv class=\"acv4-info\"\u003e\n\u003cdiv class=\"acv4-stars\"\u003e★★★★★\u003c\/div\u003e\n\u003cdiv class=\"acv4-person\"\u003e\u003cspan class=\"acv4-name\"\u003e Mark E. \u003c\/span\u003e \u003cspan class=\"acv4-verified\"\u003e ✓ Cliente verificado \u003c\/span\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/article\u003e\n\u003c!-- 02 --\u003e\n\u003carticle class=\"acv4-card\"\u003e\n\u003cdiv class=\"acv4-video\"\u003e\u003cvideo preload=\"metadata\" playsinline=\"\" controls=\"controls\" poster=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/0803-2-20260803093356-ioqjc.webp?v=1787235039\" src=\"https:\/\/cdn.shopify.com\/videos\/c\/o\/v\/1760d30ec5044633b1563f825eb48e87.mp4\"\u003e\u003c\/video\u003e\u003c\/div\u003e\n\u003cdiv class=\"acv4-info\"\u003e\n\u003cdiv class=\"acv4-stars\"\u003e★★★★★\u003c\/div\u003e\n\u003cdiv class=\"acv4-person\"\u003e\u003cspan class=\"acv4-name\"\u003e Emma O. \u003c\/span\u003e \u003cspan class=\"acv4-verified\"\u003e ✓ Cliente verificado \u003c\/span\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/article\u003e\n\u003c!-- 03 --\u003e\n\u003carticle class=\"acv4-card\"\u003e\n\u003cdiv class=\"acv4-video\"\u003e\u003cvideo preload=\"metadata\" playsinline=\"\" controls=\"controls\" poster=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/unbox-20260803093950-avtmk.webp?v=1787235039\" src=\"https:\/\/cdn.shopify.com\/videos\/c\/o\/v\/2e42d08b4e8d4c7cb6e8df19edf34b8c.mp4\"\u003e\u003c\/video\u003e\u003c\/div\u003e\n\u003cdiv class=\"acv4-info\"\u003e\n\u003cdiv class=\"acv4-stars\"\u003e★★★★★\u003c\/div\u003e\n\u003cdiv class=\"acv4-person\"\u003e\u003cspan class=\"acv4-name\"\u003e Jack L. \u003c\/span\u003e \u003cspan class=\"acv4-verified\"\u003e ✓ Cliente verificado \u003c\/span\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/article\u003e\n\u003c!-- 04 --\u003e\n\u003carticle class=\"acv4-card\"\u003e\n\u003cdiv class=\"acv4-video\"\u003e\u003cvideo preload=\"metadata\" playsinline=\"\" controls=\"controls\" poster=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/hairpack-20260803095427-h2gd3.webp?v=1787235039\" src=\"https:\/\/cdn.shopify.com\/videos\/c\/o\/v\/eee2693211dc4c819856830d88428650.mp4\"\u003e\u003c\/video\u003e\u003c\/div\u003e\n\u003cdiv class=\"acv4-info\"\u003e\n\u003cdiv class=\"acv4-stars\"\u003e★★★★★\u003c\/div\u003e\n\u003cdiv class=\"acv4-person\"\u003e\u003cspan class=\"acv4-name\"\u003e Ave R. \u003c\/span\u003e \u003cspan class=\"acv4-verified\"\u003e ✓ Cliente verificado \u003c\/span\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/article\u003e\n\u003c\/div\u003e\n\u003c!-- MOBILE ARROWS --\u003e\n\u003cdiv class=\"acv4-controls\"\u003e\u003cbutton aria-label=\"Video anterior de cliente\" class=\"acv4-btn acv4-prev\" type=\"button\"\u003e ← \u003c\/button\u003e \u003cbutton aria-label=\"Siguiente video de cliente\" class=\"acv4-btn acv4-next\" type=\"button\"\u003e → \u003c\/button\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- =========================================================\nMOBILE CAROUSEL JS\n========================================================= --\u003e \u003cscript\u003e\n\n(function () {\n\n const section =\n document.querySelector(\n \"#abera-customer-videos-v4\"\n );\n\n if (!section) return;\n\n\n const track =\n section.querySelector(\n \".acv4-track\"\n );\n\n const prev =\n section.querySelector(\n \".acv4-prev\"\n );\n\n const next =\n section.querySelector(\n \".acv4-next\"\n );\n\n\n if (!track || !prev || !next) return;\n\n\n function getScrollAmount() {\n\n const card =\n track.querySelector(\n \".acv4-card\"\n );\n\n if (!card) return 300;\n\n\n const styles =\n window.getComputedStyle(\n track\n );\n\n\n const gap =\n parseFloat(\n styles.columnGap ||\n styles.gap\n ) || 12;\n\n\n return (\n card.getBoundingClientRect().width\n +\n gap\n );\n\n }\n\n\n prev.addEventListener(\n \"click\",\n function () {\n\n track.scrollBy({\n\n left:\n -getScrollAmount(),\n\n behavior:\n \"smooth\"\n\n });\n\n }\n );\n\n\n next.addEventListener(\n \"click\",\n function () {\n\n track.scrollBy({\n\n left:\n getScrollAmount(),\n\n behavior:\n \"smooth\"\n\n });\n\n }\n );\n\n\n function updateButtons() {\n\n const max =\n track.scrollWidth\n -\n track.clientWidth;\n\n\n prev.disabled =\n track.scrollLeft \u003c= 4;\n\n\n next.disabled =\n track.scrollLeft \u003e=\n max - 4;\n\n }\n\n\n track.addEventListener(\n \"scroll\",\n updateButtons,\n {\n passive: true\n }\n );\n\n\n window.addEventListener(\n \"resize\",\n updateButtons\n );\n\n\n updateButtons();\n\n})();\n\n\u003c\/script\u003e\u003c\/section\u003e\n\u003c!-- =========================================================\nABERA HAIR DYE — FAQ\nCONTINUOUS BEIGE BACKGROUND\n11 QUESTIONS\nNO JAVASCRIPT REQUIRED\n========================================================= --\u003e\n\u003cstyle\u003e\n\n\/* =========================================================\nGLOBAL PAGE BACKGROUND\nREMOVE WHITE GAPS BETWEEN ABERA SECTIONS\n========================================================= *\/\n\n#MainContent {\n background: #f7f3ec !important;\n}\n\n\n\/* SHOPIFY WRAPPERS *\/\n\n#MainContent .shopify-section:has([id^=\"abera-\"]) {\n margin-top: 0 !important;\n margin-bottom: 0 !important;\n\n padding-top: 0 !important;\n padding-bottom: 0 !important;\n\n background: #f7f3ec !important;\n}\n\n\n\/* FAQ WRAPPER — EXTRA SAFETY *\/\n\n#MainContent .shopify-section:has(#abera-faq-v4) {\n margin: 0 !important;\n padding: 0 !important;\n\n background: #f7f3ec !important;\n}\n\n\n\/* REMOVE GAP BETWEEN ADJACENT ABERA SECTIONS *\/\n\n#MainContent\n.shopify-section:has([id^=\"abera-\"])\n+\n.shopify-section:has([id^=\"abera-\"]) {\n\n margin-top: 0 !important;\n padding-top: 0 !important;\n\n}\n\n\n\/* =========================================================\nROOT\n========================================================= *\/\n\n#abera-faq-v4,\n#abera-faq-v4 * {\n box-sizing: border-box;\n}\n\n\n#abera-faq-v4 {\n --black: #0f0f0f;\n\n --gold: #b07d2f;\n --gold-main: #c89c46;\n\n --ivory: #f7f3ec;\n\n --text: #171717;\n --muted: #625d56;\n\n --line: #d8d0c3;\n\n\n width: 100%;\n\n margin: 0 !important;\n padding: 0 !important;\n\n background: var(--ivory);\n\n color: var(--text);\n\n font-family:\n \"Inter\",\n Arial,\n sans-serif;\n}\n\n\n\/* =========================================================\nSECTION INNER\n========================================================= *\/\n\n#abera-faq-v4 .afq4-main {\n width: 100%;\n\n margin: 0;\n\n padding:\n clamp(48px, 5vw, 76px)\n 0\n clamp(54px, 5vw, 80px);\n\n background: var(--ivory);\n}\n\n\n\/* =========================================================\nCONTAINER\n========================================================= *\/\n\n#abera-faq-v4 .afq4-container {\n width: 100%;\n\n max-width: 1250px;\n\n margin: 0 auto;\n\n padding-left:\n clamp(36px, 7vw, 112px);\n\n padding-right:\n clamp(36px, 7vw, 112px);\n}\n\n\n\/* =========================================================\nTITLE\n========================================================= *\/\n\n#abera-faq-v4 .afq4-title {\n width: 100%;\n\n margin:\n 0\n 0\n clamp(30px, 4vw, 42px);\n\n padding: 0;\n\n color: var(--black);\n\n font-size:\n clamp(28px, 3vw, 40px);\n\n line-height: 1.15;\n\n font-weight: 600;\n\n letter-spacing: 0;\n\n text-align: center;\n\n text-wrap: balance;\n}\n\n\n\/* =========================================================\nFAQ LIST\n========================================================= *\/\n\n#abera-faq-v4 .afq4-list {\n width: 100%;\n\n margin: 0;\n padding: 0;\n\n border-top:\n 1px solid\n var(--line);\n}\n\n\n\/* =========================================================\nITEM\n========================================================= *\/\n\n#abera-faq-v4 .afq4-item {\n width: 100%;\n\n margin: 0;\n padding: 0;\n\n border-bottom:\n 1px solid\n var(--line);\n\n background: transparent;\n}\n\n\n\/* REMOVE BROWSER DEFAULT MARKER *\/\n\n#abera-faq-v4\n.afq4-question::-webkit-details-marker {\n\n display: none;\n\n}\n\n\n#abera-faq-v4\n.afq4-question::marker {\n\n content: \"\";\n\n}\n\n\n\/* =========================================================\nQUESTION\n========================================================= *\/\n\n#abera-faq-v4 .afq4-question {\n position: relative;\n\n width: 100%;\n\n min-height: 72px;\n\n display: flex;\n\n align-items: center;\n\n margin: 0;\n\n padding:\n 20px\n 42px\n 20px\n 0;\n\n list-style: none;\n\n cursor: pointer;\n\n color: var(--black);\n\n font-size: 14px;\n line-height: 1.45;\n\n font-weight: 500;\n\n text-align: left;\n\n outline: none;\n\n word-break: normal;\n\n overflow-wrap: break-word;\n\n hyphens: none;\n\n -webkit-hyphens: none;\n}\n\n\n\/* =========================================================\nPLUS\n========================================================= *\/\n\n#abera-faq-v4\n.afq4-question::after {\n\n content: \"+\";\n\n position: absolute;\n\n top: 50%;\n right: 2px;\n\n transform:\n translateY(-50%);\n\n color: var(--gold);\n\n font-size: 20px;\n line-height: 1;\n\n font-weight: 400;\n\n}\n\n\n\/* OPEN = MINUS *\/\n\n#abera-faq-v4\n.afq4-item[open]\n.afq4-question::after {\n\n content: \"−\";\n\n}\n\n\n\/* =========================================================\nANSWER\n========================================================= *\/\n\n#abera-faq-v4 .afq4-answer {\n width: 100%;\n\n max-width: 1000px;\n\n margin: 0;\n\n padding:\n 0\n 55px\n 21px\n 0;\n\n color: var(--muted);\n\n font-size: 14px;\n line-height: 1.65;\n\n font-weight: 400;\n\n word-break: normal;\n\n overflow-wrap: break-word;\n\n hyphens: none;\n\n -webkit-hyphens: none;\n}\n\n\n#abera-faq-v4 .afq4-answer p {\n margin: 0;\n padding: 0;\n}\n\n\n\/* =========================================================\nDESKTOP HOVER\n========================================================= *\/\n\n@media (min-width: 768px) {\n\n #abera-faq-v4\n .afq4-question {\n\n transition:\n color .2s ease;\n\n }\n\n\n #abera-faq-v4\n .afq4-question:hover {\n\n color: var(--gold);\n\n }\n\n}\n\n\n\/* =========================================================\nTABLET\n========================================================= *\/\n\n@media\n(min-width: 768px)\nand\n(max-width: 1199px) {\n\n #abera-faq-v4 .afq4-main {\n padding:\n 44px\n 0\n 56px;\n }\n\n\n #abera-faq-v4 .afq4-container {\n padding-left: 34px;\n padding-right: 34px;\n }\n\n\n #abera-faq-v4 .afq4-title {\n margin-bottom: 30px;\n\n font-size:\n clamp(27px, 4vw, 36px);\n }\n\n}\n\n\n\/* =========================================================\nMOBILE\n========================================================= *\/\n\n@media (max-width: 767px) {\n\n #abera-faq-v4 {\n margin: 0 !important;\n padding: 0 !important;\n\n background: var(--ivory);\n }\n\n\n #abera-faq-v4 .afq4-main {\n width: 100%;\n\n margin: 0;\n\n padding:\n 34px\n 0\n 40px;\n\n background: var(--ivory);\n }\n\n\n #abera-faq-v4 .afq4-container {\n width: 100%;\n\n padding-left: 16px;\n padding-right: 16px;\n }\n\n\n \/* TITLE *\/\n\n #abera-faq-v4 .afq4-title {\n margin-bottom: 24px;\n\n font-size:\n clamp(23px, 6vw, 29px);\n\n line-height: 1.2;\n\n word-break: normal;\n\n overflow-wrap: normal;\n\n hyphens: none;\n }\n\n\n \/* QUESTION *\/\n\n #abera-faq-v4 .afq4-question {\n min-height: 64px;\n\n padding:\n 17px\n 31px\n 17px\n 0;\n\n font-size: 14px;\n line-height: 1.45;\n\n word-break: normal !important;\n\n overflow-wrap: break-word !important;\n\n hyphens: none !important;\n\n -webkit-hyphens: none !important;\n }\n\n\n #abera-faq-v4\n .afq4-question::after {\n\n right: 1px;\n\n font-size: 19px;\n\n }\n\n\n \/* ANSWER *\/\n\n #abera-faq-v4 .afq4-answer {\n max-width: 100%;\n\n padding:\n 0\n 28px\n 18px\n 0;\n\n font-size: 13px;\n line-height: 1.6;\n }\n\n}\n\n\u003c\/style\u003e\n\u003csection id=\"abera-faq-v4\"\u003e\u003c!-- =========================================================\nFAQ CONTENT\n========================================================= --\u003e\n\u003cdiv class=\"afq4-main\"\u003e\n\u003cdiv class=\"afq4-container\"\u003e\u003c!-- TITLE --\u003e\n\u003ch2 class=\"afq4-title\"\u003ePREGUNTAS FRECUENTES\u003c\/h2\u003e\n\u003c!-- =====================================================\n FAQ LIST\n ====================================================== --\u003e\n\u003cdiv class=\"afq4-list\"\u003e\u003c!-- 01 --\u003e\n\u003cdetails class=\"afq4-item\"\u003e\n\u003csummary class=\"afq4-question\"\u003e¿Cuánto dura el color en el cabello?\u003c\/summary\u003e\n\u003cdiv class=\"afq4-answer\"\u003e\n\u003cp\u003eSegún el tipo de cabello y la frecuencia de lavado, Abera suele durar de 4 a 6 semanas.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c!-- 02 --\u003e\n\u003cdetails class=\"afq4-item\"\u003e\n\u003csummary class=\"afq4-question\"\u003e¿Puede causar alergias o es apto para piel sensible?\u003c\/summary\u003e\n\u003cdiv class=\"afq4-answer\"\u003e\n\u003cp\u003eAbera contiene sustancias químicas a las que algunas personas pueden ser sensibles, por ejemplo PPD y peróxido de hidrógeno. Recomendamos realizar una prueba de parche 24 horas antes de la aplicación completa.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c!-- 03 --\u003e\n\u003cdetails class=\"afq4-item\"\u003e\n\u003csummary class=\"afq4-question\"\u003e¿Un sobre es suficiente para una aplicación?\u003c\/summary\u003e\n\u003cdiv class=\"afq4-answer\"\u003e\n\u003cp\u003eLa cantidad necesaria depende del largo y grosor de tu cabello, así como de la zona que quieras teñir.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c!-- 04 --\u003e\n\u003cdetails class=\"afq4-item\"\u003e\n\u003csummary class=\"afq4-question\"\u003e¿Puedo usarlo solo en las raíces con canas?\u003c\/summary\u003e\n\u003cdiv class=\"afq4-answer\"\u003e\n\u003cp\u003eSí. Puedes concentrar la aplicación en las zonas con canas visibles, como las raíces, las sienes y la línea del cabello, siguiendo las instrucciones del producto.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c!-- 05 --\u003e\n\u003cdetails class=\"afq4-item\"\u003e\n\u003csummary class=\"afq4-question\"\u003e¿Funciona en cualquier tipo de cabello?\u003c\/summary\u003e\n\u003cdiv class=\"afq4-answer\"\u003e\n\u003cp\u003eSí, Abera funciona en tipos de cabello del 1A al 4C. Gracias a su textura similar a un champú, es fácil de aplicar y cubre las canas desde la raíz hasta las puntas.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c!-- 06 --\u003e\n\u003cdetails class=\"afq4-item\"\u003e\n\u003csummary class=\"afq4-question\"\u003e¿Este champú deja manchas en la piel o la tela?\u003c\/summary\u003e\n\u003cdiv class=\"afq4-answer\"\u003e\n\u003cp\u003eEl Champú Tinte Instantáneo Abera está diseñado para una aplicación más limpia y sencilla. Recomendamos usar guantes durante la aplicación y evitar toallas y ropa blancas o de colores claros, ya que el pigmento puede transferirse si el producto no se enjuaga por completo.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c!-- 07 --\u003e\n\u003cdetails class=\"afq4-item\"\u003e\n\u003csummary class=\"afq4-question\"\u003e¿Puedo usar este champú en la barba?\u003c\/summary\u003e\n\u003cdiv class=\"afq4-answer\"\u003e\n\u003cp\u003eSi la piel de tu rostro se irrita con facilidad, prueba primero el producto en una zona pequeña antes de aplicarlo de forma más amplia y sigue las instrucciones del producto.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c!-- 08 --\u003e\n\u003cdetails class=\"afq4-item\"\u003e\n\u003csummary class=\"afq4-question\"\u003e¿Se puede usar con mis productos habituales para el cuidado del cabello?\u003c\/summary\u003e\n\u003cdiv class=\"afq4-answer\"\u003e\n\u003cp\u003eRecomendamos usar nuestro champú y acondicionador entre aplicaciones de color. Puedes aplicar acondicionador después de enjuagar completamente el tinte.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c!-- 09 --\u003e\n\u003cdetails class=\"afq4-item\"\u003e\n\u003csummary class=\"afq4-question\"\u003e¿Debo realizar una prueba de alergia?\u003c\/summary\u003e\n\u003cdiv class=\"afq4-answer\"\u003e\n\u003cp\u003eSí. Sigue las instrucciones de la prueba de alergia incluidas con el producto de coloración antes de usarlo.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c!-- 10 --\u003e\n\u003cdetails class=\"afq4-item\"\u003e\n\u003csummary class=\"afq4-question\"\u003e¿Funciona en cabello completamente canoso?\u003c\/summary\u003e\n\u003cdiv class=\"afq4-answer\"\u003e\n\u003cp\u003eLa cobertura puede variar según el color original de tu cabello, el porcentaje de canas, el estado del cabello y la aplicación.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c!-- 11 --\u003e\n\u003cdetails class=\"afq4-item\"\u003e\n\u003csummary class=\"afq4-question\"\u003e¿Cuánto tardará en llegar mi pedido?\u003c\/summary\u003e\n\u003cdiv class=\"afq4-answer\"\u003e\n\u003cp\u003eLos pedidos se envían desde nuestras instalaciones en EE. UU. dentro de 1 a 2 días hábiles después de recibir el pedido. Los pedidos dentro de EE. UU. generalmente llegan entre 3 y 4 días después. Recibirás un correo electrónico con un número de seguimiento cuando se envíe tu paquete para que puedas seguir tu pedido hasta la puerta de tu casa.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e","brand":"ABERA US","offers":[{"title":"1 caja","offer_id":54087720239472,"sku":"CB-ABERA102+SL1","price":28.99,"currency_code":"USD","in_stock":true},{"title":"2 Cajas","offer_id":54087720272240,"sku":"CB-ABERA102+SL2-CB-DGBUOI081+SL1","price":46.99,"currency_code":"USD","in_stock":true},{"title":"3 Cajas + Paquete de Cuidado Capilar Gratis","offer_id":54087720305008,"sku":"CB-ABERA102+SL3-CB-DGBUOI081+SL1-CB-SRBUOI080+SL1","price":75.99,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/81qm-71baqL._SL1500.webp?v=1785484769"},{"product_id":"abera-maximum-strength-nail-repair-serum","title":"Abera Sérum Reparador de Uñas de Máxima Potencia","description":"\u003cul class=\"a-unordered-list a-vertical a-spacing-mini\"\u003e\n\n\u003cli class=\"a-spacing-mini\"\u003e\u003cspan class=\"a-list-item\"\u003eRestauración de doble acción: Combina nutrición y reparación para abordar múltiples problemas de las uñas.\u003c\/span\u003e\u003c\/li\u003e\n\n\u003cli class=\"a-spacing-mini\"\u003e\u003cspan class=\"a-list-item\"\u003eSuministro intensivo de nutrientes: Fortalece las uñas débiles mientras elimina manchas y decoloración.\u003c\/span\u003e\u003c\/li\u003e\n\n\u003cli class=\"a-spacing-mini\"\u003e\u003cspan class=\"a-list-item\"\u003eApoya el crecimiento natural: Fomenta el desarrollo saludable de las uñas y previene deformidades.\u003c\/span\u003e\u003c\/li\u003e\n\n\u003cli class=\"a-spacing-mini\"\u003e\u003cspan class=\"a-list-item\"\u003eFórmula premium: Las gotas ligeras se absorben rápidamente para una máxima comodidad y eficacia.\u003c\/span\u003e\u003c\/li\u003e\n\n\u003cli class=\"a-spacing-mini\"\u003e\n\n\u003cspan class=\"a-list-item\"\u003eElija Abera Combo Premium: para una solución versátil que promueve uñas sanas, resistentes e impecables todos los días.\u003c\/span\u003e\u003cbr\u003e\n\n\u003c\/li\u003e\n\n\n\u003c\/ul\u003e\n\u003cp\u003e\u003cspan class=\"a-list-item\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/dab53bd5-8a84-49cf-b5d9-e2aa0008b092.__CR0_0_1959_803_PT0_SX1464_V1.webp?v=1787212519\" alt=\"\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/406097ed-2bc5-40ce-a65b-14cb00f2e4ed.__CR0_0_1959_803_PT0_SX1464_V1.webp?v=1787212519\" alt=\"\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/beafa611-c9f2-4d5b-a212-ec0cbf3e0050.__CR0_0_1464_600_PT0_SX1464_V1.webp?v=1787212519\" alt=\"\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/7590cbe2-0f2f-4d0a-a0f5-966214bd0220.__CR0_0_1958_802_PT0_SX1464_V1.webp?v=1787212519\" alt=\"\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/f5609854-8fe6-4024-9262-b3ee27ba639c.__CR0_1_1957_802_PT0_SX1464_V1.webp?v=1787212519\" alt=\"\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/16dc8048-5e0f-4a4d-a2e1-95ec9203b068.__CR0_80_1774_727_PT0_SX1464_V1.webp?v=1787212518\" alt=\"\"\u003e\u003c\/span\u003e\u003c\/p\u003e","brand":"Abera","offers":[{"title":"Set 1 Caja","offer_id":54199174168944,"sku":"CB-NAILFG048+SL1","price":29.95,"currency_code":"USD","in_stock":true},{"title":"Juego de 2 cajas","offer_id":54199174201712,"sku":"NAILFG048+SL2","price":49.95,"currency_code":"USD","in_stock":true},{"title":"Establecer 3 cajas","offer_id":54199214014832,"sku":"NAILFG048+SL3","price":69.95,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/61D6NZyBgsL._SL1500.webp?v=1787212519"},{"product_id":"niacinamide-melasma-cream-dark-spot-corrector","title":"ABERA Ginb Sérum para el crecimiento de cejas para mujeres y hombres","description":"\u003cul class=\"a-unordered-list a-vertical a-spacing-mini\"\u003e\n\n\u003cli class=\"a-spacing-mini\"\u003e\u003cspan class=\"a-list-item\"\u003e\u003cstrong\u003eINGREDIENTES CLAVE PARA EL CRECIMIENTO IRREGULAR Y ESCASO DE CEJAS Y ACEITE PARA BARBA PARA HOMBRES Y MUJERES:\u003c\/strong\u003e Este suero está formulado con ingredientes hidratantes, nutritivos y fortalecedores como el extracto de Panax ginseng, biotina y extracto de flor de Chamomilla Recutita\u003c\/span\u003e\u003c\/li\u003e\n\n\u003cli class=\"a-spacing-mini\"\u003e\u003cspan class=\"a-list-item\"\u003e\u003cstrong\u003eBIOTINA:\u003c\/strong\u003e Complementado con nutrientes para ayudar a oscurecer y engrosar las cejas y la barba\u003c\/span\u003e\u003c\/li\u003e\n\n\u003cli class=\"a-spacing-mini\"\u003e\u003cspan class=\"a-list-item\"\u003e\u003cstrong\u003eACETIL TETRAPÉPTIDO-3:\u003c\/strong\u003e Ayuda a favorecer un crecimiento más rápido y seguro de cejas y barba\u003c\/span\u003e\u003c\/li\u003e\n\n\u003cli class=\"a-spacing-mini\"\u003e\u003cspan class=\"a-list-item\"\u003e\u003cstrong\u003eSUAVE Y SEGURO PARA TODO TIPO DE PIEL:\u003c\/strong\u003e Disfruta de una experiencia segura y sin irritaciones con una fórmula suave apta para todo tipo de piel. Deja crecer tus cejas sin molestias, ya sea que tu piel sea seca, grasa o sensible\u003c\/span\u003e\u003c\/li\u003e\n\n\u003cli class=\"a-spacing-mini\"\u003e\u003cspan class=\"a-list-item\"\u003e\u003cstrong\u003eFÁCIL APLICACIÓN:\u003c\/strong\u003e Diseñado para un uso sin complicaciones, el aplicador de precisión garantiza una aplicación específica, ahorrándote tiempo y brindando resultados de calidad de salón en casa\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/Hinh11800x1350-ezgif.com-png-to-webp-converter.webp?v=1786070670\" alt=\"\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/Hinh21800x1350-ezgif.com-png-to-webp-converter.webp?v=1786070670\" alt=\"\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/Hinh51800x1350-ezgif.com-png-to-webp-converter.webp?v=1786070670\" alt=\"\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/Hinh61800x1350-ezgif.com-png-to-webp-converter.webp?v=1786070670\" alt=\"\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/Hinh81800x1350-ezgif.com-png-to-webp-converter.webp?v=1786070670\" alt=\"\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/Hinh91800x1350-ezgif.com-png-to-webp-converter.webp?v=1786070670\" alt=\"\"\u003e\u003c\/span\u003e\u003c\/li\u003e\n\n\n\u003c\/ul\u003e","brand":"Abera","offers":[{"title":"1 CAJA","offer_id":54198608331120,"sku":"CB-USABERA072+SL1","price":34.95,"currency_code":"USD","in_stock":true},{"title":"COMPRE 2 CAJAS","offer_id":54198608363888,"sku":"CB-USABERA072+SL2","price":55.95,"currency_code":"USD","in_stock":true},{"title":"COMPRE 3 CAJAS","offer_id":54198608396656,"sku":"CB-USABERA072+SL3","price":79.95,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/514Fmmr0W8L._SL1080.jpg?v=1787211648"},{"product_id":"belani-retinol-face-cream-advanced-anti-aging-night-moisturizer","title":"Belani Crema Facial con Retinol - Hidratante de Noche Antienvejecimiento Avanzado","description":"\u003cul class=\"a-unordered-list a-vertical a-spacing-mini\"\u003e\n\n\u003cli class=\"a-spacing-mini\"\u003e\u003cspan class=\"a-list-item\"\u003e\u003cstrong\u003eCrema de noche avanzada con retinol \u003c\/strong\u003e– Una potente mezcla de retinol nanocapsulado, colágeno y ácido hialurónico que ayuda a minimizar la apariencia de los signos del envejecimiento y a nutrir la piel mientras duermes.\u003c\/span\u003e\u003c\/li\u003e\n\n\u003cli class=\"a-spacing-mini\"\u003e\u003cspan class=\"a-list-item\"\u003e\u003cstrong\u003eFavorece la renovación cutánea \u003c\/strong\u003e– Nuestra crema facial hidratante contiene nanoretinol para favorecer la renovación natural de las células de la superficie y ácido hialurónico para una hidratación profunda. Un complemento ideal para tu rutina diaria de cuidado de la piel.\u003c\/span\u003e\u003c\/li\u003e\n\n\u003cli class=\"a-spacing-mini\"\u003e\u003cspan class=\"a-list-item\"\u003e\u003cstrong\u003eColágeno y soporte reafirmante \u003c\/strong\u003e– Favorece la elasticidad y firmeza naturales de tu piel con nuestra fórmula con infusión de colágeno. Ayuda a restaurar el aspecto de la luminosidad juvenil y la vitalidad de la piel.\u003c\/span\u003e\u003c\/li\u003e\n\n\u003cli class=\"a-spacing-mini\"\u003e\u003cspan class=\"a-list-item\"\u003e\u003cstrong\u003eCalidad prémium y no grasa\u003c\/strong\u003e – Elaborada con altos estándares, nuestra fórmula es suave, de rápida absorción y libre de químicos agresivos. Diseñada tanto para mujeres como para hombres.\u003c\/span\u003e\u003c\/li\u003e\n\n\u003cli class=\"a-spacing-mini\"\u003e\u003cspan class=\"a-list-item\"\u003e\u003cstrong\u003eRecomendada por dermatólogos \u003c\/strong\u003e– Probada y recomendada profesionalmente por su seguridad y eficacia. Nuestra fórmula suave pero potente es adecuada para todo tipo de piel, garantizando un cuidado de calidad profesional en casa.\u003cbr\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/b4b0e754-db49-43ee-b1e8-f209bb79a766.__CR0_0_2928_1200_PT0_SX1464_V1.webp?v=1787220126\" alt=\"\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/4a274ca3-e27b-4f6c-892d-1f6160f49bda.__CR0_0_2928_1200_PT0_SX1464_V1.webp?v=1787220126\" alt=\"\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/8662fa18-c27e-477c-ac55-d0cd0728e052.__CR0_0_2928_1200_PT0_SX1464_V1.webp?v=1787220126\" alt=\"\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/d3a8d277-f0e9-42ff-bf76-f33be3508cbe.__CR0_0_2928_1200_PT0_SX1464_V1.webp?v=1787220126\" alt=\"\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/ad33f715-1b42-4248-b0c1-3966a811e04d.__CR0_0_2928_1200_PT0_SX1464_V1.webp?v=1787220126\" alt=\"\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/290b6f20-bb3c-4d6c-8dd3-484e6865dc5c.__CR0_0_2928_1200_PT0_SX1464_V1.webp?v=1787220126\" alt=\"\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/06a0f0fc-c0c1-459e-b92d-c50bb0c65506.__CR0_0_2928_1200_PT0_SX1464_V1.webp?v=1787220126\" alt=\"\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/2388be30-2816-4110-a2e6-b904f96a371f.__CR0_0_2928_1200_PT0_SX1464_V1.webp?v=1787220126\" alt=\"\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/d4e31140-9964-4f39-baf7-c9a9fb818337.__CR0_0_2928_1200_PT0_SX1464_V1.webp?v=1787220126\" alt=\"\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/f762221d-7514-430a-8b0d-2c36c7104da1.__CR0_0_2928_1200_PT0_SX1464_V1.webp?v=1787220126\" alt=\"\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/212a6f44-3ec6-47a8-8438-0fc9eedfc5e1.__CR0_0_2928_1200_PT0_SX1464_V1.webp?v=1787220126\" alt=\"\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/40c3f649-ffaa-45ce-912d-26d05e5a326e.__CR0_0_2928_1200_PT0_SX1464_V1.webp?v=1787220126\" alt=\"\"\u003e\u003cbr\u003e\u003cbr\u003e\u003c\/span\u003e\u003c\/li\u003e\n\n\n\u003c\/ul\u003e","brand":"Abera","offers":[{"title":"Set 1 Caja","offer_id":54201287672176,"sku":null,"price":29.0,"currency_code":"USD","in_stock":true},{"title":"Juego de 2 cajas","offer_id":54201287704944,"sku":null,"price":49.0,"currency_code":"USD","in_stock":true},{"title":"Establecer 3 cajas","offer_id":54201287737712,"sku":null,"price":69.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/71NZAgxxcdL._SL1500.webp?v=1787220126"}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/collections\/6.png?v=1759974990","url":"https:\/\/www.abera.us\/es\/collections\/best-seller.oembed","provider":"ABERA","version":"1.0","type":"link"}