{"title":"Cuidado de hombres","description":"","products":[{"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":"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":"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-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-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"}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/collections\/BEST_4.webp?v=1759973290","url":"https:\/\/www.abera.us\/es\/collections\/abera-men.oembed","provider":"ABERA","version":"1.0","type":"link"}