{"title":"Cuidado facial","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-kasumi-glowing-cream","title":"Kasumi Glowing Crema","description":"\u003cp\u003e\u003cmeta charset=\"utf-8\"\u003e \u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1\"\u003e\u003c\/p\u003e\n\u003c!-- ============ COPIAR DESDE AQUÍ ============ --\u003e\n\u003cstyle\u003e\n .kasumi-pdp{\n --gold:#b3934e; --gold-deep:#8a6d34; --espresso:#3a2c1e; --ink:#2a2118;\n --cream:#faf6ef; --sand:#f1e8d8; --line:#e4d8c3; --muted:#6f6152;\n font-family:-apple-system,BlinkMacSystemFont,\"Segoe UI\",Helvetica,Arial,sans-serif;\n color:var(--ink); line-height:1.6; max-width:1100px; margin:0 auto; padding:8px;\n -webkit-font-smoothing:antialiased;\n }\n .kasumi-pdp *{box-sizing:border-box;}\n .kasumi-pdp img{width:100%; height:auto; display:block; border-radius:14px;}\n .kasumi-pdp .kp-eyebrow{\n text-transform:uppercase; letter-spacing:.22em; font-size:12px; font-weight:700;\n color:var(--gold-deep); margin:0 0 10px;\n }\n .kasumi-pdp h2.kp-h{\n font-size:30px; line-height:1.2; margin:0 0 14px; font-weight:800; color:var(--espresso);\n letter-spacing:-.01em;\n }\n .kasumi-pdp h3.kp-sub{font-size:20px; margin:0 0 10px; font-weight:700; color:var(--espresso);}\n .kasumi-pdp p{margin:0 0 14px; font-size:16px; color:var(--ink);}\n .kasumi-pdp .kp-lead{font-size:18px; color:var(--espresso); font-weight:600;}\n\n \/* HERO *\/\n .kasumi-pdp .kp-hero{\n background:linear-gradient(160deg,#fbf3e2 0%,#f4e6cd 100%);\n border-radius:20px; padding:34px 26px; text-align:center; margin:0 0 26px;\n border:1px solid var(--line);\n }\n .kasumi-pdp .kp-hero .kp-eyebrow{margin-bottom:14px;}\n .kasumi-pdp .kp-hero h1{\n font-size:34px; line-height:1.15; margin:0 auto 14px; font-weight:800;\n color:var(--espresso); max-width:640px; letter-spacing:-.01em;\n }\n .kasumi-pdp .kp-hero .kp-tag{color:var(--gold-deep);}\n .kasumi-pdp .kp-hero p{max-width:600px; margin:0 auto 20px; color:#4a3c2c; font-size:17px;}\n .kasumi-pdp .kp-hero img{max-width:520px; margin:6px auto 0;}\n\n \/* ESTRELLAS + FRANJA DE CONFIANZA *\/\n .kasumi-pdp .kp-stars{color:var(--gold); font-size:18px; letter-spacing:2px; margin-bottom:6px;}\n .kasumi-pdp .kp-trust{\n display:flex; flex-wrap:wrap; gap:10px; justify-content:center;\n margin:22px 0 30px; padding:0; list-style:none;\n }\n .kasumi-pdp .kp-trust li{\n background:var(--cream); border:1px solid var(--line); border-radius:999px;\n padding:9px 16px; font-size:13px; font-weight:600; color:var(--espresso);\n }\n .kasumi-pdp .kp-trust li b{color:var(--gold-deep);}\n\n \/* SECCIÓN GENÉRICA *\/\n .kasumi-pdp .kp-sec{margin:0 0 30px;}\n .kasumi-pdp .kp-split{\n display:flex; gap:28px; align-items:center; margin:0 0 30px;\n }\n .kasumi-pdp .kp-split\u003ediv{flex:1 1 0; min-width:0;}\n .kasumi-pdp .kp-split.rev{flex-direction:row-reverse;}\n\n \/* PROBLEMA *\/\n .kasumi-pdp .kp-problem{\n background:var(--espresso); color:#f3e9d8; border-radius:18px; padding:30px 26px; margin:0 0 30px;\n }\n .kasumi-pdp .kp-problem .kp-eyebrow{color:#d8b871;}\n .kasumi-pdp .kp-problem h2.kp-h{color:#fff;}\n .kasumi-pdp .kp-problem p{color:#e8dcc7;}\n .kasumi-pdp .kp-problem ul{margin:0; padding-left:20px;}\n .kasumi-pdp .kp-problem li{margin-bottom:8px; color:#e8dcc7;}\n\n \/* PRUEBA *\/\n .kasumi-pdp .kp-proof{\n background:linear-gradient(160deg,#fbf3e2 0%,#f5e8d0 100%);\n border:1px solid var(--line); border-radius:20px; padding:30px 26px; text-align:center; margin:0 0 30px;\n }\n .kasumi-pdp .kp-proof .kp-badge{\n display:inline-block; background:var(--gold-deep); color:#fff; font-weight:800;\n font-size:14px; letter-spacing:.04em; padding:8px 18px; border-radius:999px; margin-bottom:16px;\n }\n .kasumi-pdp .kp-proof img{max-width:760px; margin:10px auto 0;}\n .kasumi-pdp .kp-proof .kp-fine{font-size:12px; color:var(--muted); margin:14px 0 0;}\n\n \/* INGREDIENTES *\/\n .kasumi-pdp .kp-ing-grid{\n display:grid; grid-template-columns:repeat(3,1fr); gap:12px; margin:18px 0 0;\n }\n .kasumi-pdp .kp-ing-grid div{\n background:var(--cream); border:1px solid var(--line); border-radius:12px; padding:14px;\n }\n .kasumi-pdp .kp-ing-grid b{display:block; color:var(--espresso); font-size:15px; margin-bottom:3px;}\n .kasumi-pdp .kp-ing-grid span{font-size:13px; color:var(--muted);}\n\n \/* MODO DE USO *\/\n .kasumi-pdp .kp-steps{list-style:none; margin:18px 0 0; padding:0; counter-reset:s;}\n .kasumi-pdp .kp-steps li{\n position:relative; padding:0 0 16px 52px; counter-increment:s;\n }\n .kasumi-pdp .kp-steps li::before{\n content:counter(s); position:absolute; left:0; top:0;\n width:36px; height:36px; border-radius:50%; background:var(--gold); color:#fff;\n font-weight:800; display:flex; align-items:center; justify-content:center; font-size:16px;\n }\n .kasumi-pdp .kp-steps b{color:var(--espresso);}\n\n \/* CTA *\/\n .kasumi-pdp .kp-cta{\n background:linear-gradient(160deg,#3a2c1e,#5a4226); color:#fff; border-radius:20px;\n padding:34px 26px; text-align:center; margin:34px 0 8px;\n }\n .kasumi-pdp .kp-cta h2{font-size:26px; margin:0 0 10px; color:#fff; font-weight:800;}\n .kasumi-pdp .kp-cta p{color:#ecdfca; max-width:520px; margin:0 auto 20px;}\n .kasumi-pdp .kp-cta a{\n display:inline-block; background:var(--gold); color:#2a2118; font-weight:800;\n text-decoration:none; padding:15px 40px; border-radius:999px; font-size:16px; letter-spacing:.02em;\n }\n .kasumi-pdp .kp-cta small{display:block; margin-top:14px; color:#cdbb9c; font-size:13px;}\n\n \/* RESPONSIVE *\/\n @media (max-width:768px){\n .kasumi-pdp .kp-split,.kasumi-pdp .kp-split.rev{flex-direction:column; gap:18px;}\n .kasumi-pdp .kp-hero h1{font-size:26px;}\n .kasumi-pdp h2.kp-h{font-size:24px;}\n .kasumi-pdp .kp-ing-grid{grid-template-columns:1fr 1fr;}\n .kasumi-pdp .kp-hero,.kasumi-pdp .kp-problem,.kasumi-pdp .kp-proof,.kasumi-pdp .kp-cta{padding:24px 18px;}\n }\n @media (max-width:460px){\n .kasumi-pdp .kp-ing-grid{grid-template-columns:1fr;}\n }\n \u003c\/style\u003e\n\u003cdiv class=\"kasumi-pdp\"\u003e\u003c!-- 1) HERO — gancho + producto --\u003e\n\u003cdiv class=\"kp-hero\"\u003e\n\u003cp class=\"kp-eyebrow\"\u003eIluminadora · Manchas Oscuras · Melasma\u003c\/p\u003e\n\u003ch1\u003eDifumina visiblemente las manchas y el \u003cspan class=\"kp-tag\"\u003emelasma\u003c\/span\u003e — piel que resplandece desde adentro\u003c\/h1\u003e\n\u003cp\u003eKasumi Glowing Cream combina Hongo Reishi Rojo, Ginseng Rojo y Filtrado de Baba de Caracol para ayudar a suavizar la apariencia de la decoloración persistente y unificar el tono — dejando la piel suave, tersa y radiante.\u003c\/p\u003e\n\u003cdiv class=\"kp-stars\"\u003e★★★★★\u003c\/div\u003e\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/kasumi-glowing-cream-melasma-cream-dark_spot_1200x.webp?v=1762529842\" alt=\"Frasco de Kasumi Abera Glowing Cream sobre fondo amarillo suave\" loading=\"lazy\"\u003e\u003c\/div\u003e\n\u003c!-- FRANJA DE CONFIANZA --\u003e\n\u003cul class=\"kp-trust\"\u003e\n\u003cli\u003e\u003cb\u003e✓\u003c\/b\u003e Apta para todo tipo de piel\u003c\/li\u003e\n\u003cli\u003e\u003cb\u003e✓\u003c\/b\u003e Activos botánicos\u003c\/li\u003e\n\u003cli\u003e\u003cb\u003e✓\u003c\/b\u003e Niacinamida + BHA\u003c\/li\u003e\n\u003cli\u003e\u003cb\u003e✓\u003c\/b\u003e 30g \/ 1.06 oz\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c!-- 2) PROBLEMA --\u003e\n\u003cdiv class=\"kp-problem\"\u003e\n\u003cp class=\"kp-eyebrow\"\u003eEl Verdadero Problema\u003c\/p\u003e\n\u003ch2 class=\"kp-h\"\u003eLas manchas y el melasma casi nunca desaparecen solos\u003c\/h2\u003e\n\u003cp\u003eLa exposición solar, las hormonas y el tiempo hacen que la melanina se acumule — dejando parches que las cremas comunes simplemente no alcanzan. Si has probado producto tras producto sin resultados, no es tu culpa. La mayoría de las cremas solo hidratan la superficie sin actuar sobre la causa del tono disparejo.\u003c\/p\u003e\n\u003cul\u003e\n\u003cli\u003eManchas oscuras que hacen que la piel luzca cansada y con más edad\u003c\/li\u003e\n\u003cli\u003eMelasma que reaparece cada verano\u003c\/li\u003e\n\u003cli\u003eOpacidad y tono disparejo que el maquillaje solo disimula\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c!-- 3) PRUEBA — antes y después --\u003e\n\u003cdiv class=\"kp-proof\"\u003e\u003cspan class=\"kp-badge\"\u003eHasta 70% de tono más uniforme visible\u003c\/span\u003e\n\u003ch2 class=\"kp-h\"\u003eNota la diferencia frente al espejo\u003c\/h2\u003e\n\u003cp\u003eCon uso constante dos veces al día, las usuarias reportan un cutis visiblemente más luminoso y uniforme — manchas más suaves y luminosidad recuperada.\u003c\/p\u003e\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/kasumi-glowing-cream-melasma-reduction_1200x.webp?v=1762529813\" alt=\"Comparación antes y después que muestra hasta 70% de reducción visible en la apariencia del melasma\" loading=\"lazy\"\u003e\n\u003cp class=\"kp-fine\"\u003eLos resultados pueden variar. Este es un producto cosmético que describe la apariencia de la piel; no trata, cura ni previene ninguna condición médica.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- 4) POR QUÉ FUNCIONA — ingredientes --\u003e\n\u003cdiv class=\"kp-split\"\u003e\n\u003cdiv\u003e\n\u003cp class=\"kp-eyebrow\"\u003ePor Qué Funciona\u003c\/p\u003e\n\u003ch2 class=\"kp-h\"\u003eCon activos botánicos premium\u003c\/h2\u003e\n\u003cp\u003eCada frasco concentra ingredientes estrella elegidos para iluminar, renovar y proteger — trabajando en conjunto para que el tono luzca más uniforme y la piel se sienta nutrida.\u003c\/p\u003e\n\u003cdiv class=\"kp-ing-grid\"\u003e\n\u003cdiv\u003e\u003cb\u003eReishi Rojo\u003c\/b\u003e\u003cspan\u003eRico en antioxidantes; ayuda a combatir la opacidad\u003c\/span\u003e\u003c\/div\u003e\n\u003cdiv\u003e\u003cb\u003eGinseng Rojo\u003c\/b\u003e\u003cspan\u003eFavorece un aspecto más firme y revitalizado\u003c\/span\u003e\u003c\/div\u003e\n\u003cdiv\u003e\u003cb\u003eBaba de Caracol\u003c\/b\u003e\u003cspan\u003eCalma y repone la hidratación\u003c\/span\u003e\u003c\/div\u003e\n\u003cdiv\u003e\u003cb\u003eNiacinamida\u003c\/b\u003e\u003cspan\u003eActúa sobre la apariencia del tono disparejo\u003c\/span\u003e\u003c\/div\u003e\n\u003cdiv\u003e\u003cb\u003eLarix Sibirica\u003c\/b\u003e\u003cspan\u003eApoyo iluminador de origen botánico\u003c\/span\u003e\u003c\/div\u003e\n\u003cdiv\u003e\u003cb\u003eBHA (Salicílico)\u003c\/b\u003e\u003cspan\u003eSuaviza y refina la textura con delicadeza\u003c\/span\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/kasumi-glowing-cream-premium-ingredient_600x.webp?v=1762529890\" alt=\"Ingredientes premium: Larix Sibirica, Baba de Caracol, Niacinamida, Hongo Reishi, BHA y Ginseng Rojo\" loading=\"lazy\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 5) PARA QUIÉN + MODO DE USO --\u003e\n\u003cdiv class=\"kp-split rev\"\u003e\n\u003cdiv\u003e\n\u003cp class=\"kp-eyebrow\"\u003eHecha Para Todas\u003c\/p\u003e\n\u003ch2 class=\"kp-h\"\u003eSuave para todo tipo de piel\u003c\/h2\u003e\n\u003cp\u003eLigera, de rápida absorción y sin sensación grasosa — Kasumi Glowing Cream se integra sin esfuerzo a tu rutina de mañana y noche.\u003c\/p\u003e\n\u003ch3 class=\"kp-sub\"\u003eModo de uso\u003c\/h3\u003e\n\u003col class=\"kp-steps\"\u003e\n\u003cli\u003e\u003cb\u003eLimpia\u003c\/b\u003e y seca la piel con toques suaves.\u003c\/li\u003e\n\u003cli\u003e\u003cb\u003eAplica\u003c\/b\u003e una cantidad del tamaño de un chícharo de manera uniforme en el rostro.\u003c\/li\u003e\n\u003cli\u003e\u003cb\u003eMasajea\u003c\/b\u003e con movimientos circulares suaves hasta absorber.\u003c\/li\u003e\n\u003cli\u003e\u003cb\u003eRepite\u003c\/b\u003e mañana y noche — de día, acompaña con protector solar.\u003c\/li\u003e\n\u003c\/ol\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/kasumi-glowing-cream-suitable-all-skin-type_600x.webp?v=1762529866\" alt=\"Mujer aplicando Kasumi Glowing Cream — apta para todo tipo de piel\" loading=\"lazy\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 6) CTA --\u003e\n\u003cdiv class=\"kp-cta\"\u003e\n\u003ch2\u003eComienza tu glow hoy\u003c\/h2\u003e\n\u003cp\u003eCompra en paquete y ahorra — mientras más llevas, más uniforme y radiante luce tu tono con el tiempo.\u003c\/p\u003e\n\u003ca href=\"#\"\u003eElige tu paquete ↑\u003c\/a\u003e \u003csmall\u003e30g \/ 1.06 oz por frasco · Solo para uso externo\u003c\/small\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- ============ COPIAR HASTA AQUÍ ============ --\u003e","brand":"Abera","offers":[{"title":"1 caja","offer_id":54115204202864,"sku":"CB-ABERA100+SL1","price":41.0,"currency_code":"USD","in_stock":true},{"title":"2 Cajas + 5 Mascarillas para ojos","offer_id":54115204235632,"sku":"CB-ABERA100+SL2+CB-CBMASK05+SL1","price":64.0,"currency_code":"USD","in_stock":true},{"title":"3 Cajas + 10 Mascarillas para Ojos","offer_id":54115204268400,"sku":"CB-ABERA100+SL3-CB-CBMATNA039+SL1","price":85.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/kasumi-main-image-new.webp?v=1785731406"},{"product_id":"abera-renewing-saffron-serum","title":"ABERA Sérum Renovador de Azafrán, Tratamiento para el Melasma Facial","description":"\u003cul class=\"a-unordered-list a-vertical a-spacing-mini\"\u003e\n\n\u003cli class=\"a-spacing-mini\"\u003e\u003cspan class=\"a-list-item\"\u003ePotente suero para el melasma: Formulado para reducir el melasma, la decoloración y las manchas oscuras inducidas por el sol, este suero de alto rendimiento ayuda a lograr un cutis de aspecto más uniforme utilizando vitamina C, algas Chlorella y extracto de madera de Sappan.\u003c\/span\u003e\u003c\/li\u003e\n\n\u003cli class=\"a-spacing-mini\"\u003e\u003cspan class=\"a-list-item\"\u003eRenovación de la piel con extracto de azafrán Super Negin de primera calidad: Infundido con azafrán Super Negin y algas marinas, este suero ayuda a reforzar la estructura de la piel, apoyar la producción de colágeno y promover una claridad visible del tono utilizando la avanzada tecnología de entrega de exosomas.\u003c\/span\u003e\u003c\/li\u003e\n\n\u003cli class=\"a-spacing-mini\"\u003e\u003cspan class=\"a-list-item\"\u003eComplejo antienvejecimiento con ácido hialurónico: Una mezcla de ácido hialurónico, castaño de indias y extracto de raíz de regaliz reduce visiblemente las líneas finas y las arrugas mientras apoya la elasticidad y la hidratación duradera.\u003c\/span\u003e\u003c\/li\u003e\n\n\u003cli class=\"a-spacing-mini\"\u003e\u003cspan class=\"a-list-item\"\u003eCalmante y seguro para pieles sensibles: Lo suficientemente suave para el uso diario, esta fórmula no irritante calma y apoya la piel sensible o propensa al enrojecimiento con glicerina, extracto de alfalfa y activos que respetan la barrera, sin efectos agresivos.\u003c\/span\u003e\u003c\/li\u003e\n\n\u003cli class=\"a-spacing-mini\"\u003e\u003cspan class=\"a-list-item\"\u003eHidratación + aumento de la firmeza: Impulsado por algas marinas y humectantes avanzados, este suero proporciona una hidratación profunda y ayuda a refinar la textura para una piel más suave, firme y resistente con el tiempo.\u003c\/span\u003e\u003c\/li\u003e\n\n\n\u003c\/ul\u003e","brand":"Abera","offers":[{"title":"1 CAJA","offer_id":54099141689712,"sku":"CB-ABERA056+SL1","price":23.95,"currency_code":"USD","in_stock":true},{"title":"2 CAJAS AHORRAN 20%","offer_id":54099141722480,"sku":"CB-ABERA056+SL2","price":38.35,"currency_code":"USD","in_stock":true},{"title":"3 CAJAS AHORRAN 25%","offer_id":54099141755248,"sku":"CB-ABERA056+SL3","price":53.95,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/Screenshot2026-05-27091328.png?v=1779848165"},{"product_id":"niacinamide-melasma-cream-dark-spot-corrector","title":"ABERA Ginb Sérum para el crecimiento de cejas para mujeres y hombres","description":"\u003cul class=\"a-unordered-list a-vertical a-spacing-mini\"\u003e\n\n\u003cli class=\"a-spacing-mini\"\u003e\u003cspan class=\"a-list-item\"\u003e\u003cstrong\u003eINGREDIENTES CLAVE PARA EL CRECIMIENTO IRREGULAR Y ESCASO DE CEJAS Y ACEITE PARA BARBA PARA HOMBRES Y MUJERES:\u003c\/strong\u003e Este suero está formulado con ingredientes hidratantes, nutritivos y fortalecedores como el extracto de Panax ginseng, biotina y extracto de flor de Chamomilla Recutita\u003c\/span\u003e\u003c\/li\u003e\n\n\u003cli class=\"a-spacing-mini\"\u003e\u003cspan class=\"a-list-item\"\u003e\u003cstrong\u003eBIOTINA:\u003c\/strong\u003e Complementado con nutrientes para ayudar a oscurecer y engrosar las cejas y la barba\u003c\/span\u003e\u003c\/li\u003e\n\n\u003cli class=\"a-spacing-mini\"\u003e\u003cspan class=\"a-list-item\"\u003e\u003cstrong\u003eACETIL TETRAPÉPTIDO-3:\u003c\/strong\u003e Ayuda a favorecer un crecimiento más rápido y seguro de cejas y barba\u003c\/span\u003e\u003c\/li\u003e\n\n\u003cli class=\"a-spacing-mini\"\u003e\u003cspan class=\"a-list-item\"\u003e\u003cstrong\u003eSUAVE Y SEGURO PARA TODO TIPO DE PIEL:\u003c\/strong\u003e Disfruta de una experiencia segura y sin irritaciones con una fórmula suave apta para todo tipo de piel. Deja crecer tus cejas sin molestias, ya sea que tu piel sea seca, grasa o sensible\u003c\/span\u003e\u003c\/li\u003e\n\n\u003cli class=\"a-spacing-mini\"\u003e\u003cspan class=\"a-list-item\"\u003e\u003cstrong\u003eFÁCIL APLICACIÓN:\u003c\/strong\u003e Diseñado para un uso sin complicaciones, el aplicador de precisión garantiza una aplicación específica, ahorrándote tiempo y brindando resultados de calidad de salón en casa\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/Hinh11800x1350-ezgif.com-png-to-webp-converter.webp?v=1786070670\" alt=\"\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/Hinh21800x1350-ezgif.com-png-to-webp-converter.webp?v=1786070670\" alt=\"\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/Hinh51800x1350-ezgif.com-png-to-webp-converter.webp?v=1786070670\" alt=\"\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/Hinh61800x1350-ezgif.com-png-to-webp-converter.webp?v=1786070670\" alt=\"\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/Hinh81800x1350-ezgif.com-png-to-webp-converter.webp?v=1786070670\" alt=\"\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/Hinh91800x1350-ezgif.com-png-to-webp-converter.webp?v=1786070670\" alt=\"\"\u003e\u003c\/span\u003e\u003c\/li\u003e\n\n\n\u003c\/ul\u003e","brand":"Abera","offers":[{"title":"1 CAJA","offer_id":54198608331120,"sku":"CB-USABERA072+SL1","price":34.95,"currency_code":"USD","in_stock":true},{"title":"COMPRE 2 CAJAS","offer_id":54198608363888,"sku":"CB-USABERA072+SL2","price":55.95,"currency_code":"USD","in_stock":true},{"title":"COMPRE 3 CAJAS","offer_id":54198608396656,"sku":"CB-USABERA072+SL3","price":79.95,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/514Fmmr0W8L._SL1080.jpg?v=1787211648"},{"product_id":"belani-retinol-face-cream-advanced-anti-aging-night-moisturizer","title":"Belani Crema Facial con Retinol - Hidratante de Noche Antienvejecimiento Avanzado","description":"\u003cul class=\"a-unordered-list a-vertical a-spacing-mini\"\u003e\n\n\u003cli class=\"a-spacing-mini\"\u003e\u003cspan class=\"a-list-item\"\u003e\u003cstrong\u003eCrema de noche avanzada con retinol \u003c\/strong\u003e– Una potente mezcla de retinol nanocapsulado, colágeno y ácido hialurónico que ayuda a minimizar la apariencia de los signos del envejecimiento y a nutrir la piel mientras duermes.\u003c\/span\u003e\u003c\/li\u003e\n\n\u003cli class=\"a-spacing-mini\"\u003e\u003cspan class=\"a-list-item\"\u003e\u003cstrong\u003eFavorece la renovación cutánea \u003c\/strong\u003e– Nuestra crema facial hidratante contiene nanoretinol para favorecer la renovación natural de las células de la superficie y ácido hialurónico para una hidratación profunda. Un complemento ideal para tu rutina diaria de cuidado de la piel.\u003c\/span\u003e\u003c\/li\u003e\n\n\u003cli class=\"a-spacing-mini\"\u003e\u003cspan class=\"a-list-item\"\u003e\u003cstrong\u003eColágeno y soporte reafirmante \u003c\/strong\u003e– Favorece la elasticidad y firmeza naturales de tu piel con nuestra fórmula con infusión de colágeno. Ayuda a restaurar el aspecto de la luminosidad juvenil y la vitalidad de la piel.\u003c\/span\u003e\u003c\/li\u003e\n\n\u003cli class=\"a-spacing-mini\"\u003e\u003cspan class=\"a-list-item\"\u003e\u003cstrong\u003eCalidad prémium y no grasa\u003c\/strong\u003e – Elaborada con altos estándares, nuestra fórmula es suave, de rápida absorción y libre de químicos agresivos. Diseñada tanto para mujeres como para hombres.\u003c\/span\u003e\u003c\/li\u003e\n\n\u003cli class=\"a-spacing-mini\"\u003e\u003cspan class=\"a-list-item\"\u003e\u003cstrong\u003eRecomendada por dermatólogos \u003c\/strong\u003e– Probada y recomendada profesionalmente por su seguridad y eficacia. Nuestra fórmula suave pero potente es adecuada para todo tipo de piel, garantizando un cuidado de calidad profesional en casa.\u003cbr\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/b4b0e754-db49-43ee-b1e8-f209bb79a766.__CR0_0_2928_1200_PT0_SX1464_V1.webp?v=1787220126\" alt=\"\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/4a274ca3-e27b-4f6c-892d-1f6160f49bda.__CR0_0_2928_1200_PT0_SX1464_V1.webp?v=1787220126\" alt=\"\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/8662fa18-c27e-477c-ac55-d0cd0728e052.__CR0_0_2928_1200_PT0_SX1464_V1.webp?v=1787220126\" alt=\"\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/d3a8d277-f0e9-42ff-bf76-f33be3508cbe.__CR0_0_2928_1200_PT0_SX1464_V1.webp?v=1787220126\" alt=\"\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/ad33f715-1b42-4248-b0c1-3966a811e04d.__CR0_0_2928_1200_PT0_SX1464_V1.webp?v=1787220126\" alt=\"\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/290b6f20-bb3c-4d6c-8dd3-484e6865dc5c.__CR0_0_2928_1200_PT0_SX1464_V1.webp?v=1787220126\" alt=\"\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/06a0f0fc-c0c1-459e-b92d-c50bb0c65506.__CR0_0_2928_1200_PT0_SX1464_V1.webp?v=1787220126\" alt=\"\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/2388be30-2816-4110-a2e6-b904f96a371f.__CR0_0_2928_1200_PT0_SX1464_V1.webp?v=1787220126\" alt=\"\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/d4e31140-9964-4f39-baf7-c9a9fb818337.__CR0_0_2928_1200_PT0_SX1464_V1.webp?v=1787220126\" alt=\"\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/f762221d-7514-430a-8b0d-2c36c7104da1.__CR0_0_2928_1200_PT0_SX1464_V1.webp?v=1787220126\" alt=\"\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/212a6f44-3ec6-47a8-8438-0fc9eedfc5e1.__CR0_0_2928_1200_PT0_SX1464_V1.webp?v=1787220126\" alt=\"\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/40c3f649-ffaa-45ce-912d-26d05e5a326e.__CR0_0_2928_1200_PT0_SX1464_V1.webp?v=1787220126\" alt=\"\"\u003e\u003cbr\u003e\u003cbr\u003e\u003c\/span\u003e\u003c\/li\u003e\n\n\n\u003c\/ul\u003e","brand":"Abera","offers":[{"title":"Set 1 Caja","offer_id":54201287672176,"sku":null,"price":29.0,"currency_code":"USD","in_stock":true},{"title":"Juego de 2 cajas","offer_id":54201287704944,"sku":null,"price":49.0,"currency_code":"USD","in_stock":true},{"title":"Establecer 3 cajas","offer_id":54201287737712,"sku":null,"price":69.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/71NZAgxxcdL._SL1500.webp?v=1787220126"}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/collections\/hinh_1.webp?v=1759909343","url":"https:\/\/www.abera.us\/es\/collections\/facial-care.oembed","provider":"ABERA","version":"1.0","type":"link"}