{"product_id":"abera-instant-hair-dye-shampoo-10-packs","title":"Champú Tinte Instantáneo ABERA - 10 Paquetes, Cubre las Canas en 15 Minutos, para Hombres y Mujeres","description":"\u003c!-- =========================================================\nABERA HAIR DYE — HERO + QUICK BENEFITS\nUPDATED BENEFIT CONTENT\n========================================================= --\u003e\n\u003cstyle\u003e\n\n\/* =========================================================\nROOT\n========================================================= *\/\n\n#abera-hero-v4,\n#abera-hero-v4 * {\n box-sizing: border-box;\n}\n\n#abera-hero-v4 {\n --black: #0f0f0f;\n --gold: #b07d2f;\n --gold-light: #e7cf9e;\n --ivory: #f7f3ec;\n --text: #171717;\n --muted: #5f5952;\n\n width: 100%;\n margin: 0;\n padding: 0;\n\n overflow: hidden;\n\n background: var(--ivory);\n\n font-family:\n \"Inter\",\n Arial,\n sans-serif;\n\n color: var(--text);\n}\n\n\n\/* =========================================================\nHERO\n========================================================= *\/\n\n#abera-hero-v4 .ahv4-main {\n width: 100%;\n\n padding:\n clamp(55px, 6vw, 92px)\n 0\n clamp(62px, 6vw, 98px);\n\n background:\n radial-gradient(\n circle at 78% 8%,\n rgba(223, 194, 138, .20),\n transparent 32%\n ),\n var(--ivory);\n}\n\n\n\/* =========================================================\nCONTAINER\n========================================================= *\/\n\n#abera-hero-v4 .ahv4-container {\n width: 100%;\n max-width: 1500px;\n\n margin: 0 auto;\n\n padding-left:\n clamp(36px, 7vw, 112px);\n\n padding-right:\n clamp(36px, 7vw, 112px);\n}\n\n\n\/* =========================================================\nGRID\n========================================================= *\/\n\n#abera-hero-v4 .ahv4-grid {\n display: grid;\n\n grid-template-columns:\n minmax(0, 1.08fr)\n minmax(430px, .92fr);\n\n gap:\n clamp(60px, 7vw, 115px);\n\n align-items: center;\n}\n\n\n\/* =========================================================\nLEFT\n========================================================= *\/\n\n#abera-hero-v4 .ahv4-copy {\n min-width: 0;\n}\n\n\n\/* =========================================================\nEYEBROW\n========================================================= *\/\n\n#abera-hero-v4 .ahv4-eyebrow {\n display: inline-flex;\n\n align-items: center;\n justify-content: center;\n\n margin:\n 0\n 0\n 32px;\n\n padding:\n 10px\n 18px;\n\n border:\n 1px solid\n rgba(176, 125, 47, .38);\n\n border-radius: 999px;\n\n background:\n rgba(255, 255, 255, .55);\n\n color: #8c6429;\n\n font-size: 14px;\n line-height: 1;\n\n font-weight: 600;\n\n letter-spacing: 1.5px;\n\n text-transform: uppercase;\n}\n\n\n\/* =========================================================\nTITLE\n========================================================= *\/\n\n#abera-hero-v4 .ahv4-title {\n max-width: 760px;\n\n margin:\n 0\n 0\n 30px;\n\n color: var(--black);\n\n font-size:\n clamp(30px, 4vw, 50px);\n\n line-height: 0.99;\n\n font-weight: 600;\n\n letter-spacing: 0px;\n\n text-transform: uppercase;\n}\n\n\n#abera-hero-v4 .ahv4-title span {\n display: block;\n\n margin-top: 8px;\n\n color: var(--gold);\n}\n\n\n\/* =========================================================\nDESCRIPTION\n========================================================= *\/\n\n#abera-hero-v4 .ahv4-description {\n max-width: 740px;\n\n margin:\n 0\n 0\n 31px;\n\n color: var(--muted);\n\n font-size: 18px;\n line-height: 1.7;\n\n font-weight: 400;\n}\n\n\n#abera-hero-v4 .ahv4-description strong {\n color: var(--black);\n\n font-weight: 600;\n}\n\n\n\/* =========================================================\nUSP GRID\n========================================================= *\/\n\n#abera-hero-v4 .ahv4-usps {\n display: grid;\n\n grid-template-columns:\n repeat(2, minmax(0, 1fr));\n\n gap:\n 20px\n 38px;\n\n max-width: 760px;\n}\n\n\n#abera-hero-v4 .ahv4-usp {\n min-width: 0;\n\n display: flex;\n\n align-items: flex-start;\n\n gap: 12px;\n\n color: #27231f;\n\n font-size: 17px;\n line-height: 1.5;\n\n font-weight: 400;\n}\n\n\n#abera-hero-v4 .ahv4-check {\n width: 26px;\n height: 26px;\n\n flex:\n 0 0\n 26px;\n\n display: inline-flex;\n\n align-items: center;\n justify-content: center;\n\n margin-top: 1px;\n\n border-radius: 50%;\n\n background: var(--black);\n\n color: var(--gold-light);\n\n font-size: 13px;\n line-height: 1;\n\n font-weight: 600;\n}\n\n\n\/* =========================================================\nIMAGE\n========================================================= *\/\n\n#abera-hero-v4 .ahv4-media {\n position: relative;\n\n width: 100%;\n\n aspect-ratio: 1 \/ 1;\n\n display: flex;\n\n align-items: center;\n justify-content: center;\n\n overflow: visible;\n\n background: transparent;\n}\n\n\n#abera-hero-v4 .ahv4-media img {\n width: 100%;\n height: 100%;\n\n display: block;\n\n object-fit: cover;\n object-position: center;\n\n border: 10;\n border-radius: 10;\n\n background: transparent;\n\n box-shadow: none;\n}\n\n\n\/* =========================================================\n15 MIN BADGE\n========================================================= *\/\n\n#abera-hero-v4 .ahv4-badge {\n position: absolute;\n\n z-index: 5;\n\n top: 22px;\n right: 22px;\n\n width: 132px;\n height: 132px;\n\n display: flex;\n\n flex-direction: column;\n\n align-items: center;\n justify-content: center;\n\n border:\n 1px solid\n var(--gold);\n\n border-radius: 50%;\n\n background:\n rgba(15, 15, 15, .97);\n\n text-align: center;\n}\n\n\n#abera-hero-v4 .ahv4-badge strong {\n display: block;\n\n color: var(--gold-light);\n\n font-size: 30px;\n line-height: 1;\n\n font-weight: 500;\n}\n\n\n#abera-hero-v4 .ahv4-badge span {\n display: block;\n\n margin-top: 9px;\n\n color: #ffffff;\n\n font-size: 10px;\n line-height: 1.25;\n\n font-weight: 400;\n\n text-transform: uppercase;\n}\n\n\n\/* =========================================================\nQUICK BENEFIT BAR\n========================================================= *\/\n\n#abera-hero-v4 .ahv4-benefits {\n width: 100%;\n\n background: var(--black);\n}\n\n\n#abera-hero-v4 .ahv4-benefits-grid {\n width: 100%;\n\n display: grid;\n\n grid-template-columns:\n repeat(4, minmax(0, 1fr));\n}\n\n\n\/* BENEFIT ITEM *\/\n\n#abera-hero-v4 .ahv4-benefit {\n min-width: 0;\n\n display: flex;\n\n flex-direction: column;\n\n align-items: center;\n justify-content: center;\n\n padding:\n 28px\n 18px;\n\n border-right:\n 1px solid\n rgba(255, 255, 255, .12);\n\n text-align: center;\n}\n\n\n#abera-hero-v4\n.ahv4-benefit:last-child {\n border-right: 0;\n}\n\n\n\/* SMALL LINE *\/\n\n#abera-hero-v4 .ahv4-benefit span {\n display: block;\n\n margin-bottom: 5px;\n\n color: #d2cec8;\n\n font-size: 15px;\n line-height: 1.35;\n\n font-weight: 400;\n}\n\n\n\/* STRONG LINE *\/\n\n#abera-hero-v4 .ahv4-benefit strong {\n display: block;\n\n margin: 0;\n\n color: var(--gold-light);\n\n font-size: 20px;\n line-height: 1.3;\n\n font-weight: 600;\n\n text-transform: none;\n}\n\n\n\/* =========================================================\nTABLET\n========================================================= *\/\n\n@media\n(min-width: 768px)\nand\n(max-width: 1199px) {\n\n #abera-hero-v4 .ahv4-main {\n padding:\n 45px\n 0\n 55px;\n }\n\n\n #abera-hero-v4 .ahv4-container {\n padding-left: 34px;\n padding-right: 34px;\n }\n\n\n #abera-hero-v4 .ahv4-grid {\n grid-template-columns:\n minmax(0, 1fr)\n minmax(340px, .9fr);\n\n gap: 38px;\n }\n\n\n #abera-hero-v4 .ahv4-title {\n font-size:\n clamp(30px, 4vw, 50px);\n\n letter-spacing: -2px;\n }\n\n\n #abera-hero-v4 .ahv4-description {\n font-size: 16px;\n }\n\n\n #abera-hero-v4 .ahv4-usps {\n grid-template-columns: 1fr;\n\n gap: 13px;\n }\n\n\n #abera-hero-v4 .ahv4-usp {\n font-size: 15px;\n }\n\n\n #abera-hero-v4 .ahv4-badge {\n width: 100px;\n height: 100px;\n\n top: 14px;\n right: 14px;\n }\n\n\n #abera-hero-v4 .ahv4-badge strong {\n font-size: 23px;\n }\n\n\n #abera-hero-v4 .ahv4-badge span {\n font-size: 8px;\n }\n\n\n #abera-hero-v4 .ahv4-benefit strong {\n font-size: 17px;\n }\n\n\n #abera-hero-v4 .ahv4-benefit span {\n font-size: 13px;\n }\n\n}\n\n\n\/* =========================================================\nMOBILE\n========================================================= *\/\n\n@media (max-width: 767px) {\n\n #abera-hero-v4 .ahv4-main {\n padding:\n 16px\n 0\n 34px;\n }\n\n\n #abera-hero-v4 .ahv4-container {\n padding-left: 16px;\n padding-right: 16px;\n }\n\n\n \/* IMAGE FIRST *\/\n\n #abera-hero-v4 .ahv4-grid {\n display: flex;\n\n flex-direction: column;\n\n gap: 27px;\n }\n\n\n #abera-hero-v4 .ahv4-media {\n order: 1;\n }\n\n\n #abera-hero-v4 .ahv4-copy {\n order: 2;\n\n width: 100%;\n }\n\n\n \/* EYEBROW *\/\n\n #abera-hero-v4 .ahv4-eyebrow {\n margin-bottom: 18px;\n\n padding:\n 8px\n 12px;\n\n font-size: 10px;\n\n letter-spacing: 1px;\n }\n\n\n \/* TITLE *\/\n\n #abera-hero-v4 .ahv4-title {\n width: 100%;\n\n margin-bottom: 20px;\n\n font-size:\n clamp(40px, 3vw, 40px);\n\n line-height: 1.02;\n\n letter-spacing: -1.6px;\n\n white-space: normal;\n\n word-break: normal;\n }\n\n\n #abera-hero-v4 .ahv4-title span {\n margin-top: 5px;\n }\n\n\n \/* DESCRIPTION *\/\n\n #abera-hero-v4 .ahv4-description {\n width: 100%;\n\n margin-bottom: 23px;\n\n font-size: 16px;\n line-height: 1.62;\n\n word-break: normal;\n\n overflow-wrap: break-word;\n\n hyphens: none;\n\n -webkit-hyphens: none;\n }\n\n\n \/* USP *\/\n\n #abera-hero-v4 .ahv4-usps {\n width: 100%;\n\n grid-template-columns: 1fr;\n\n gap: 13px;\n }\n\n\n #abera-hero-v4 .ahv4-usp {\n width: 100%;\n\n gap: 10px;\n\n font-size: 15px;\n line-height: 1.5;\n\n word-break: normal;\n\n overflow-wrap: break-word;\n }\n\n\n #abera-hero-v4 .ahv4-check {\n width: 22px;\n height: 22px;\n\n flex:\n 0 0\n 22px;\n\n font-size: 11px;\n }\n\n\n \/* IMAGE *\/\n\n #abera-hero-v4 .ahv4-media {\n width: 100%;\n\n aspect-ratio: 1 \/ 1;\n }\n\n\n #abera-hero-v4 .ahv4-media img {\n width: 100%;\n height: 100%;\n\n object-fit: cover;\n }\n\n\n \/* BADGE *\/\n\n #abera-hero-v4 .ahv4-badge {\n width: 86px;\n height: 86px;\n\n top: 10px;\n right: 10px;\n }\n\n\n #abera-hero-v4 .ahv4-badge strong {\n font-size: 20px;\n }\n\n\n #abera-hero-v4 .ahv4-badge span {\n margin-top: 5px;\n\n font-size: 7px;\n }\n\n\n \/* =====================================================\n QUICK BENEFITS — 2 × 2\n ===================================================== *\/\n\n #abera-hero-v4 .ahv4-benefits-grid {\n grid-template-columns:\n repeat(2, minmax(0, 1fr));\n }\n\n\n #abera-hero-v4 .ahv4-benefit {\n min-height: 110px;\n\n padding:\n 18px\n 10px;\n }\n\n\n #abera-hero-v4\n .ahv4-benefit:nth-child(2n) {\n\n border-right: 0;\n\n }\n\n\n #abera-hero-v4\n .ahv4-benefit:nth-child(-n+2) {\n\n border-bottom:\n 1px solid\n rgba(255,255,255,.12);\n\n }\n\n\n #abera-hero-v4 .ahv4-benefit span {\n margin-bottom: 5px;\n\n font-size: 12px;\n line-height: 1.35;\n }\n\n\n #abera-hero-v4 .ahv4-benefit strong {\n font-size: 15px;\n line-height: 1.35;\n\n word-break: normal;\n\n overflow-wrap: normal;\n\n hyphens: none;\n }\n\n}\n\n\u003c\/style\u003e\n\u003csection id=\"abera-hero-v4\"\u003e\u003c!-- =========================================================\nHERO\n========================================================= --\u003e\n\u003cdiv class=\"ahv4-main\"\u003e\n\u003cdiv class=\"ahv4-container\"\u003e\n\u003cdiv class=\"ahv4-grid\"\u003e\u003c!-- LEFT --\u003e\n\u003cdiv class=\"ahv4-copy\"\u003e\n\u003cdiv class=\"ahv4-eyebrow\"\u003eCHAMPÚ TINTE INSTANTÁNEO ABERA\u003c\/div\u003e\n\u003ch1 class=\"ahv4-title\"\u003e¿CANAS? \u003cspan\u003e SOLO 15 MINUTOS. \u003c\/span\u003e\u003c\/h1\u003e\n\u003cp class=\"ahv4-description\"\u003e\u003cstrong\u003e Cubre las canas visibles en casa \u003c\/strong\u003e — sin cita en el salón ni mezclas complicadas de tinte. ABERA combina color, limpieza y acondicionamiento en una sencilla rutina tipo champú.\u003c\/p\u003e\n\u003cdiv class=\"ahv4-usps\"\u003e\n\u003cdiv class=\"ahv4-usp\"\u003e\u003cspan class=\"ahv4-check\"\u003e ✓ \u003c\/span\u003e \u003cspan\u003e Cobertura visible de canas en aproximadamente 15 minutos \u003c\/span\u003e\u003c\/div\u003e\n\u003cdiv class=\"ahv4-usp\"\u003e\u003cspan class=\"ahv4-check\"\u003e ✓ \u003c\/span\u003e \u003cspan\u003e 10 prácticos sobres individuales \u003c\/span\u003e\u003c\/div\u003e\n\u003cdiv class=\"ahv4-usp\"\u003e\u003cspan class=\"ahv4-check\"\u003e ✓ \u003c\/span\u003e \u003cspan\u003e 3 en 1: Color + Limpieza + Acondicionamiento \u003c\/span\u003e\u003c\/div\u003e\n\u003cdiv class=\"ahv4-usp\"\u003e\u003cspan class=\"ahv4-check\"\u003e ✓ \u003c\/span\u003e \u003cspan\u003e Fórmula sin amoníaco \u003c\/span\u003e\u003c\/div\u003e\n\u003cdiv class=\"ahv4-usp\"\u003e\u003cspan class=\"ahv4-check\"\u003e ✓ \u003c\/span\u003e \u003cspan\u003e Para hombres y mujeres \u003c\/span\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- RIGHT IMAGE --\u003e\n\u003cdiv class=\"ahv4-media\"\u003e\u003cimg alt=\"Champú Tinte Instantáneo ABERA\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/ChatGPT_45.webp?v=1787211684\"\u003e\n\u003cdiv class=\"ahv4-badge\"\u003e\u003cstrong\u003e 15 MIN \u003c\/strong\u003e \u003cspan\u003e COBERTURA RÁPIDA\u003cbr\u003eDE CANAS \u003c\/span\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- =========================================================\nUPDATED QUICK BENEFIT BAR\n========================================================= --\u003e\n\u003cdiv class=\"ahv4-benefits\"\u003e\n\u003cdiv class=\"ahv4-benefits-grid\"\u003e\u003c!-- 01 --\u003e\n\u003cdiv class=\"ahv4-benefit\"\u003e\u003cspan\u003e Cubre las canas \u003c\/span\u003e \u003cstrong\u003e en solo 10 minutos \u003c\/strong\u003e\u003c\/div\u003e\n\u003c!-- 02 --\u003e\n\u003cdiv class=\"ahv4-benefit\"\u003e\u003cspan\u003e Protege el cabello con \u003c\/span\u003e \u003cstrong\u003e fórmula sin amoníaco \u003c\/strong\u003e\u003c\/div\u003e\n\u003c!-- 03 --\u003e\n\u003cdiv class=\"ahv4-benefit\"\u003e\u003cspan\u003e Tan fácil como \u003c\/span\u003e \u003cstrong\u003e un champú normal \u003c\/strong\u003e\u003c\/div\u003e\n\u003c!-- 04 --\u003e\n\u003cdiv class=\"ahv4-benefit\"\u003e\u003cspan\u003e Apto para \u003c\/span\u003e \u003cstrong\u003e TODO tipo de cabello \u003c\/strong\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- =========================================================\nABERA HAIR DYE — HOW IT WORKS\nBEIGE CONTINUOUS BACKGROUND\nDESKTOP: VIDEO LEFT + 3 STEPS RIGHT\nMOBILE: VIDEO TOP + STEPS BELOW\n========================================================= --\u003e\n\u003cstyle\u003e\n\n\/* =========================================================\nGLOBAL LANDING PAGE BACKGROUND FIX\nREMOVE WHITE GAPS BETWEEN SHOPIFY SECTIONS\n========================================================= *\/\n\n\/*\nMàu nền chung của toàn bộ phần MainContent.\nGiúp tránh lộ nền trắng của Shopify giữa các section.\n*\/\n\n#MainContent {\n background: #f7f3ec !important;\n}\n\n\n\/*\nNếu các section ABERA nằm trong nhiều Custom Liquid khác nhau,\nép wrapper Shopify về cùng nền be và bỏ margin\/padding ngoài.\n*\/\n\n#MainContent .shopify-section:has([id^=\"abera-\"]) {\n margin-top: 0 !important;\n margin-bottom: 0 !important;\n\n padding-top: 0 !important;\n padding-bottom: 0 !important;\n\n background: #f7f3ec !important;\n}\n\n\n\/*\nKhông để khoảng trắng phát sinh giữa 2 ABERA section kế tiếp.\n*\/\n\n#MainContent\n.shopify-section:has([id^=\"abera-\"])\n+\n.shopify-section:has([id^=\"abera-\"]) {\n margin-top: 0 !important;\n padding-top: 0 !important;\n}\n\n\n\/* =========================================================\nROOT\n========================================================= *\/\n\n#abera-how-v4,\n#abera-how-v4 * {\n box-sizing: border-box;\n}\n\n\n#abera-how-v4 {\n --black: #0f0f0f;\n\n --gold: #b07d2f;\n --gold-light: #e7cf9e;\n\n --ivory: #f7f3ec;\n\n --white: #ffffff;\n\n --text: #171717;\n --muted: #69635c;\n\n --line: #ddd2c1;\n\n\n width: 100%;\n\n margin: 0 !important;\n padding: 0 !important;\n\n overflow: hidden;\n\n background: var(--ivory);\n\n color: var(--text);\n\n font-family:\n \"Inter\",\n Arial,\n sans-serif;\n}\n\n\n\/* =========================================================\nSECTION INNER\n========================================================= *\/\n\n#abera-how-v4 .ahw4-main {\n width: 100%;\n\n margin: 0;\n\n padding:\n clamp(48px, 5vw, 76px)\n 0\n clamp(54px, 5vw, 80px);\n\n background: var(--ivory);\n}\n\n\n\/* =========================================================\nCONTAINER\n========================================================= *\/\n\n#abera-how-v4 .ahw4-container {\n width: 100%;\n\n max-width: 1500px;\n\n margin: 0 auto;\n\n padding-left:\n clamp(36px, 7vw, 112px);\n\n padding-right:\n clamp(36px, 7vw, 112px);\n}\n\n\n\/* =========================================================\nHEADER\n========================================================= *\/\n\n#abera-how-v4 .ahw4-header {\n width: 100%;\n\n max-width: 1100px;\n\n margin:\n 0\n auto\n clamp(42px, 5vw, 65px);\n\n text-align: center;\n}\n\n\n\/* EYEBROW *\/\n\n#abera-how-v4 .ahw4-eyebrow {\n margin:\n 0\n 0\n 13px;\n\n padding: 0;\n\n color: var(--gold);\n\n font-size: 15px;\n line-height: 1.3;\n\n font-weight: 600;\n\n letter-spacing: 1.5px;\n\n text-transform: uppercase;\n}\n\n\n\/* TITLE *\/\n\n#abera-how-v4 .ahw4-title {\n width: 100%;\n\n margin: 0;\n\n padding: 0;\n\n color: var(--black);\n\n font-size:\n clamp(30px, 4vw, 40px);\n\n line-height: 1.12;\n\n font-weight: 600;\n\n letter-spacing: 0;\n\n text-align: center;\n\n text-wrap: balance;\n}\n\n\n\/* =========================================================\nCONTENT GRID\n========================================================= *\/\n\n#abera-how-v4 .ahw4-grid {\n width: 100%;\n\n display: grid;\n\n grid-template-columns:\n minmax(0, 1fr)\n minmax(0, 1fr);\n\n gap:\n clamp(55px, 7vw, 92px);\n\n align-items: center;\n}\n\n\n\/* =========================================================\nVIDEO\n========================================================= *\/\n\n#abera-how-v4 .ahw4-video {\n position: relative;\n\n width: 100%;\n\n aspect-ratio: 1 \/ 1;\n\n overflow: hidden;\n\n border-radius: 14px;\n\n background: #111111;\n\n box-shadow:\n 0 4px 14px\n rgba(0,0,0,.045);\n}\n\n\n#abera-how-v4 .ahw4-video video {\n position: absolute;\n\n inset: 0;\n\n width: 100% !important;\n height: 100% !important;\n\n display: block;\n\n margin: 0;\n padding: 0;\n\n border: 0;\n\n background: #111111;\n\n object-fit: cover;\n object-position: center;\n}\n\n\n\/* =========================================================\nSTEPS\n========================================================= *\/\n\n#abera-how-v4 .ahw4-steps {\n width: 100%;\n\n display: grid;\n\n gap: 18px;\n}\n\n\n\/* =========================================================\nSTEP CARD\n========================================================= *\/\n\n#abera-how-v4 .ahw4-step {\n width: 100%;\n\n min-width: 0;\n\n display: grid;\n\n grid-template-columns:\n 66px\n minmax(0, 1fr);\n\n gap: 20px;\n\n align-items: center;\n\n padding:\n 25px\n 28px;\n\n border:\n 1px solid\n var(--line);\n\n border-radius: 13px;\n\n background:\n rgba(255,255,255,.80);\n}\n\n\n\/* =========================================================\nNUMBER\n========================================================= *\/\n\n#abera-how-v4 .ahw4-number {\n width: 66px;\n height: 66px;\n\n display: flex;\n\n align-items: center;\n justify-content: center;\n\n border-radius: 50%;\n\n background: var(--black);\n\n color: var(--gold);\n\n font-size: 17px;\n line-height: 1;\n\n font-weight: 500;\n}\n\n\n\/* =========================================================\nSTEP COPY\n========================================================= *\/\n\n#abera-how-v4 .ahw4-step-copy {\n min-width: 0;\n}\n\n\n#abera-how-v4 .ahw4-step-title {\n margin:\n 0\n 0\n 6px;\n\n padding: 0;\n\n color: var(--black);\n\n font-size: 18px;\n line-height: 1.25;\n\n font-weight: 600;\n\n text-transform: uppercase;\n}\n\n\n#abera-how-v4 .ahw4-step-text {\n width: 100%;\n\n margin: 0;\n padding: 0;\n\n color: var(--muted);\n\n font-size: 16px;\n line-height: 1.6;\n\n font-weight: 400;\n\n word-break: normal;\n\n overflow-wrap: break-word;\n\n hyphens: none;\n\n -webkit-hyphens: none;\n}\n\n\n\/* =========================================================\nTABLET\n========================================================= *\/\n\n@media\n(min-width: 768px)\nand\n(max-width: 1199px) {\n\n #abera-how-v4 .ahw4-main {\n padding:\n 44px\n 0\n 55px;\n }\n\n\n #abera-how-v4 .ahw4-container {\n padding-left: 34px;\n padding-right: 34px;\n }\n\n\n #abera-how-v4 .ahw4-header {\n margin-bottom: 38px;\n }\n\n\n #abera-how-v4 .ahw4-title {\n font-size:\n clamp(30px, 4vw, 42px);\n }\n\n\n #abera-how-v4 .ahw4-grid {\n gap: 34px;\n }\n\n\n #abera-how-v4 .ahw4-step {\n grid-template-columns:\n 54px\n minmax(0, 1fr);\n\n gap: 15px;\n\n padding:\n 18px\n 19px;\n }\n\n\n #abera-how-v4 .ahw4-number {\n width: 54px;\n height: 54px;\n\n font-size: 15px;\n }\n\n\n #abera-how-v4 .ahw4-step-title {\n font-size: 16px;\n }\n\n\n #abera-how-v4 .ahw4-step-text {\n font-size: 14px;\n line-height: 1.55;\n }\n\n}\n\n\n\/* =========================================================\nMOBILE\n========================================================= *\/\n\n@media (max-width: 767px) {\n\n #abera-how-v4 {\n margin: 0 !important;\n padding: 0 !important;\n\n background: var(--ivory);\n }\n\n\n #abera-how-v4 .ahw4-main {\n margin: 0;\n\n padding:\n 34px\n 0\n 40px;\n\n background: var(--ivory);\n }\n\n\n #abera-how-v4 .ahw4-container {\n padding-left: 16px;\n padding-right: 16px;\n }\n\n\n \/* HEADER *\/\n\n #abera-how-v4 .ahw4-header {\n margin-bottom: 26px;\n }\n\n\n #abera-how-v4 .ahw4-eyebrow {\n margin-bottom: 9px;\n\n font-size: 12px;\n\n letter-spacing: 1.3px;\n }\n\n\n #abera-how-v4 .ahw4-title {\n font-size:\n clamp(25px, 4vw, 31px);\n\n line-height: 1.3;\n\n letter-spacing: 0;\n\n word-break: normal;\n\n overflow-wrap: normal;\n\n hyphens: none;\n }\n\n\n \/* =====================================================\n VIDEO FIRST\n ===================================================== *\/\n\n #abera-how-v4 .ahw4-grid {\n display: flex;\n\n flex-direction: column;\n\n gap: 22px;\n }\n\n\n #abera-how-v4 .ahw4-video {\n order: 1;\n\n width: 100%;\n\n aspect-ratio: 1 \/ 1;\n\n border-radius: 11px;\n }\n\n\n #abera-how-v4 .ahw4-steps {\n order: 2;\n\n width: 100%;\n\n gap: 12px;\n }\n\n\n \/* =====================================================\n MOBILE STEP\n ===================================================== *\/\n\n #abera-how-v4 .ahw4-step {\n width: 100%;\n\n grid-template-columns:\n 48px\n minmax(0, 1fr);\n\n gap: 13px;\n\n padding:\n 16px\n 15px;\n\n border-radius: 10px;\n }\n\n\n #abera-how-v4 .ahw4-number {\n width: 48px;\n height: 48px;\n\n font-size: 13px;\n }\n\n\n #abera-how-v4 .ahw4-step-title {\n margin-bottom: 4px;\n\n font-size: 16px;\n line-height: 1.3;\n }\n\n\n #abera-how-v4 .ahw4-step-text {\n font-size: 14px;\n line-height: 1.5;\n\n word-break: normal !important;\n\n overflow-wrap: break-word !important;\n\n hyphens: none !important;\n\n -webkit-hyphens: none !important;\n }\n\n}\n\n\u003c\/style\u003e\n\u003csection id=\"abera-how-v4\"\u003e\u003c!-- =========================================================\nHOW IT WORKS CONTENT\n========================================================= --\u003e\n\u003cdiv class=\"ahw4-main\"\u003e\n\u003cdiv class=\"ahw4-container\"\u003e\u003c!-- HEADER --\u003e\n\u003cdiv class=\"ahw4-header\"\u003e\n\u003cp class=\"ahw4-eyebrow\"\u003eCÓMO FUNCIONA\u003c\/p\u003e\n\u003ch2 class=\"ahw4-title\"\u003eCOBERTURA DE CANAS EN 3 SENCILLOS PASOS.\u003c\/h2\u003e\n\u003c\/div\u003e\n\u003c!-- CONTENT --\u003e\n\u003cdiv class=\"ahw4-grid\"\u003e\u003c!-- ===================================================\n VIDEO\n ==================================================== --\u003e\n\u003cdiv class=\"ahw4-video\"\u003e\u003cvideo preload=\"metadata\" playsinline=\"\" controls=\"controls\" poster=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/ChatGPT_60.webp?v=1787234601\" src=\"https:\/\/cdn.shopify.com\/videos\/c\/o\/v\/7ee1dbdd3dc2403fabf9d73023990903.mp4\"\u003e\u003c\/video\u003e\u003c\/div\u003e\n\u003c!-- ===================================================\n STEPS\n ==================================================== --\u003e\n\u003cdiv class=\"ahw4-steps\"\u003e\u003c!-- 01 --\u003e\n\u003cdiv class=\"ahw4-step\"\u003e\n\u003cdiv class=\"ahw4-number\"\u003e01\u003c\/div\u003e\n\u003cdiv class=\"ahw4-step-copy\"\u003e\n\u003ch3 class=\"ahw4-step-title\"\u003eVIERTE\u003c\/h3\u003e\n\u003cp class=\"ahw4-step-text\"\u003ePonte los guantes incluidos. Vierte la cantidad de champú en la palma de la mano.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 02 --\u003e\n\u003cdiv class=\"ahw4-step\"\u003e\n\u003cdiv class=\"ahw4-number\"\u003e02\u003c\/div\u003e\n\u003cdiv class=\"ahw4-step-copy\"\u003e\n\u003ch3 class=\"ahw4-step-title\"\u003eAPLICA\u003c\/h3\u003e\n\u003cp class=\"ahw4-step-text\"\u003eAplica uniformemente sobre el cabello seco, masajeando desde la raíz hasta las puntas. Déjalo actuar de 15 a 20 minutos para que el color se desarrolle por completo.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 03 --\u003e\n\u003cdiv class=\"ahw4-step\"\u003e\n\u003cdiv class=\"ahw4-number\"\u003e03\u003c\/div\u003e\n\u003cdiv class=\"ahw4-step-copy\"\u003e\n\u003ch3 class=\"ahw4-step-title\"\u003eENJUAGA\u003c\/h3\u003e\n\u003cp class=\"ahw4-step-text\"\u003eEnjuaga bien con agua hasta que salga clara, luego seca con una toalla y disfruta de tu nuevo color vibrante.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- =========================================================\nABERA HAIR DYE — BEFORE \/ AFTER RESULTS\nCONTINUOUS BEIGE BACKGROUND\nDESKTOP: 5 CARDS \/ ROW\nMOBILE: 1 CARD + NEXT PREVIEW\n========================================================= --\u003e\n\u003cstyle\u003e\n\n\/* =========================================================\nGLOBAL PAGE BACKGROUND\nREMOVE WHITE GAPS BETWEEN SHOPIFY CUSTOM LIQUID SECTIONS\n========================================================= *\/\n\n#MainContent {\n background: #f7f3ec !important;\n}\n\n\n\/* ABERA SHOPIFY WRAPPERS *\/\n\n#MainContent .shopify-section:has([id^=\"abera-\"]) {\n margin-top: 0 !important;\n margin-bottom: 0 !important;\n\n padding-top: 0 !important;\n padding-bottom: 0 !important;\n\n background: #f7f3ec !important;\n}\n\n\n\/* REMOVE GAP BETWEEN ADJACENT ABERA SECTIONS *\/\n\n#MainContent\n.shopify-section:has([id^=\"abera-\"])\n+\n.shopify-section:has([id^=\"abera-\"]) {\n\n margin-top: 0 !important;\n padding-top: 0 !important;\n\n}\n\n\n\/* =========================================================\nROOT\n========================================================= *\/\n\n#abera-results-v4,\n#abera-results-v4 * {\n box-sizing: border-box;\n}\n\n\n#abera-results-v4 {\n --black: #0f0f0f;\n\n --gold: #b07d2f;\n --gold-main: #c89c46;\n --gold-light: #ead5aa;\n\n --ivory: #f7f3ec;\n\n --white: #ffffff;\n\n --text: #171717;\n --muted: #615b54;\n\n --line: #ddd3c4;\n\n --green: #557963;\n\n\n width: 100%;\n\n margin: 0 !important;\n padding: 0 !important;\n\n overflow: hidden;\n\n background: var(--ivory);\n\n color: var(--text);\n\n font-family:\n \"Inter\",\n Arial,\n sans-serif;\n}\n\n\n\/* =========================================================\nSECTION INNER\n========================================================= *\/\n\n#abera-results-v4 .abr4-main {\n width: 100%;\n\n margin: 0;\n\n padding:\n clamp(48px, 5vw, 76px)\n 0\n clamp(56px, 5vw, 82px);\n\n background: var(--ivory);\n}\n\n\n\/* =========================================================\nCONTAINER\n========================================================= *\/\n\n#abera-results-v4 .abr4-container {\n width: 100%;\n\n max-width: 1500px;\n\n margin: 0 auto;\n\n padding-left:\n clamp(36px, 7vw, 112px);\n\n padding-right:\n clamp(36px, 7vw, 112px);\n}\n\n\n\/* =========================================================\nHEADER\n========================================================= *\/\n\n#abera-results-v4 .abr4-header {\n width: 100%;\n\n max-width: 1150px;\n\n margin:\n 0\n auto\n clamp(38px, 4vw, 52px);\n\n text-align: center;\n}\n\n\n\/* EYEBROW *\/\n\n#abera-results-v4 .abr4-eyebrow {\n margin:\n 0\n 0\n 12px;\n\n color: var(--gold);\n\n font-size: 13px;\n line-height: 1.3;\n\n font-weight: 600;\n\n letter-spacing: 1.4px;\n\n text-transform: uppercase;\n}\n\n\n\/* MAIN TITLE *\/\n\n#abera-results-v4 .abr4-title {\n width: 100%;\n\n margin:\n 0\n auto\n 12px;\n\n color: var(--black);\n\n font-size:\n clamp(30px, 4vw, 40px);\n\n line-height: 1.15;\n\n font-weight: 600;\n\n letter-spacing: 0;\n\n text-align: center;\n\n text-wrap: balance;\n}\n\n\n\/* SUBTITLE *\/\n\n#abera-results-v4 .abr4-subtitle {\n margin: 0;\n\n color: #777168;\n\n font-size: 14px;\n line-height: 1.55;\n\n font-weight: 400;\n\n text-align: center;\n}\n\n\n\/* =========================================================\nRESULT GROUP\n========================================================= *\/\n\n#abera-results-v4 .abr4-group {\n width: 100%;\n}\n\n\n#abera-results-v4\n.abr4-group\n+\n.abr4-group {\n\n margin-top:\n clamp(46px, 5vw, 66px);\n\n}\n\n\n\/* =========================================================\nGROUP HEADER\n========================================================= *\/\n\n#abera-results-v4 .abr4-group-header {\n width: 100%;\n\n display: flex;\n\n align-items: center;\n\n margin-bottom: 22px;\n}\n\n\n\/* BLACK LABEL *\/\n\n#abera-results-v4 .abr4-group-label {\n flex: 0 0 auto;\n\n min-width: 220px;\n\n display: inline-flex;\n\n align-items: center;\n justify-content: center;\n\n padding:\n 11px\n 24px;\n\n border:\n 1px solid\n var(--gold-main);\n\n border-radius: 5px;\n\n background: var(--black);\n\n color: var(--gold-light);\n\n font-size: 24px;\n line-height: 1.2;\n\n font-weight: 700;\n\n letter-spacing: .4px;\n\n text-align: center;\n\n text-transform: uppercase;\n}\n\n\n\/* GOLD LINE *\/\n\n#abera-results-v4 .abr4-group-line {\n flex: 1;\n\n height: 1px;\n\n margin-left: 16px;\n\n background:\n linear-gradient(\n to right,\n var(--gold-main),\n rgba(200,156,70,.07)\n );\n}\n\n\n\/* =========================================================\nTRACK\n========================================================= *\/\n\n#abera-results-v4 .abr4-track {\n width: 100%;\n\n display: flex;\n\n gap: 16px;\n\n padding:\n 1px\n 1px\n 8px;\n\n scroll-snap-type: x mandatory;\n\n scroll-behavior: smooth;\n\n scrollbar-width: none;\n\n -webkit-overflow-scrolling: touch;\n}\n\n\n#abera-results-v4\n.abr4-track::-webkit-scrollbar {\n\n display: none;\n\n}\n\n\n\/* =========================================================\nCARD\n========================================================= *\/\n\n#abera-results-v4 .abr4-card {\n min-width: 0;\n\n overflow: hidden;\n\n border:\n 1px solid\n var(--line);\n\n border-radius: 10px;\n\n background: var(--white);\n\n box-shadow:\n 0 3px 10px\n rgba(0,0,0,.035);\n\n scroll-snap-align: start;\n}\n\n\n\/* =========================================================\nIMAGE\n========================================================= *\/\n\n#abera-results-v4 .abr4-image {\n position: relative;\n\n width: 100%;\n\n aspect-ratio: 1 \/ 1;\n\n overflow: hidden;\n\n background: #ddd7cd;\n}\n\n\n#abera-results-v4 .abr4-image img {\n width: 100%;\n height: 100%;\n\n display: block;\n\n object-fit: cover;\n object-position: center;\n}\n\n\n\/* =========================================================\nBEFORE \/ AFTER TAGS\n========================================================= *\/\n\n#abera-results-v4 .abr4-tag {\n position: absolute;\n\n bottom: 8px;\n\n z-index: 3;\n\n padding:\n 5px\n 9px;\n\n border-radius: 999px;\n\n font-size: 8px;\n line-height: 1;\n\n font-weight: 600;\n\n letter-spacing: .6px;\n\n text-transform: uppercase;\n}\n\n\n#abera-results-v4 .abr4-before {\n left: 8px;\n\n background:\n rgba(15,15,15,.95);\n\n color: #ffffff;\n}\n\n\n#abera-results-v4 .abr4-after {\n right: 8px;\n\n background: var(--gold-main);\n\n color: var(--black);\n}\n\n\n\/* =========================================================\nCARD BODY\n========================================================= *\/\n\n#abera-results-v4 .abr4-body {\n padding:\n 15px\n 15px\n 17px;\n}\n\n\n\/* STARS *\/\n\n#abera-results-v4 .abr4-stars {\n margin:\n 0\n 0\n 10px;\n\n color: #c79637;\n\n font-size: 15px;\n line-height: 1;\n\n letter-spacing: 1px;\n\n white-space: nowrap;\n}\n\n\n\/* REVIEW *\/\n\n#abera-results-v4 .abr4-review {\n min-height: 92px;\n\n margin:\n 0\n 0\n 14px;\n\n color: #55504a;\n\n font-size: 12px;\n line-height: 1.55;\n\n font-weight: 400;\n\n word-break: normal;\n\n overflow-wrap: break-word;\n\n hyphens: none;\n\n -webkit-hyphens: none;\n}\n\n\n\/* =========================================================\nCUSTOMER\n========================================================= *\/\n\n#abera-results-v4 .abr4-customer strong {\n display: block;\n\n margin-bottom: 2px;\n\n color: var(--black);\n\n font-size: 12px;\n line-height: 1.35;\n\n font-weight: 500;\n}\n\n\n#abera-results-v4 .abr4-location {\n display: block;\n\n color: #8a847c;\n\n font-size: 10px;\n line-height: 1.4;\n}\n\n\n\/* VERIFIED *\/\n\n#abera-results-v4 .abr4-verified {\n display: inline-flex;\n\n align-items: center;\n\n gap: 5px;\n\n margin-top: 8px;\n\n color: var(--green);\n\n font-size: 9px;\n line-height: 1.2;\n\n font-weight: 500;\n\n white-space: nowrap;\n}\n\n\n#abera-results-v4 .abr4-verified-icon {\n width: 14px;\n height: 14px;\n\n flex:\n 0 0\n 14px;\n\n display: inline-flex;\n\n align-items: center;\n justify-content: center;\n\n border-radius: 50%;\n\n background: var(--green);\n\n color: #ffffff;\n\n font-size: 8px;\n}\n\n\n\/* =========================================================\nSWIPE TEXT\n========================================================= *\/\n\n#abera-results-v4 .abr4-swipe {\n display: none;\n}\n\n\n\/* =========================================================\nDESKTOP — EXACTLY 5 CARDS\n========================================================= *\/\n\n@media (min-width: 1200px) {\n\n #abera-results-v4 .abr4-track {\n overflow: visible;\n\n scroll-snap-type: none;\n }\n\n\n #abera-results-v4 .abr4-card {\n flex:\n 0\n 0\n calc((100% - 64px) \/ 5);\n }\n\n}\n\n\n\/* =========================================================\nTABLET\n========================================================= *\/\n\n@media\n(min-width: 768px)\nand\n(max-width: 1199px) {\n\n #abera-results-v4 .abr4-main {\n padding:\n 44px\n 0\n 58px;\n }\n\n\n #abera-results-v4 .abr4-container {\n padding-left: 34px;\n padding-right: 34px;\n }\n\n\n #abera-results-v4 .abr4-header {\n margin-bottom: 34px;\n }\n\n\n #abera-results-v4 .abr4-title {\n font-size:\n clamp(29px, 4vw, 38px);\n }\n\n\n #abera-results-v4 .abr4-track {\n overflow-x: auto;\n overflow-y: hidden;\n\n overscroll-behavior-x: contain;\n }\n\n\n #abera-results-v4 .abr4-card {\n flex:\n 0\n 0\n 42%;\n }\n\n\n #abera-results-v4 .abr4-swipe {\n display: flex;\n\n justify-content: flex-end;\n\n gap: 5px;\n\n margin-top: 5px;\n\n color: #918a80;\n\n font-size: 11px;\n }\n\n\n #abera-results-v4 .abr4-swipe strong {\n color: var(--gold);\n\n font-size: 15px;\n }\n\n}\n\n\n\/* =========================================================\nMOBILE\n========================================================= *\/\n\n@media (max-width: 767px) {\n\n #abera-results-v4 {\n margin: 0 !important;\n padding: 0 !important;\n\n background: var(--ivory);\n }\n\n\n #abera-results-v4 .abr4-main {\n margin: 0;\n\n padding:\n 34px\n 0\n 42px;\n\n background: var(--ivory);\n }\n\n\n #abera-results-v4 .abr4-container {\n width: 100%;\n\n padding-left: 16px;\n padding-right: 16px;\n }\n\n\n \/* =====================================================\n HEADER\n ===================================================== *\/\n\n #abera-results-v4 .abr4-header {\n margin-bottom: 29px;\n }\n\n\n #abera-results-v4 .abr4-eyebrow {\n margin-bottom: 9px;\n\n font-size: 11px;\n\n letter-spacing: 1.2px;\n }\n\n\n #abera-results-v4 .abr4-title {\n width: 100%;\n\n margin-bottom: 10px;\n\n font-size:\n clamp(20px, 4vw, 29px);\n\n line-height: 1.4;\n\n letter-spacing: 0;\n\n word-break: normal;\n\n overflow-wrap: normal;\n\n hyphens: none;\n\n -webkit-hyphens: none;\n }\n\n\n #abera-results-v4 .abr4-subtitle {\n font-size: 14px;\n line-height: 1.5;\n }\n\n\n \/* =====================================================\n GROUP\n ===================================================== *\/\n\n #abera-results-v4\n .abr4-group\n +\n .abr4-group {\n\n margin-top: 42px;\n\n }\n\n\n #abera-results-v4 .abr4-group-header {\n margin-bottom: 16px;\n }\n\n\n #abera-results-v4 .abr4-group-label {\n min-width: 0;\n\n padding:\n 9px\n 15px;\n\n font-size: 12px;\n\n border-radius: 5px;\n }\n\n\n #abera-results-v4 .abr4-group-line {\n margin-left: 10px;\n }\n\n\n \/* =====================================================\n MOBILE CAROUSEL\n 1 FULL CARD + NEXT CARD PREVIEW\n ===================================================== *\/\n\n #abera-results-v4 .abr4-track {\n width: 100%;\n\n gap: 12px;\n\n overflow-x: auto;\n overflow-y: hidden;\n\n padding-bottom: 5px;\n\n scroll-snap-type: x mandatory;\n\n overscroll-behavior-x: contain;\n\n -webkit-overflow-scrolling: touch;\n }\n\n\n #abera-results-v4 .abr4-card {\n flex:\n 0\n 0\n 78%;\n\n min-width: 78%;\n\n scroll-snap-align: start;\n }\n\n\n \/* =====================================================\n MOBILE CARD\n ===================================================== *\/\n\n #abera-results-v4 .abr4-body {\n padding:\n 15px\n 15px\n 17px;\n }\n\n\n #abera-results-v4 .abr4-stars {\n font-size: 16px;\n }\n\n\n #abera-results-v4 .abr4-review {\n min-height: 0;\n\n margin-bottom: 15px;\n\n font-size: 14px;\n line-height: 1.55;\n\n word-break: normal !important;\n\n overflow-wrap: break-word !important;\n\n hyphens: none !important;\n\n -webkit-hyphens: none !important;\n }\n\n\n #abera-results-v4 .abr4-customer strong {\n font-size: 13px;\n }\n\n\n #abera-results-v4 .abr4-location {\n font-size: 11px;\n }\n\n\n #abera-results-v4 .abr4-verified {\n font-size: 10px;\n }\n\n\n #abera-results-v4 .abr4-tag {\n bottom: 8px;\n\n padding:\n 5px\n 8px;\n\n font-size: 8px;\n }\n\n\n \/* SWIPE *\/\n\n #abera-results-v4 .abr4-swipe {\n display: flex;\n\n align-items: center;\n justify-content: flex-end;\n\n gap: 5px;\n\n margin-top: 6px;\n\n color: #918a80;\n\n font-size: 10px;\n }\n\n\n #abera-results-v4 .abr4-swipe strong {\n color: var(--gold);\n\n font-size: 14px;\n }\n\n}\n\n\u003c\/style\u003e\n\u003csection id=\"abera-results-v4\"\u003e\u003c!-- =========================================================\nRESULTS CONTENT\n========================================================= --\u003e\n\u003cdiv class=\"abr4-main\"\u003e\n\u003cdiv class=\"abr4-container\"\u003e\u003c!-- =====================================================\n HEADER\n ====================================================== --\u003e\n\u003cdiv class=\"abr4-header\"\u003e\n\u003cp class=\"abr4-eyebrow\"\u003eLA DIFERENCIA EN 15 MINUTOS\u003c\/p\u003e\n\u003ch2 class=\"abr4-title\"\u003eDE CANAS VISIBLES A UN COLOR DE ASPECTO NATURAL\u003c\/h2\u003e\n\u003cp class=\"abr4-subtitle\"\u003eAplica. Masajea. Espera 15 minutos. Enjuaga.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- =====================================================\n MEN'S RESULTS\n ====================================================== --\u003e\n\u003cdiv class=\"abr4-group\"\u003e\n\u003cdiv class=\"abr4-group-header\"\u003e\n\u003cdiv class=\"abr4-group-label\"\u003eRESULTADOS EN HOMBRES\u003c\/div\u003e\n\u003cdiv class=\"abr4-group-line\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"abr4-track\"\u003e\u003c!-- MEN 01 --\u003e\n\u003carticle class=\"abr4-card\"\u003e\n\u003cdiv class=\"abr4-image\"\u003e\u003cimg alt=\"Resultado de canas en hombre con ABERA\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/ChatGPT_14.webp?v=1787212244\"\u003e \u003cspan class=\"abr4-tag abr4-before\"\u003e ANTES \u003c\/span\u003e \u003cspan class=\"abr4-tag abr4-after\"\u003e DESPUÉS \u003c\/span\u003e\u003c\/div\u003e\n\u003cdiv class=\"abr4-body\"\u003e\n\u003cdiv class=\"abr4-stars\"\u003e★★★★★\u003c\/div\u003e\n\u003cp class=\"abr4-review\"\u003e“Lo que más me gusta son los sobres individuales. Puedo llevar uno conmigo en lugar de cargar con un kit de tinte completo.”\u003c\/p\u003e\n\u003cdiv class=\"abr4-customer\"\u003e\u003cstrong\u003e David B. \u003c\/strong\u003e \u003cspan class=\"abr4-location\"\u003e California, EE. UU. \u003c\/span\u003e\u003c\/div\u003e\n\u003cdiv class=\"abr4-verified\"\u003e\u003cspan class=\"abr4-verified-icon\"\u003e ✓ \u003c\/span\u003e Cliente verificado\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/article\u003e\n\u003c!-- MEN 02 --\u003e\n\u003carticle class=\"abr4-card\"\u003e\n\u003cdiv class=\"abr4-image\"\u003e\u003cimg alt=\"Resultado de canas en hombre con ABERA\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/ChatGPT_17.webp?v=1787212244\"\u003e \u003cspan class=\"abr4-tag abr4-before\"\u003e ANTES \u003c\/span\u003e \u003cspan class=\"abr4-tag abr4-after\"\u003e DESPUÉS \u003c\/span\u003e\u003c\/div\u003e\n\u003cdiv class=\"abr4-body\"\u003e\n\u003cdiv class=\"abr4-stars\"\u003e★★★★★\u003c\/div\u003e\n\u003cp class=\"abr4-review\"\u003e“Lo uso principalmente alrededor de las sienes cuando empiezan a aparecer las canas. La rutina es rápida y sencilla.”\u003c\/p\u003e\n\u003cdiv class=\"abr4-customer\"\u003e\u003cstrong\u003e Michael R. \u003c\/strong\u003e \u003cspan class=\"abr4-location\"\u003e Texas, EE. UU. \u003c\/span\u003e\u003c\/div\u003e\n\u003cdiv class=\"abr4-verified\"\u003e\u003cspan class=\"abr4-verified-icon\"\u003e ✓ \u003c\/span\u003e Cliente verificado\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/article\u003e\n\u003c!-- MEN 03 --\u003e\n\u003carticle class=\"abr4-card\"\u003e\n\u003cdiv class=\"abr4-image\"\u003e\u003cimg alt=\"Resultado de canas en hombre con ABERA\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/ChatGPT_16.webp?v=1787212244\"\u003e \u003cspan class=\"abr4-tag abr4-before\"\u003e ANTES \u003c\/span\u003e \u003cspan class=\"abr4-tag abr4-after\"\u003e DESPUÉS \u003c\/span\u003e\u003c\/div\u003e\n\u003cdiv class=\"abr4-body\"\u003e\n\u003cdiv class=\"abr4-stars\"\u003e★★★★★\u003c\/div\u003e\n\u003cp class=\"abr4-review\"\u003e“No quería algo que se sintiera como un proceso completo de coloración. Esto se adapta mucho mejor a mi rutina.”\u003c\/p\u003e\n\u003cdiv class=\"abr4-customer\"\u003e\u003cstrong\u003e James K. \u003c\/strong\u003e \u003cspan class=\"abr4-location\"\u003e Florida, EE. UU. \u003c\/span\u003e\u003c\/div\u003e\n\u003cdiv class=\"abr4-verified\"\u003e\u003cspan class=\"abr4-verified-icon\"\u003e ✓ \u003c\/span\u003e Cliente verificado\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/article\u003e\n\u003c!-- MEN 04 --\u003e\n\u003carticle class=\"abr4-card\"\u003e\n\u003cdiv class=\"abr4-image\"\u003e\u003cimg alt=\"Resultado de canas en hombre con ABERA\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/ChatGPT_15.webp?v=1787212243\"\u003e \u003cspan class=\"abr4-tag abr4-before\"\u003e ANTES \u003c\/span\u003e \u003cspan class=\"abr4-tag abr4-after\"\u003e DESPUÉS \u003c\/span\u003e\u003c\/div\u003e\n\u003cdiv class=\"abr4-body\"\u003e\n\u003cdiv class=\"abr4-stars\"\u003e★★★★★\u003c\/div\u003e\n\u003cp class=\"abr4-review\"\u003e“Mucho más sencillo que los kits de tinte tradicionales que he usado antes.”\u003c\/p\u003e\n\u003cdiv class=\"abr4-customer\"\u003e\u003cstrong\u003e Robert T. \u003c\/strong\u003e \u003cspan class=\"abr4-location\"\u003e Arizona, EE. UU. \u003c\/span\u003e\u003c\/div\u003e\n\u003cdiv class=\"abr4-verified\"\u003e\u003cspan class=\"abr4-verified-icon\"\u003e ✓ \u003c\/span\u003e Cliente verificado\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/article\u003e\n\u003c!-- MEN 05 --\u003e\n\u003carticle class=\"abr4-card\"\u003e\n\u003cdiv class=\"abr4-image\"\u003e\u003cimg alt=\"Resultado de canas en hombre con ABERA\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/ChatGPT_19.webp?v=1787212244\"\u003e \u003cspan class=\"abr4-tag abr4-before\"\u003e ANTES \u003c\/span\u003e \u003cspan class=\"abr4-tag abr4-after\"\u003e DESPUÉS \u003c\/span\u003e\u003c\/div\u003e\n\u003cdiv class=\"abr4-body\"\u003e\n\u003cdiv class=\"abr4-stars\"\u003e★★★★★\u003c\/div\u003e\n\u003cp class=\"abr4-review\"\u003e“Quería algo más fácil para retoques rápidos. Esto es mucho más práctico para mi rutina.”\u003c\/p\u003e\n\u003cdiv class=\"abr4-customer\"\u003e\u003cstrong\u003e Daniel S. \u003c\/strong\u003e \u003cspan class=\"abr4-location\"\u003e Nueva York, EE. UU. \u003c\/span\u003e\u003c\/div\u003e\n\u003cdiv class=\"abr4-verified\"\u003e\u003cspan class=\"abr4-verified-icon\"\u003e ✓ \u003c\/span\u003e Cliente verificado\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/article\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"abr4-swipe\"\u003eDesliza para ver más \u003cstrong\u003e→\u003c\/strong\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- =====================================================\n WOMEN'S RESULTS\n ====================================================== --\u003e\n\u003cdiv class=\"abr4-group\"\u003e\n\u003cdiv class=\"abr4-group-header\"\u003e\n\u003cdiv class=\"abr4-group-label\"\u003eRESULTADOS EN MUJERES\u003c\/div\u003e\n\u003cdiv class=\"abr4-group-line\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"abr4-track\"\u003e\u003c!-- WOMEN 01 --\u003e\n\u003carticle class=\"abr4-card\"\u003e\n\u003cdiv class=\"abr4-image\"\u003e\u003cimg alt=\"Resultado de canas en mujer con ABERA\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/ChatGPT_6.webp?v=1787212243\"\u003e \u003cspan class=\"abr4-tag abr4-before\"\u003e ANTES \u003c\/span\u003e \u003cspan class=\"abr4-tag abr4-after\"\u003e DESPUÉS \u003c\/span\u003e\u003c\/div\u003e\n\u003cdiv class=\"abr4-body\"\u003e\n\u003cdiv class=\"abr4-stars\"\u003e★★★★★\u003c\/div\u003e\n\u003cp class=\"abr4-review\"\u003e“El tinte tradicional siempre me parecía demasiado trabajo. Esto fue mucho más fácil de usar en casa.”\u003c\/p\u003e\n\u003cdiv class=\"abr4-customer\"\u003e\u003cstrong\u003e Linda M. \u003c\/strong\u003e \u003cspan class=\"abr4-location\"\u003e Nueva York, EE. UU. \u003c\/span\u003e\u003c\/div\u003e\n\u003cdiv class=\"abr4-verified\"\u003e\u003cspan class=\"abr4-verified-icon\"\u003e ✓ \u003c\/span\u003e Cliente verificado\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/article\u003e\n\u003c!-- WOMEN 02 --\u003e\n\u003carticle class=\"abr4-card\"\u003e\n\u003cdiv class=\"abr4-image\"\u003e\u003cimg alt=\"Resultado de canas en mujer con ABERA\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/ChatGPT_7.webp?v=1787212244\"\u003e \u003cspan class=\"abr4-tag abr4-before\"\u003e ANTES \u003c\/span\u003e \u003cspan class=\"abr4-tag abr4-after\"\u003e DESPUÉS \u003c\/span\u003e\u003c\/div\u003e\n\u003cdiv class=\"abr4-body\"\u003e\n\u003cdiv class=\"abr4-stars\"\u003e★★★★★\u003c\/div\u003e\n\u003cp class=\"abr4-review\"\u003e“Me gusta poder concentrarme en las zonas donde aparecen primero mis canas.”\u003c\/p\u003e\n\u003cdiv class=\"abr4-customer\"\u003e\u003cstrong\u003e Sarah T. \u003c\/strong\u003e \u003cspan class=\"abr4-location\"\u003e Washington, EE. UU. \u003c\/span\u003e\u003c\/div\u003e\n\u003cdiv class=\"abr4-verified\"\u003e\u003cspan class=\"abr4-verified-icon\"\u003e ✓ \u003c\/span\u003e Cliente verificado\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/article\u003e\n\u003c!-- WOMEN 03 --\u003e\n\u003carticle class=\"abr4-card\"\u003e\n\u003cdiv class=\"abr4-image\"\u003e\u003cimg alt=\"Resultado de canas en mujer con ABERA\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/ChatGPT_8.webp?v=1787212244\"\u003e \u003cspan class=\"abr4-tag abr4-before\"\u003e ANTES \u003c\/span\u003e \u003cspan class=\"abr4-tag abr4-after\"\u003e DESPUÉS \u003c\/span\u003e\u003c\/div\u003e\n\u003cdiv class=\"abr4-body\"\u003e\n\u003cdiv class=\"abr4-stars\"\u003e★★★★★\u003c\/div\u003e\n\u003cp class=\"abr4-review\"\u003e“Los sobres individuales hacen que sea fácil tener listo mi próximo retoque.”\u003c\/p\u003e\n\u003cdiv class=\"abr4-customer\"\u003e\u003cstrong\u003e Emily C. \u003c\/strong\u003e \u003cspan class=\"abr4-location\"\u003e Nevada, EE. UU. \u003c\/span\u003e\u003c\/div\u003e\n\u003cdiv class=\"abr4-verified\"\u003e\u003cspan class=\"abr4-verified-icon\"\u003e ✓ \u003c\/span\u003e Cliente verificado\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/article\u003e\n\u003c!-- WOMEN 04 --\u003e\n\u003carticle class=\"abr4-card\"\u003e\n\u003cdiv class=\"abr4-image\"\u003e\u003cimg alt=\"Resultado de canas en mujer con ABERA\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/ChatGPT_13.webp?v=1787212244\"\u003e \u003cspan class=\"abr4-tag abr4-before\"\u003e ANTES \u003c\/span\u003e \u003cspan class=\"abr4-tag abr4-after\"\u003e DESPUÉS \u003c\/span\u003e\u003c\/div\u003e\n\u003cdiv class=\"abr4-body\"\u003e\n\u003cdiv class=\"abr4-stars\"\u003e★★★★★\u003c\/div\u003e\n\u003cp class=\"abr4-review\"\u003e“Lo uso principalmente cuando empiezan a notarse mis raíces. Se adapta mucho mejor a mi rutina que mi antiguo kit de coloración.”\u003c\/p\u003e\n\u003cdiv class=\"abr4-customer\"\u003e\u003cstrong\u003e Karen L. \u003c\/strong\u003e \u003cspan class=\"abr4-location\"\u003e Oregón, EE. UU. \u003c\/span\u003e\u003c\/div\u003e\n\u003cdiv class=\"abr4-verified\"\u003e\u003cspan class=\"abr4-verified-icon\"\u003e ✓ \u003c\/span\u003e Cliente verificado\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/article\u003e\n\u003c!-- WOMEN 05 --\u003e\n\u003carticle class=\"abr4-card\"\u003e\n\u003cdiv class=\"abr4-image\"\u003e\u003cimg alt=\"Resultado de canas en mujer con ABERA\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/ChatGPT_10.webp?v=1787212244\"\u003e \u003cspan class=\"abr4-tag abr4-before\"\u003e ANTES \u003c\/span\u003e \u003cspan class=\"abr4-tag abr4-after\"\u003e DESPUÉS \u003c\/span\u003e\u003c\/div\u003e\n\u003cdiv class=\"abr4-body\"\u003e\n\u003cdiv class=\"abr4-stars\"\u003e★★★★★\u003c\/div\u003e\n\u003cp class=\"abr4-review\"\u003e“Quería una opción más sencilla entre visitas al salón. Los sobres son muy prácticos para tenerlos en casa.”\u003c\/p\u003e\n\u003cdiv class=\"abr4-customer\"\u003e\u003cstrong\u003e Susan P. \u003c\/strong\u003e \u003cspan class=\"abr4-location\"\u003e California, EE. UU. \u003c\/span\u003e\u003c\/div\u003e\n\u003cdiv class=\"abr4-verified\"\u003e\u003cspan class=\"abr4-verified-icon\"\u003e ✓ \u003c\/span\u003e Cliente verificado\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/article\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"abr4-swipe\"\u003eDesliza para ver más \u003cstrong\u003e→\u003c\/strong\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- =========================================================\nABERA HAIR DYE — BOTANICAL INGREDIENTS\nCONTINUOUS BEIGE BACKGROUND\nDESKTOP: 5 CARDS\nTABLET: 3 CARDS\nMOBILE: HORIZONTAL SWIPE\n========================================================= --\u003e\n\u003cstyle\u003e\n\n\/* =========================================================\nGLOBAL PAGE BACKGROUND\nREMOVE WHITE GAPS BETWEEN SHOPIFY SECTIONS\n========================================================= *\/\n\n#MainContent {\n background: #f7f3ec !important;\n}\n\n\n\/* REMOVE SHOPIFY SECTION OUTER SPACING *\/\n\n#MainContent .shopify-section:has([id^=\"abera-\"]) {\n margin-top: 0 !important;\n margin-bottom: 0 !important;\n\n padding-top: 0 !important;\n padding-bottom: 0 !important;\n\n background: #f7f3ec !important;\n}\n\n\n\/* REMOVE GAP BETWEEN ADJACENT ABERA SECTIONS *\/\n\n#MainContent\n.shopify-section:has([id^=\"abera-\"])\n+\n.shopify-section:has([id^=\"abera-\"]) {\n margin-top: 0 !important;\n padding-top: 0 !important;\n}\n\n\n\/* =========================================================\nROOT\n========================================================= *\/\n\n#abera-ingredients-v4,\n#abera-ingredients-v4 * {\n box-sizing: border-box;\n}\n\n\n#abera-ingredients-v4 {\n --black: #0f0f0f;\n\n --gold: #b07d2f;\n --gold-main: #c89c46;\n\n --ivory: #f7f3ec;\n\n --white: #ffffff;\n\n --text: #171717;\n --muted: #686159;\n\n --line: #ddd3c4;\n\n\n width: 100%;\n\n margin: 0 !important;\n padding: 0 !important;\n\n overflow: hidden;\n\n background: var(--ivory);\n\n color: var(--text);\n\n font-family:\n \"Inter\",\n Arial,\n sans-serif;\n}\n\n\n\/* =========================================================\nSECTION INNER\n========================================================= *\/\n\n#abera-ingredients-v4 .aig4-main {\n width: 100%;\n\n margin: 0;\n\n padding:\n clamp(48px, 5vw, 76px)\n 0\n clamp(54px, 5vw, 80px);\n\n background: var(--ivory);\n}\n\n\n\/* =========================================================\nCONTAINER\n========================================================= *\/\n\n#abera-ingredients-v4 .aig4-container {\n width: 100%;\n\n max-width: 100%;\n\n margin: 0 auto;\n\n padding-left:\n clamp(36px, 7vw, 112px);\n\n padding-right:\n clamp(36px, 7vw, 112px);\n}\n\n\n\/* =========================================================\nHEADER\n========================================================= *\/\n\n#abera-ingredients-v4 .aig4-header {\n width: 100%;\n\n max-width: 100%;\n\n margin:\n 0\n auto\n clamp(32px, 4vw, 46px);\n\n text-align: center;\n}\n\n\n\/* EYEBROW *\/\n\n#abera-ingredients-v4 .aig4-eyebrow {\n margin:\n 0\n 0\n 12px;\n\n padding: 0;\n\n color: var(--gold);\n\n font-size: 13px;\n line-height: 1.3;\n\n font-weight: 600;\n\n letter-spacing: 1.4px;\n\n text-transform: uppercase;\n}\n\n\n\/* TITLE *\/\n\n#abera-ingredients-v4 .aig4-title {\n width: 100%;\n\n max-width: 100%;\n\n margin:\n 0\n auto\n 14px;\n\n padding: 0;\n\n color: var(--black);\n\n font-size:\n clamp(20px, 4vw, 30px);\n\n line-height: 1.15;\n\n font-weight: 600;\n\n letter-spacing: 0;\n\n text-align: center;\n\n text-wrap: balance;\n}\n\n\n\/* SUBTITLE *\/\n\n#abera-ingredients-v4 .aig4-subtitle {\n max-width: 850px;\n\n margin: 0 auto;\n\n padding: 0;\n\n color: var(--muted);\n\n font-size: 15px;\n line-height: 1.6;\n\n font-weight: 400;\n\n text-align: center;\n}\n\n\n\/* =========================================================\nCARD TRACK\n========================================================= *\/\n\n#abera-ingredients-v4 .aig4-track {\n width: 100%;\n\n display: grid;\n\n grid-template-columns:\n repeat(5, minmax(0, 1fr));\n\n gap: 16px;\n}\n\n\n\/* =========================================================\nCARD\n========================================================= *\/\n\n#abera-ingredients-v4 .aig4-card {\n min-width: 0;\n\n overflow: hidden;\n\n border:\n 1px solid\n var(--line);\n\n border-radius: 11px;\n\n background: var(--white);\n\n box-shadow:\n 0 3px 10px\n rgba(0,0,0,.025);\n}\n\n\n\/* =========================================================\nIMAGE\n========================================================= *\/\n\n#abera-ingredients-v4 .aig4-image {\n width: 100%;\n\n aspect-ratio: 1 \/ 1;\n\n overflow: hidden;\n\n background: #ece5d9;\n}\n\n\n#abera-ingredients-v4 .aig4-image img {\n width: 100%;\n height: 100%;\n\n display: block;\n\n object-fit: cover;\n object-position: center;\n\n margin: 0;\n\n border: 0;\n}\n\n\n\/* =========================================================\nCARD CONTENT\n========================================================= *\/\n\n#abera-ingredients-v4 .aig4-copy {\n padding:\n 17px\n 16px\n 20px;\n}\n\n\n\/* BENEFIT LABEL *\/\n\n#abera-ingredients-v4 .aig4-benefit {\n margin:\n 0\n 0\n 6px;\n\n color: var(--gold);\n\n font-size: 10px;\n line-height: 1.3;\n\n font-weight: 600;\n\n letter-spacing: .8px;\n\n text-transform: uppercase;\n}\n\n\n\/* INGREDIENT NAME *\/\n\n#abera-ingredients-v4 .aig4-name {\n margin:\n 0\n 0\n 7px;\n\n padding: 0;\n\n color: var(--black);\n\n font-size: 16px;\n line-height: 1.3;\n\n font-weight: 600;\n\n text-transform: uppercase;\n}\n\n\n\/* DESCRIPTION *\/\n\n#abera-ingredients-v4 .aig4-text {\n margin: 0;\n padding: 0;\n\n color: var(--muted);\n\n font-size: 13px;\n line-height: 1.55;\n\n font-weight: 400;\n\n word-break: normal;\n\n overflow-wrap: break-word;\n\n hyphens: none;\n\n -webkit-hyphens: none;\n}\n\n\n\/* =========================================================\nSWIPE MESSAGE\n========================================================= *\/\n\n#abera-ingredients-v4 .aig4-swipe {\n display: none;\n}\n\n\n\/* =========================================================\nDESKTOP HOVER\n========================================================= *\/\n\n@media (min-width: 1200px) {\n\n #abera-ingredients-v4 .aig4-card {\n transition:\n transform .25s ease,\n box-shadow .25s ease;\n }\n\n\n #abera-ingredients-v4 .aig4-card:hover {\n transform:\n translateY(-3px);\n\n box-shadow:\n 0 8px 22px\n rgba(0,0,0,.06);\n }\n\n}\n\n\n\/* =========================================================\nTABLET\n========================================================= *\/\n\n@media\n(min-width: 768px)\nand\n(max-width: 100%) {\n\n #abera-ingredients-v4 .aig4-main {\n padding:\n 44px\n 0\n 56px;\n }\n\n\n #abera-ingredients-v4 .aig4-container {\n padding-left: 20px;\n padding-right: 20px;\n }\n\n\n #abera-ingredients-v4 .aig4-header {\n margin-bottom: 34px;\n }\n\n\n #abera-ingredients-v4 .aig4-title {\n font-size:\n clamp(28px, 4vw, 38px);\n }\n\n\n #abera-ingredients-v4 .aig4-track {\n grid-template-columns:\n repeat(3, minmax(0, 1fr));\n\n gap: 14px;\n }\n\n}\n\n\n\/* =========================================================\nMOBILE\n========================================================= *\/\n\n@media (max-width: 767px) {\n\n #abera-ingredients-v4 {\n margin: 0 !important;\n padding: 0 !important;\n\n background: var(--ivory);\n }\n\n\n #abera-ingredients-v4 .aig4-main {\n margin: 0;\n\n padding:\n 34px\n 0\n 40px;\n\n background: var(--ivory);\n }\n\n\n #abera-ingredients-v4 .aig4-container {\n width: 100%;\n\n padding-left: 16px;\n padding-right: 16px;\n }\n\n\n \/* =====================================================\n HEADER\n ===================================================== *\/\n\n #abera-ingredients-v4 .aig4-header {\n margin-bottom: 25px;\n }\n\n\n #abera-ingredients-v4 .aig4-eyebrow {\n margin-bottom: 9px;\n\n font-size: 11px;\n\n letter-spacing: 1.2px;\n }\n\n\n #abera-ingredients-v4 .aig4-title {\n width: 100%;\n\n margin-bottom: 11px;\n\n font-size:\n clamp(20px, 4vw, 28px);\n\n line-height: 1.25;\n\n letter-spacing: 0;\n\n word-break: normal;\n\n overflow-wrap: normal;\n\n hyphens: none;\n\n -webkit-hyphens: none;\n }\n\n\n #abera-ingredients-v4 .aig4-subtitle {\n font-size: 14px;\n line-height: 1.55;\n\n word-break: normal;\n\n overflow-wrap: break-word;\n\n hyphens: none;\n }\n\n\n \/* =====================================================\n MOBILE CAROUSEL\n ===================================================== *\/\n\n #abera-ingredients-v4 .aig4-track {\n width: 100%;\n\n display: flex;\n\n gap: 12px;\n\n overflow-x: auto;\n overflow-y: hidden;\n\n padding:\n 0\n 0\n 5px;\n\n scroll-snap-type: x mandatory;\n\n scroll-behavior: smooth;\n\n overscroll-behavior-x: contain;\n\n scrollbar-width: none;\n\n -webkit-overflow-scrolling: touch;\n }\n\n\n #abera-ingredients-v4\n .aig4-track::-webkit-scrollbar {\n\n display: none;\n\n }\n\n\n \/* ONE LARGE CARD + NEXT PREVIEW *\/\n\n #abera-ingredients-v4 .aig4-card {\n flex:\n 0\n 0\n 76%;\n\n min-width: 76%;\n\n scroll-snap-align: start;\n }\n\n\n \/* =====================================================\n MOBILE COPY\n ===================================================== *\/\n\n #abera-ingredients-v4 .aig4-copy {\n padding:\n 16px\n 15px\n 18px;\n }\n\n\n #abera-ingredients-v4 .aig4-benefit {\n font-size: 10px;\n }\n\n\n #abera-ingredients-v4 .aig4-name {\n font-size: 17px;\n }\n\n\n #abera-ingredients-v4 .aig4-text {\n font-size: 14px;\n line-height: 1.55;\n\n word-break: normal !important;\n\n overflow-wrap: break-word !important;\n\n hyphens: none !important;\n\n -webkit-hyphens: none !important;\n }\n\n\n \/* SWIPE *\/\n\n #abera-ingredients-v4 .aig4-swipe {\n display: flex;\n\n align-items: center;\n justify-content: flex-end;\n\n gap: 5px;\n\n margin-top: 7px;\n\n color: #918a80;\n\n font-size: 10px;\n }\n\n\n #abera-ingredients-v4\n .aig4-swipe strong {\n\n color: var(--gold);\n\n font-size: 14px;\n\n }\n\n}\n\n\u003c\/style\u003e\n\u003csection id=\"abera-ingredients-v4\"\u003e\u003c!-- =========================================================\nINGREDIENT CONTENT\n========================================================= --\u003e\n\u003cdiv class=\"aig4-main\"\u003e\n\u003cdiv class=\"aig4-container\"\u003e\u003c!-- =====================================================\n HEADER\n ====================================================== --\u003e\n\u003cdiv class=\"aig4-header\"\u003e\n\u003cp class=\"aig4-eyebrow\"\u003eCOLOR + CUIDADO CAPILAR\u003c\/p\u003e\n\u003ch2 class=\"aig4-title\"\u003eCUBRE TUS CANAS CON\u003cbr\u003eCUIDADO CAPILAR BOTÁNICO INTEGRADO\u003c\/h2\u003e\n\u003cp class=\"aig4-subtitle\"\u003eABERA combina tecnología de coloración capilar con ingredientes botánicos de uso común en fórmulas para el cuidado del cabello.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- =====================================================\n CARDS\n ====================================================== --\u003e\n\u003cdiv class=\"aig4-track\"\u003e\u003c!-- =================================================\n 01 — ARGAN OIL\n ================================================== --\u003e\n\u003carticle class=\"aig4-card\"\u003e\n\u003cdiv class=\"aig4-image\"\u003e\u003cimg alt=\"Aceite de Argán\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/tinh-dau-duong-toc-argan-oil-1.webp?v=1787216556\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"aig4-copy\"\u003e\n\u003cdiv class=\"aig4-benefit\"\u003eSUAVIDAD + BRILLO\u003c\/div\u003e\n\u003ch3 class=\"aig4-name\"\u003eACEITE DE ARGÁN\u003c\/h3\u003e\n\u003cp class=\"aig4-text\"\u003eHidrata, suaviza y aporta brillo mientras ayuda a reducir la resequedad y el frizz.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/article\u003e\n\u003c!-- =================================================\n 02 — BLACK GINSENG\n ================================================== --\u003e\n\u003carticle class=\"aig4-card\"\u003e\n\u003cdiv class=\"aig4-image\"\u003e\u003cimg alt=\"Ginseng Negro\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/Ginseng_1st_Slide.webp?v=1787216601\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"aig4-copy\"\u003e\n\u003cdiv class=\"aig4-benefit\"\u003eCUIDADO DEL CABELLO + CUERO CABELLUDO\u003c\/div\u003e\n\u003ch3 class=\"aig4-name\"\u003eGINSENG NEGRO\u003c\/h3\u003e\n\u003cp class=\"aig4-text\"\u003eAyuda a nutrir el cuero cabelludo y a favorecer un cabello de aspecto más saludable y resistente.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/article\u003e\n\u003c!-- =================================================\n 03 — FO-TI\n ================================================== --\u003e\n\u003carticle class=\"aig4-card\"\u003e\n\u003cdiv class=\"aig4-image\"\u003e\u003cimg alt=\"Fo-Ti\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/642x361_Fo_Ti_The_Cure_to_Old_Age.webp?v=1787216556\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"aig4-copy\"\u003e\n\u003cdiv class=\"aig4-benefit\"\u003eCABELLO DE ASPECTO SALUDABLE\u003c\/div\u003e\n\u003ch3 class=\"aig4-name\"\u003eFO-TI\u003c\/h3\u003e\n\u003cp class=\"aig4-text\"\u003eTradicionalmente utilizado para favorecer un cabello de aspecto más fuerte y ayudar a mantener su vitalidad natural.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/article\u003e\n\u003c!-- =================================================\n 04 — RED REISHI\n ================================================== --\u003e\n\u003carticle class=\"aig4-card\"\u003e\n\u003cdiv class=\"aig4-image\"\u003e\u003cimg alt=\"Hongo Reishi Rojo\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/whiskeydarek_Close-up_of_reishi_mushrooms_growing_on_a_log_996344e7-3303-4ea1-9f54-8c1837c54a68.webp?v=1786674307\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"aig4-copy\"\u003e\n\u003cdiv class=\"aig4-benefit\"\u003eCUIDADO ACONDICIONADOR\u003c\/div\u003e\n\u003ch3 class=\"aig4-name\"\u003eREISHI ROJO\u003c\/h3\u003e\n\u003cp class=\"aig4-text\"\u003eAyuda a acondicionar el cuero cabelludo y a favorecer un cabello más suave y de aspecto saludable.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/article\u003e\n\u003c!-- =================================================\n 05 — PINK GRAPEFRUIT\n ================================================== --\u003e\n\u003carticle class=\"aig4-card\"\u003e\n\u003cdiv class=\"aig4-image\"\u003e\u003cimg alt=\"Toronja Rosa\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/1774218776327_photo-1774156733632-1774156734347965593145.webp?v=1788515551\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"aig4-copy\"\u003e\n\u003cdiv class=\"aig4-benefit\"\u003eCUIDADO DEL CUERO CABELLUDO + RAÍCES\u003c\/div\u003e\n\u003ch3 class=\"aig4-name\"\u003eTORONJA ROSA\u003c\/h3\u003e\n\u003cp class=\"aig4-text\"\u003eAyuda a refrescar y nutrir el cuero cabelludo mientras favorece un cabello de aspecto más saludable y con más volumen.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/article\u003e\n\u003c\/div\u003e\n\u003c!-- MOBILE SWIPE HINT --\u003e\n\u003cdiv class=\"aig4-swipe\"\u003eDesliza para ver más \u003cstrong\u003e→\u003c\/strong\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- =========================================================\nABERA — POST-COLOR HAIR CARE BUNDLE\nCONTINUOUS BEIGE BACKGROUND\nIMPROVED CARD TEXT READABILITY\n========================================================= --\u003e\n\u003cstyle\u003e\n\n\/* =========================================================\nGLOBAL PAGE BACKGROUND\nREMOVE WHITE GAPS BETWEEN SHOPIFY SECTIONS\n========================================================= *\/\n\n#MainContent {\n background: #f7f3ec !important;\n}\n\n\n\/* SHOPIFY CUSTOM LIQUID WRAPPER *\/\n\n#MainContent .shopify-section:has([id^=\"abera-\"]) {\n margin-top: 0 !important;\n margin-bottom: 0 !important;\n\n padding-top: 0 !important;\n padding-bottom: 0 !important;\n\n background: #f7f3ec !important;\n}\n\n\n\/* NO GAP BETWEEN ABERA SECTIONS *\/\n\n#MainContent\n.shopify-section:has([id^=\"abera-\"])\n+\n.shopify-section:has([id^=\"abera-\"]) {\n margin-top: 0 !important;\n padding-top: 0 !important;\n}\n\n\n\/* =========================================================\nROOT\n========================================================= *\/\n\n#abera-extra-haircare-v4,\n#abera-extra-haircare-v4 * {\n box-sizing: border-box;\n}\n\n\n#abera-extra-haircare-v4 {\n --black: #0f0f0f;\n\n --gold: #b07d2f;\n --gold-main: #c89c46;\n --gold-light: #ead5aa;\n\n --ivory: #f7f3ec;\n\n --white: #ffffff;\n\n --text: #171717;\n --muted: #625c54;\n\n --line: #d9cdbd;\n\n\n width: 100%;\n\n margin: 0 !important;\n padding: 0 !important;\n\n overflow: hidden;\n\n background: var(--ivory);\n\n color: var(--text);\n\n font-family:\n \"Inter\",\n Arial,\n sans-serif;\n}\n\n\n\/* =========================================================\nSECTION INNER\n========================================================= *\/\n\n#abera-extra-haircare-v4 .aeh4-main {\n width: 100%;\n\n margin: 0;\n\n padding:\n clamp(48px, 5vw, 76px)\n 0\n clamp(54px, 5vw, 80px);\n\n background: var(--ivory);\n}\n\n\n\/* =========================================================\nCONTAINER\n========================================================= *\/\n\n#abera-extra-haircare-v4 .aeh4-container {\n width: 100%;\n\n max-width: 1500px;\n\n margin: 0 auto;\n\n padding-left:\n clamp(36px, 7vw, 112px);\n\n padding-right:\n clamp(36px, 7vw, 112px);\n}\n\n\n\/* =========================================================\nMAIN GRID\n========================================================= *\/\n\n#abera-extra-haircare-v4 .aeh4-grid {\n width: 100%;\n\n display: grid;\n\n grid-template-columns:\n minmax(250px, .92fr)\n minmax(0, 2.08fr);\n\n gap:\n clamp(36px, 5vw, 72px);\n\n align-items: center;\n}\n\n\n\/* =========================================================\nLEFT INTRO\n========================================================= *\/\n\n#abera-extra-haircare-v4 .aeh4-intro {\n width: 100%;\n\n min-width: 0;\n}\n\n\n\/* EYEBROW *\/\n\n#abera-extra-haircare-v4 .aeh4-eyebrow {\n margin:\n 0\n 0\n 16px;\n\n color: var(--gold);\n\n font-size: 15px;\n line-height: 1.3;\n\n font-weight: 600;\n\n letter-spacing: 0;\n\n text-transform: none;\n}\n\n\n\/* TITLE *\/\n\n#abera-extra-haircare-v4 .aeh4-title {\n width: 100%;\n\n max-width: 430px;\n\n margin:\n 0\n 0\n 20px;\n\n color: var(--black);\n\n font-size:\n clamp(25px, 2.5vw, 34px);\n\n line-height: 1.12;\n\n font-weight: 600;\n\n letter-spacing: 0;\n\n text-transform: uppercase;\n\n text-wrap: balance;\n}\n\n\n\/* DESCRIPTION *\/\n\n#abera-extra-haircare-v4 .aeh4-description {\n max-width: 460px;\n\n margin: 0;\n\n color: var(--muted);\n\n font-size: 15px;\n line-height: 1.75;\n\n font-weight: 400;\n}\n\n\n#abera-extra-haircare-v4\n.aeh4-description strong {\n color: var(--black);\n\n font-weight: 600;\n}\n\n\n\/* =========================================================\nCARDS WRAPPER\n========================================================= *\/\n\n#abera-extra-haircare-v4 .aeh4-cards-wrap {\n width: 100%;\n\n min-width: 0;\n}\n\n\n\/* =========================================================\nCARDS\n========================================================= *\/\n\n#abera-extra-haircare-v4 .aeh4-cards {\n width: 100%;\n\n display: grid;\n\n grid-template-columns:\n repeat(4, minmax(0, 1fr));\n\n gap: 14px;\n}\n\n\n\/* =========================================================\nCARD\n========================================================= *\/\n\n#abera-extra-haircare-v4 .aeh4-card {\n position: relative;\n\n width: 100%;\n\n min-width: 0;\n min-height: 470px;\n\n overflow: hidden;\n\n border:\n 1px solid\n rgba(176,125,47,.30);\n\n border-radius: 13px;\n\n background: #ded6ca;\n\n box-shadow:\n 0 4px 14px\n rgba(0,0,0,.035);\n}\n\n\n\/* =========================================================\nBACKGROUND IMAGE\n========================================================= *\/\n\n#abera-extra-haircare-v4 .aeh4-image {\n position: absolute;\n\n inset: 0;\n\n z-index: 1;\n}\n\n\n#abera-extra-haircare-v4 .aeh4-image img {\n width: 100%;\n height: 100%;\n\n display: block;\n\n object-fit: cover;\n object-position: center;\n}\n\n\n\/* =========================================================\nIMAGE OVERLAY\nIMPORTANT: STRONGER FOR TEXT READABILITY\n========================================================= *\/\n\n#abera-extra-haircare-v4 .aeh4-overlay {\n position: \n inset: 0;\n\n z-index: 2;\n\n background:\n linear-gradient(\n to bottom,\n\n rgba(247,243,236,.96) 0%,\n\n rgba(247,243,236,.91) 22%,\n\n rgba(247,243,236,.76) 42%,\n\n rgba(247,243,236,.28) 68%,\n\n rgba(15,15,15,.14) 100%\n );\n}\n\n\n\/* =========================================================\nCARD CONTENT\n========================================================= *\/\n\n#abera-extra-haircare-v4 .aeh4-content {\n position: relative;\n\n z-index: 13;\n\n width: 100%;\n\n padding:\n 18px\n 15px;\n\n display: flex;\n\n flex-direction: column;\n\n align-items: flex-start;\n}\n\n\n\/* =========================================================\nTEXT PANEL\n========================================================= *\/\n\n#abera-extra-haircare-v4 .aeh4-text-panel {\n width: 100%;\n\n padding:\n 12px\n 12px\n 13px;\n\n border:\n 1px solid\n rgba(255,255,255,.46);\n\n border-radius: 9px;\n\n background:\n rgba(247,243,236,.84);\n\n box-shadow:\n 0 2px 8px\n rgba(0,0,0,.025);\n\n backdrop-filter:\n blur(5px);\n\n -webkit-backdrop-filter:\n blur(5px);\n}\n\n\n\/* =========================================================\nNUMBER\n========================================================= *\/\n\n#abera-extra-haircare-v4 .aeh4-number {\n width: 30px;\n height: 30px;\n\n display: inline-flex;\n\n align-items: center;\n justify-content: center;\n\n margin-bottom: 11px;\n\n border:\n 1px solid\n rgba(176,125,47,.55);\n\n border-radius: 50%;\n\n background:\n rgba(255,255,255,.86);\n\n color: var(--gold);\n\n font-size: 11px;\n line-height: 1;\n\n font-weight: 500;\n}\n\n\n\/* =========================================================\nCARD TITLE\n========================================================= *\/\n\n#abera-extra-haircare-v4 .aeh4-card-title {\n width: 100%;\n\n margin:\n 0\n 0\n 8px;\n\n color: var(--black);\n\n font-size: 16px;\n line-height: 1.3;\n\n font-weight: 600;\n\n letter-spacing: 0;\n\n word-break: normal;\n\n overflow-wrap: normal;\n\n hyphens: none;\n}\n\n\n\/* =========================================================\nCARD TEXT\n========================================================= *\/\n\n#abera-extra-haircare-v4 .aeh4-card-text {\n width: 100%;\n\n margin: 0;\n\n color: #37332e;\n\n font-size: 14px;\n line-height: 1.55;\n\n font-weight: 400;\n\n word-break: normal;\n\n overflow-wrap: break-word;\n\n hyphens: none;\n\n -webkit-hyphens: none;\n}\n\n\n\/* =========================================================\nMOBILE CONTROLS\n========================================================= *\/\n\n#abera-extra-haircare-v4 .aeh4-controls {\n display: none;\n}\n\n\n\/* =========================================================\nDESKTOP\n========================================================= *\/\n\n@media (min-width: 1200px) {\n\n #abera-extra-haircare-v4 .aeh4-card {\n transition:\n transform .25s ease,\n box-shadow .25s ease;\n }\n\n\n #abera-extra-haircare-v4\n .aeh4-card:hover {\n\n transform:\n translateY(-3px);\n\n box-shadow:\n 0 8px 22px\n rgba(0,0,0,.06);\n\n }\n\n}\n\n\n\/* =========================================================\nTABLET\n========================================================= *\/\n\n@media\n(min-width: 768px)\nand\n(max-width: 1199px) {\n\n #abera-extra-haircare-v4 .aeh4-main {\n padding:\n 44px\n 0\n 56px;\n }\n\n\n #abera-extra-haircare-v4\n .aeh4-container {\n\n padding-left: 34px;\n padding-right: 34px;\n\n }\n\n\n #abera-extra-haircare-v4 .aeh4-grid {\n grid-template-columns: 1fr;\n\n gap: 30px;\n }\n\n\n #abera-extra-haircare-v4 .aeh4-intro {\n max-width: 760px;\n }\n\n\n #abera-extra-haircare-v4\n .aeh4-description {\n\n max-width: 720px;\n\n }\n\n\n #abera-extra-haircare-v4 .aeh4-cards {\n grid-template-columns:\n repeat(2, minmax(0, 1fr));\n }\n\n\n #abera-extra-haircare-v4 .aeh4-card {\n min-height: 430px;\n }\n\n\n #abera-extra-haircare-v4\n .aeh4-card-title {\n\n font-size: 18px;\n\n }\n\n\n #abera-extra-haircare-v4\n .aeh4-card-text {\n\n font-size: 14px;\n\n }\n\n}\n\n\n\/* =========================================================\nMOBILE\n========================================================= *\/\n\n@media (max-width: 767px) {\n\n #abera-extra-haircare-v4 {\n margin: 0 !important;\n padding: 0 !important;\n\n background: var(--ivory);\n }\n\n\n #abera-extra-haircare-v4 .aeh4-main {\n margin: 0;\n\n padding:\n 34px\n 0\n 40px;\n\n background: var(--ivory);\n }\n\n\n #abera-extra-haircare-v4\n .aeh4-container {\n\n width: 100%;\n\n padding-left: 16px;\n padding-right: 16px;\n\n }\n\n\n \/* =====================================================\n INTRO\n ===================================================== *\/\n\n #abera-extra-haircare-v4 .aeh4-grid {\n display: flex;\n\n flex-direction: column;\n\n gap: 25px;\n }\n\n\n #abera-extra-haircare-v4 .aeh4-intro {\n width: 100%;\n\n margin: 0;\n padding: 0;\n\n text-align: left;\n }\n\n\n #abera-extra-haircare-v4\n .aeh4-eyebrow {\n\n margin-bottom: 11px;\n\n font-size: 14px;\n\n }\n\n\n #abera-extra-haircare-v4\n .aeh4-title {\n\n width: 100%;\n max-width: none;\n\n margin-bottom: 14px;\n\n font-size:\n clamp(23px, 6vw, 28px);\n\n line-height: 1.18;\n\n word-break: normal;\n\n overflow-wrap: normal;\n\n hyphens: none;\n\n }\n\n\n #abera-extra-haircare-v4\n .aeh4-description {\n\n width: 100%;\n max-width: none;\n\n font-size: 15px;\n line-height: 1.65;\n\n word-break: normal;\n\n overflow-wrap: break-word;\n\n hyphens: none;\n\n -webkit-hyphens: none;\n\n }\n\n\n \/* =====================================================\n MOBILE CAROUSEL\n ===================================================== *\/\n\n #abera-extra-haircare-v4\n .aeh4-cards-wrap {\n\n width: 100%;\n\n min-width: 0;\n\n }\n\n\n #abera-extra-haircare-v4 .aeh4-cards {\n width: 100%;\n\n display: flex;\n\n gap: 12px;\n\n overflow-x: auto;\n overflow-y: hidden;\n\n padding:\n 0\n 0\n 5px;\n\n scroll-snap-type:\n x mandatory;\n\n scroll-behavior:\n smooth;\n\n overscroll-behavior-x:\n contain;\n\n scrollbar-width:\n none;\n\n -webkit-overflow-scrolling:\n touch;\n }\n\n\n #abera-extra-haircare-v4\n .aeh4-cards::-webkit-scrollbar {\n\n display: none;\n\n }\n\n\n #abera-extra-haircare-v4 .aeh4-card {\n flex:\n 0\n 0\n 84%;\n\n min-width: 84%;\n\n min-height: 440px;\n\n scroll-snap-align:\n start;\n }\n\n\n \/* =====================================================\n MOBILE TEXT\n ===================================================== *\/\n\n #abera-extra-haircare-v4\n .aeh4-content {\n\n padding:\n 16px\n 14px;\n\n }\n\n\n #abera-extra-haircare-v4\n .aeh4-text-panel {\n\n padding:\n 13px\n 13px\n 14px;\n\n background:\n rgba(247,243,236,.92);\n\n }\n\n\n #abera-extra-haircare-v4\n .aeh4-card-title {\n\n margin-bottom: 8px;\n\n font-size: 18px;\n line-height: 1.3;\n\n word-break: normal !important;\n\n overflow-wrap: normal !important;\n\n hyphens: none !important;\n\n }\n\n\n #abera-extra-haircare-v4\n .aeh4-card-text {\n\n font-size: 15px;\n line-height: 1.55;\n\n word-break: normal !important;\n\n overflow-wrap: break-word !important;\n\n hyphens: none !important;\n\n -webkit-hyphens: none !important;\n\n }\n\n\n \/* =====================================================\n MOBILE ARROWS\n ===================================================== *\/\n\n #abera-extra-haircare-v4\n .aeh4-controls {\n\n display: flex;\n\n align-items: center;\n\n justify-content:\n flex-start;\n\n gap: 8px;\n\n margin-top: 12px;\n\n }\n\n\n #abera-extra-haircare-v4\n .aeh4-btn {\n\n width: 32px;\n height: 32px;\n\n flex:\n 0\n 0\n 32px;\n\n display:\n inline-flex;\n\n align-items:\n center;\n\n justify-content:\n center;\n\n padding: 0;\n\n border:\n 1px solid\n var(--gold-main);\n\n border-radius:\n 50%;\n\n background:\n var(--black);\n\n color:\n var(--gold-main);\n\n font-family:\n Arial,\n sans-serif;\n\n font-size:\n 17px;\n\n line-height:\n 1;\n\n cursor:\n pointer;\n\n appearance:\n none;\n\n -webkit-appearance:\n none;\n\n }\n\n\n #abera-extra-haircare-v4\n .aeh4-btn:disabled {\n\n opacity: .35;\n\n cursor: default;\n\n }\n\n}\n\n\u003c\/style\u003e\n\u003csection id=\"abera-extra-haircare-v4\"\u003e\u003c!-- =========================================================\nCONTENT\n========================================================= --\u003e\n\u003cdiv class=\"aeh4-main\"\u003e\n\u003cdiv class=\"aeh4-container\"\u003e\n\u003cdiv class=\"aeh4-grid\"\u003e\u003c!-- ===================================================\n INTRO\n ==================================================== --\u003e\n\u003cdiv class=\"aeh4-intro\"\u003e\n\u003cp class=\"aeh4-eyebrow\"\u003eCuidado Capilar Extra\u003c\/p\u003e\n\u003ch2 class=\"aeh4-title\"\u003eKIT DE CUIDADO CAPILAR\u003cbr\u003ePOST-COLOR\u003c\/h2\u003e\n\u003cp class=\"aeh4-description\"\u003eAdemás de un color negro uniforme y de aspecto natural, tu cabello también necesita un cuero cabelludo saludable y raíces más fuertes. El \u003cstrong\u003e Champú y Sérum de Toronja ABERA \u003c\/strong\u003e están diseñados para ayudarte a cuidar ambos. Este kit ayuda a nutrir el cuero cabelludo, apoyar un crecimiento capilar saludable, restaurar la hidratación y el equilibrio de la barrera del cuero cabelludo, y dejar el cabello más suave, menos enredado y visiblemente con más volumen después de teñirlo.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- ===================================================\n CARDS\n ==================================================== --\u003e\n\u003cdiv class=\"aeh4-cards-wrap\"\u003e\n\u003cdiv class=\"aeh4-cards\"\u003e\u003c!-- ===============================================\n CARD 01\n ================================================ --\u003e\n\u003carticle class=\"aeh4-card\"\u003e\n\u003cdiv class=\"aeh4-image\"\u003e\u003cimg alt=\"Champú y Sérum de Toronja ABERA\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/1_03fe5ee6-cabd-429a-af51-f8203e6245d6.webp?v=1788512561\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"aeh4-overlay\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"aeh4-content\"\u003e\n\u003cdiv class=\"aeh4-number\"\u003e01\u003c\/div\u003e\n\u003cdiv class=\"aeh4-text-panel\"\u003e\n\u003ch3 class=\"aeh4-card-title\"\u003eNutre el Cabello y el Cuero Cabelludo\u003c\/h3\u003e\n\u003cp class=\"aeh4-card-text\"\u003eAyuda a cuidar el cuero cabelludo y las raíces después de la coloración, favoreciendo una rutina de cuidado más saludable para el cabello.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/article\u003e\n\u003c!-- ===============================================\n CARD 02\n ================================================ --\u003e\n\u003carticle class=\"aeh4-card\"\u003e\n\u003cdiv class=\"aeh4-image\"\u003e\u003cimg alt=\"Crecimiento capilar saludable\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/Gemini_Generated_Image_cbsbg3cbsbg3cbsb-clean.webp?v=1788513167\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"aeh4-overlay\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"aeh4-content\"\u003e\n\u003cdiv class=\"aeh4-number\"\u003e02\u003c\/div\u003e\n\u003cdiv class=\"aeh4-text-panel\"\u003e\n\u003ch3 class=\"aeh4-card-title\"\u003eApoya un Crecimiento Capilar Saludable\u003c\/h3\u003e\n\u003cp class=\"aeh4-card-text\"\u003eAyuda a crear un mejor entorno en el cuero cabelludo para favorecer un cabello más fuerte, saludable y con más volumen con el tiempo.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/article\u003e\n\u003c!-- ===============================================\n CARD 03\n ================================================ --\u003e\n\u003carticle class=\"aeh4-card\"\u003e\n\u003cdiv class=\"aeh4-image\"\u003e\u003cimg alt=\"Cabello suave y sedoso después de la coloración\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/Retinol_22.webp?v=1788514509\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"aeh4-overlay\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"aeh4-content\"\u003e\n\u003cdiv class=\"aeh4-number\"\u003e03\u003c\/div\u003e\n\u003cdiv class=\"aeh4-text-panel\"\u003e\n\u003ch3 class=\"aeh4-card-title\"\u003eReduce la Resequedad y los Enredos\u003c\/h3\u003e\n\u003cp class=\"aeh4-card-text\"\u003eAyuda a reponer la hidratación para que el cabello se sienta más suave, sedoso y fácil de manejar después de teñirlo.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/article\u003e\n\u003c!-- ===============================================\n CARD 04\n ================================================ --\u003e\n\u003carticle class=\"aeh4-card\"\u003e\n\u003cdiv class=\"aeh4-image\"\u003e\u003cimg alt=\"Cabello de aspecto más abundante\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/ChatGPT_58.webp?v=1787219168\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"aeh4-overlay\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"aeh4-content\"\u003e\n\u003cdiv class=\"aeh4-number\"\u003e04\u003c\/div\u003e\n\u003cdiv class=\"aeh4-text-panel\"\u003e\n\u003ch3 class=\"aeh4-card-title\"\u003eCabello de Aspecto Más Grueso y Abundante\u003c\/h3\u003e\n\u003cp class=\"aeh4-card-text\"\u003eAl cuidar tanto el cabello como el cuero cabelludo, el dúo ayuda a que el cabello luzca más denso, abundante y saludable.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/article\u003e\n\u003c\/div\u003e\n\u003c!-- =================================================\n MOBILE ARROWS\n ================================================== --\u003e\n\u003cdiv class=\"aeh4-controls\"\u003e\u003cbutton aria-label=\"Beneficio anterior para el cuidado del cabello\" class=\"aeh4-btn aeh4-prev\" type=\"button\"\u003e ← \u003c\/button\u003e \u003cbutton aria-label=\"Siguiente beneficio para el cuidado del cabello\" class=\"aeh4-btn aeh4-next\" type=\"button\"\u003e → \u003c\/button\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- =========================================================\nMOBILE SWIPE SCRIPT\n========================================================= --\u003e \u003cscript\u003e\n\n(function () {\n\n\n const section =\n document.querySelector(\n \"#abera-extra-haircare-v4\"\n );\n\n\n if (!section) return;\n\n\n const track =\n section.querySelector(\n \".aeh4-cards\"\n );\n\n\n const prev =\n section.querySelector(\n \".aeh4-prev\"\n );\n\n\n const next =\n section.querySelector(\n \".aeh4-next\"\n );\n\n\n if (\n !track ||\n !prev ||\n !next\n ) return;\n\n\n\n function getScrollAmount() {\n\n\n const card =\n track.querySelector(\n \".aeh4-card\"\n );\n\n\n if (!card) {\n return 300;\n }\n\n\n const styles =\n window.getComputedStyle(\n track\n );\n\n\n const gap =\n parseFloat(\n styles.columnGap ||\n styles.gap\n ) || 12;\n\n\n return (\n card.getBoundingClientRect().width\n +\n gap\n );\n\n }\n\n\n\n prev.addEventListener(\n \"click\",\n function () {\n\n\n track.scrollBy({\n\n left:\n -getScrollAmount(),\n\n behavior:\n \"smooth\"\n\n });\n\n\n }\n );\n\n\n\n next.addEventListener(\n \"click\",\n function () {\n\n\n track.scrollBy({\n\n left:\n getScrollAmount(),\n\n behavior:\n \"smooth\"\n\n });\n\n\n }\n );\n\n\n\n function updateButtons() {\n\n\n const maxScroll =\n track.scrollWidth\n -\n track.clientWidth;\n\n\n prev.disabled =\n track.scrollLeft \u003c= 4;\n\n\n next.disabled =\n track.scrollLeft \u003e=\n maxScroll - 4;\n\n }\n\n\n\n track.addEventListener(\n \"scroll\",\n updateButtons,\n {\n passive: true\n }\n );\n\n\n window.addEventListener(\n \"resize\",\n updateButtons\n );\n\n\n updateButtons();\n\n\n})();\n\n\u003c\/script\u003e\u003c\/section\u003e\n\u003c!-- =========================================================\nABERA HAIR DYE — COMPARISON TABLE\nCONTINUOUS BEIGE BACKGROUND\nDESKTOP + TABLET + MOBILE RESPONSIVE\n========================================================= --\u003e\n\u003cstyle\u003e\n\n\/* =========================================================\nGLOBAL PAGE BACKGROUND\nREMOVE WHITE GAPS BETWEEN SHOPIFY SECTIONS\n========================================================= *\/\n\n#MainContent {\n background: #f7f3ec !important;\n}\n\n\n\/* REMOVE SHOPIFY CUSTOM LIQUID OUTER SPACING *\/\n\n#MainContent .shopify-section:has([id^=\"abera-\"]) {\n margin-top: 0 !important;\n margin-bottom: 0 !important;\n\n padding-top: 0 !important;\n padding-bottom: 0 !important;\n\n background: #f7f3ec !important;\n}\n\n\n\/* REMOVE GAP BETWEEN ADJACENT ABERA SECTIONS *\/\n\n#MainContent\n.shopify-section:has([id^=\"abera-\"])\n+\n.shopify-section:has([id^=\"abera-\"]) {\n margin-top: 0 !important;\n padding-top: 0 !important;\n}\n\n\n\/* =========================================================\nROOT\n========================================================= *\/\n\n#abera-comparison-v4,\n#abera-comparison-v4 * {\n box-sizing: border-box;\n}\n\n\n#abera-comparison-v4 {\n --black: #0f0f0f;\n\n --gold: #b07d2f;\n --gold-main: #c89c46;\n --gold-light: #ead5aa;\n\n --ivory: #f7f3ec;\n\n --white: #ffffff;\n\n --text: #171717;\n --muted: #686159;\n\n --green: #557963;\n\n --line: #ddd3c4;\n\n\n width: 100%;\n\n margin: 0 !important;\n padding: 0 !important;\n\n overflow: hidden;\n\n background: var(--ivory);\n\n color: var(--text);\n\n font-family:\n \"Inter\",\n Arial,\n sans-serif;\n}\n\n\n\/* =========================================================\nSECTION INNER\n========================================================= *\/\n\n#abera-comparison-v4 .acp4-main {\n width: 100%;\n\n margin: 0;\n\n padding:\n clamp(48px, 5vw, 76px)\n 0\n clamp(54px, 5vw, 80px);\n\n background: var(--ivory);\n}\n\n\n\/* =========================================================\nCONTAINER\n========================================================= *\/\n\n#abera-comparison-v4 .acp4-container {\n width: 100%;\n\n max-width: 1320px;\n\n margin: 0 auto;\n\n padding-left:\n clamp(36px, 7vw, 112px);\n\n padding-right:\n clamp(36px, 7vw, 112px);\n}\n\n\n\/* =========================================================\nHEADER\n========================================================= *\/\n\n#abera-comparison-v4 .acp4-header {\n width: 100%;\n\n max-width: 950px;\n\n margin:\n 0\n auto\n clamp(28px, 4vw, 42px);\n\n text-align: center;\n}\n\n\n\/* EYEBROW *\/\n\n#abera-comparison-v4 .acp4-eyebrow {\n margin:\n 0\n 0\n 10px;\n\n padding: 0;\n\n color: var(--gold);\n\n font-size: 13px;\n line-height: 1.3;\n\n font-weight: 600;\n\n letter-spacing: 1.3px;\n\n text-transform: uppercase;\n}\n\n\n\/* TITLE *\/\n\n#abera-comparison-v4 .acp4-title {\n width: 100%;\n\n margin: 0;\n\n color: var(--black);\n\n font-size:\n clamp(28px, 4vw, 40px);\n\n line-height: 1.15;\n\n font-weight: 600;\n\n letter-spacing: 0;\n\n text-align: center;\n\n text-wrap: balance;\n}\n\n\n\/* =========================================================\nTABLE WRAPPER\n========================================================= *\/\n\n#abera-comparison-v4 .acp4-table-wrap {\n width: 100%;\n\n overflow: hidden;\n\n border:\n 1px solid\n var(--line);\n\n border-radius: 14px;\n\n background: var(--white);\n\n box-shadow:\n 0 4px 16px\n rgba(0,0,0,.03);\n}\n\n\n\/* =========================================================\nTABLE\n========================================================= *\/\n\n#abera-comparison-v4 .acp4-table {\n width: 100%;\n\n margin: 0;\n\n border-collapse: collapse;\n\n table-layout: fixed;\n}\n\n\n\/* COLUMN WIDTH *\/\n\n#abera-comparison-v4\n.acp4-table col:nth-child(1) {\n width: 30%;\n}\n\n\n#abera-comparison-v4\n.acp4-table col:nth-child(2) {\n width: 35%;\n}\n\n\n#abera-comparison-v4\n.acp4-table col:nth-child(3) {\n width: 35%;\n}\n\n\n\/* =========================================================\nTABLE HEADER\n========================================================= *\/\n\n#abera-comparison-v4 .acp4-table th {\n padding:\n 19px\n 18px;\n\n border-bottom:\n 1px solid\n var(--line);\n\n color: var(--black);\n\n font-size: 14px;\n line-height: 1.35;\n\n font-weight: 600;\n\n text-align: center;\n\n vertical-align: middle;\n\n word-break: normal;\n\n overflow-wrap: normal;\n\n hyphens: none;\n}\n\n\n\/* FEATURE *\/\n\n#abera-comparison-v4\n.acp4-table th:first-child {\n background: #f3eee6;\n\n color: #686159;\n\n font-size: 11px;\n\n letter-spacing: .7px;\n\n text-align: left;\n\n text-transform: uppercase;\n}\n\n\n\/* ABERA *\/\n\n#abera-comparison-v4\n.acp4-table th:nth-child(2) {\n background: var(--black);\n\n color: var(--gold-light);\n}\n\n\n\/* REGULAR HAIR DYE *\/\n\n#abera-comparison-v4\n.acp4-table th:nth-child(3) {\n background: #eeeae4;\n\n color: var(--black);\n}\n\n\n\/* =========================================================\nBODY CELLS\n========================================================= *\/\n\n#abera-comparison-v4 .acp4-table td {\n padding:\n 16px\n 18px;\n\n border-bottom:\n 1px solid\n #e9e3d9;\n\n color: var(--text);\n\n font-size: 14px;\n line-height: 1.45;\n\n font-weight: 400;\n\n vertical-align: middle;\n\n word-break: normal;\n\n overflow-wrap: break-word;\n\n hyphens: none;\n\n -webkit-hyphens: none;\n}\n\n\n#abera-comparison-v4\n.acp4-table tbody tr:last-child td {\n border-bottom: 0;\n}\n\n\n\/* FEATURE COLUMN *\/\n\n#abera-comparison-v4\n.acp4-table td:first-child {\n color: #514c46;\n\n font-weight: 600;\n}\n\n\n\/* ABERA COLUMN *\/\n\n#abera-comparison-v4\n.acp4-table td:nth-child(2) {\n background: #fbf5e9;\n\n color: var(--black);\n\n font-weight: 500;\n}\n\n\n\/* REGULAR HAIR DYE COLUMN *\/\n\n#abera-comparison-v4\n.acp4-table td:nth-child(3) {\n background: #ffffff;\n\n color: #777168;\n}\n\n\n\/* =========================================================\nVALUE\n========================================================= *\/\n\n#abera-comparison-v4 .acp4-value {\n width: 100%;\n\n display: flex;\n\n align-items: center;\n\n gap: 10px;\n\n min-width: 0;\n}\n\n\n\/* =========================================================\nCHECK\n========================================================= *\/\n\n#abera-comparison-v4 .acp4-check {\n width: 23px;\n height: 23px;\n\n flex:\n 0 0\n 23px;\n\n display: inline-flex;\n\n align-items: center;\n justify-content: center;\n\n border-radius: 50%;\n\n background: var(--green);\n\n color: #ffffff;\n\n font-size: 11px;\n line-height: 1;\n\n font-weight: 600;\n}\n\n\n\/* =========================================================\nMINUS\n========================================================= *\/\n\n#abera-comparison-v4 .acp4-minus {\n width: 23px;\n height: 23px;\n\n flex:\n 0 0\n 23px;\n\n display: inline-flex;\n\n align-items: center;\n justify-content: center;\n\n border-radius: 50%;\n\n background: #e8e3dc;\n\n color: #8a847c;\n\n font-size: 14px;\n line-height: 1;\n\n font-weight: 500;\n}\n\n\n\/* =========================================================\nBOTTOM MESSAGE\n========================================================= *\/\n\n#abera-comparison-v4 .acp4-bottom {\n width: 100%;\n\n margin:\n 22px\n 0\n 0;\n\n padding: 0;\n\n color: var(--gold);\n\n font-size: 14px;\n line-height: 1.45;\n\n font-weight: 600;\n\n letter-spacing: .2px;\n\n text-align: center;\n\n text-transform: uppercase;\n}\n\n\n\/* =========================================================\nDESKTOP HOVER\n========================================================= *\/\n\n@media (min-width: 1200px) {\n\n #abera-comparison-v4\n .acp4-table tbody tr {\n\n transition:\n background .2s ease;\n\n }\n\n\n #abera-comparison-v4\n .acp4-table tbody tr:hover td:first-child {\n\n background:\n #faf8f4;\n\n }\n\n\n #abera-comparison-v4\n .acp4-table tbody tr:hover td:nth-child(2) {\n\n background:\n #f8efdF;\n\n }\n\n}\n\n\n\/* =========================================================\nTABLET\n========================================================= *\/\n\n@media\n(min-width: 768px)\nand\n(max-width: 1199px) {\n\n #abera-comparison-v4 .acp4-main {\n padding:\n 44px\n 0\n 56px;\n }\n\n\n #abera-comparison-v4\n .acp4-container {\n\n padding-left: 34px;\n padding-right: 34px;\n\n }\n\n\n #abera-comparison-v4\n .acp4-header {\n\n margin-bottom: 30px;\n\n }\n\n\n #abera-comparison-v4\n .acp4-table th {\n\n padding:\n 16px\n 13px;\n\n font-size: 13px;\n\n }\n\n\n #abera-comparison-v4\n .acp4-table td {\n\n padding:\n 14px\n 13px;\n\n font-size: 13px;\n\n }\n\n}\n\n\n\/* =========================================================\nMOBILE\n========================================================= *\/\n\n@media (max-width: 767px) {\n\n #abera-comparison-v4 {\n margin: 0 !important;\n padding: 0 !important;\n\n background: var(--ivory);\n }\n\n\n #abera-comparison-v4 .acp4-main {\n width: 100%;\n\n margin: 0;\n\n padding:\n 34px\n 0\n 40px;\n\n background: var(--ivory);\n }\n\n\n #abera-comparison-v4\n .acp4-container {\n\n width: 100%;\n\n padding-left: 12px;\n padding-right: 12px;\n\n }\n\n\n \/* =====================================================\n HEADER\n ===================================================== *\/\n\n #abera-comparison-v4\n .acp4-header {\n\n margin-bottom: 24px;\n\n padding-left: 5px;\n padding-right: 5px;\n\n }\n\n\n #abera-comparison-v4\n .acp4-eyebrow {\n\n margin-bottom: 8px;\n\n font-size: 11px;\n\n letter-spacing: 1.1px;\n\n }\n\n\n #abera-comparison-v4\n .acp4-title {\n\n font-size:\n clamp(22px, 6vw, 28px);\n\n line-height: 1.22;\n\n word-break: normal;\n\n overflow-wrap: normal;\n\n hyphens: none;\n\n }\n\n\n \/* =====================================================\n TABLE\n ===================================================== *\/\n\n #abera-comparison-v4\n .acp4-table-wrap {\n\n width: 100%;\n\n overflow: hidden;\n\n border-radius: 10px;\n\n }\n\n\n #abera-comparison-v4\n .acp4-table {\n\n width: 100%;\n\n min-width: 0;\n\n table-layout: fixed;\n\n }\n\n\n \/* MOBILE COLUMN WIDTH *\/\n\n #abera-comparison-v4\n .acp4-table col:nth-child(1) {\n\n width: 27%;\n\n }\n\n\n #abera-comparison-v4\n .acp4-table col:nth-child(2) {\n\n width: 36.5%;\n\n }\n\n\n #abera-comparison-v4\n .acp4-table col:nth-child(3) {\n\n width: 36.5%;\n\n }\n\n\n \/* =====================================================\n MOBILE HEADER\n ===================================================== *\/\n\n #abera-comparison-v4\n .acp4-table th {\n\n padding:\n 12px\n 5px;\n\n font-size: 10px;\n\n line-height: 1.3;\n\n text-align: center;\n\n vertical-align: middle;\n\n white-space: normal;\n\n word-break: normal;\n\n overflow-wrap: normal;\n\n hyphens: none;\n\n -webkit-hyphens: none;\n\n }\n\n\n #abera-comparison-v4\n .acp4-table th:first-child {\n\n padding-left: 7px;\n\n font-size: 9px;\n\n text-align: left;\n\n }\n\n\n \/* =====================================================\n MOBILE CELLS\n ===================================================== *\/\n\n #abera-comparison-v4\n .acp4-table td {\n\n padding:\n 12px\n 5px;\n\n font-size: 11px;\n\n line-height: 1.4;\n\n vertical-align: middle;\n\n white-space: normal;\n\n word-break: normal;\n\n overflow-wrap: break-word;\n\n hyphens: none;\n\n -webkit-hyphens: none;\n\n }\n\n\n \/* FEATURE *\/\n\n #abera-comparison-v4\n .acp4-table td:first-child {\n\n padding-left: 7px;\n\n font-size: 10px;\n\n line-height: 1.35;\n\n text-align: left;\n\n }\n\n\n \/* =====================================================\n MOBILE VALUES\n PUT ICON ABOVE COPY FOR MORE TEXT WIDTH\n ===================================================== *\/\n\n #abera-comparison-v4 .acp4-value {\n width: 100%;\n\n min-height: 58px;\n\n display: flex;\n\n flex-direction: column;\n\n align-items: center;\n justify-content: center;\n\n gap: 5px;\n\n text-align: center;\n\n word-break: normal;\n\n overflow-wrap: break-word;\n\n }\n\n\n #abera-comparison-v4\n .acp4-check,\n\n #abera-comparison-v4\n .acp4-minus {\n\n width: 21px;\n height: 21px;\n\n flex:\n 0\n 0\n 21px;\n\n margin:\n 0\n auto\n 2px;\n\n }\n\n\n \/* =====================================================\n BOTTOM MESSAGE\n ===================================================== *\/\n\n #abera-comparison-v4\n .acp4-bottom {\n\n margin-top: 18px;\n\n padding:\n 0\n 8px;\n\n font-size: 12px;\n\n line-height: 1.5;\n\n }\n\n}\n\n\u003c\/style\u003e\n\u003csection id=\"abera-comparison-v4\"\u003e\u003c!-- =========================================================\nCONTENT\n========================================================= --\u003e\n\u003cdiv class=\"acp4-main\"\u003e\n\u003cdiv class=\"acp4-container\"\u003e\u003c!-- =====================================================\n HEADER\n ====================================================== --\u003e\n\u003cdiv class=\"acp4-header\"\u003e\n\u003cp class=\"acp4-eyebrow\"\u003eUNA OPCIÓN MÁS SENCILLA\u003c\/p\u003e\n\u003ch2 class=\"acp4-title\"\u003eABERA VS. TINTE CAPILAR CONVENCIONAL\u003c\/h2\u003e\n\u003c\/div\u003e\n\u003c!-- =====================================================\n TABLE\n ====================================================== --\u003e\n\u003cdiv class=\"acp4-table-wrap\"\u003e\n\u003ctable class=\"acp4-table\"\u003e\u003ccolgroup\u003e \u003ccol\u003e \u003ccol\u003e \u003ccol\u003e \u003c\/colgroup\u003e\n\u003cthead\u003e\n\u003ctr\u003e\n\u003cth\u003eCARACTERÍSTICA\u003c\/th\u003e\n\u003cth\u003eCHAMPÚ TINTE ABERA\u003c\/th\u003e\n\u003cth\u003eTINTE CAPILAR CONVENCIONAL\u003c\/th\u003e\n\u003c\/tr\u003e\n\u003c\/thead\u003e\n\u003ctbody\u003e\u003c!-- ===============================================\n APPLICATION\n ================================================ --\u003e\n\u003ctr\u003e\n\u003ctd\u003eAplicación\u003c\/td\u003e\n\u003ctd\u003e\n\u003cdiv class=\"acp4-value\"\u003e\u003cspan class=\"acp4-check\"\u003e ✓ \u003c\/span\u003e \u003cspan\u003e Aplicación tipo champú \u003c\/span\u003e\u003c\/div\u003e\n\u003c\/td\u003e\n\u003ctd\u003e\n\u003cdiv class=\"acp4-value\"\u003e\u003cspan class=\"acp4-minus\"\u003e − \u003c\/span\u003e \u003cspan\u003e Brocha + seccionado \u003c\/span\u003e\u003c\/div\u003e\n\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c!-- ===============================================\n MIXING\n ================================================ --\u003e\n\u003ctr\u003e\n\u003ctd\u003eMezcla\u003c\/td\u003e\n\u003ctd\u003e\n\u003cdiv class=\"acp4-value\"\u003e\u003cspan class=\"acp4-check\"\u003e ✓ \u003c\/span\u003e \u003cspan\u003e Práctico formato en sobres \u003c\/span\u003e\u003c\/div\u003e\n\u003c\/td\u003e\n\u003ctd\u003e\n\u003cdiv class=\"acp4-value\"\u003e\u003cspan class=\"acp4-minus\"\u003e − \u003c\/span\u003e \u003cspan\u003e Varios componentes \u003c\/span\u003e\u003c\/div\u003e\n\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c!-- ===============================================\n PROCESS TIME\n ================================================ --\u003e\n\u003ctr\u003e\n\u003ctd\u003eTiempo del proceso\u003c\/td\u003e\n\u003ctd\u003e\n\u003cdiv class=\"acp4-value\"\u003e\u003cspan class=\"acp4-check\"\u003e ✓ \u003c\/span\u003e \u003cspan\u003e Aproximadamente 15 minutos \u003c\/span\u003e\u003c\/div\u003e\n\u003c\/td\u003e\n\u003ctd\u003e\n\u003cdiv class=\"acp4-value\"\u003e\u003cspan class=\"acp4-minus\"\u003e − \u003c\/span\u003e \u003cspan\u003e Proceso de varios pasos \u003c\/span\u003e\u003c\/div\u003e\n\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c!-- ===============================================\n PACKAGING\n ================================================ --\u003e\n\u003ctr\u003e\n\u003ctd\u003ePresentación\u003c\/td\u003e\n\u003ctd\u003e\n\u003cdiv class=\"acp4-value\"\u003e\u003cspan class=\"acp4-check\"\u003e ✓ \u003c\/span\u003e \u003cspan\u003e 10 sobres individuales \u003c\/span\u003e\u003c\/div\u003e\n\u003c\/td\u003e\n\u003ctd\u003e\n\u003cdiv class=\"acp4-value\"\u003e\u003cspan class=\"acp4-minus\"\u003e − \u003c\/span\u003e \u003cspan\u003e Kit de tinte de tamaño completo \u003c\/span\u003e\u003c\/div\u003e\n\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c!-- ===============================================\n AMMONIA\n ================================================ --\u003e\n\u003ctr\u003e\n\u003ctd\u003eAmoníaco\u003c\/td\u003e\n\u003ctd\u003e\n\u003cdiv class=\"acp4-value\"\u003e\u003cspan class=\"acp4-check\"\u003e ✓ \u003c\/span\u003e \u003cspan\u003e Sin amoníaco \u003c\/span\u003e\u003c\/div\u003e\n\u003c\/td\u003e\n\u003ctd\u003e\n\u003cdiv class=\"acp4-value\"\u003e\u003cspan class=\"acp4-minus\"\u003e − \u003c\/span\u003e \u003cspan\u003e Varía según la fórmula \u003c\/span\u003e\u003c\/div\u003e\n\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c!-- ===============================================\n HAIR CARE\n ================================================ --\u003e\n\u003ctr\u003e\n\u003ctd\u003eCuidado capilar\u003c\/td\u003e\n\u003ctd\u003e\n\u003cdiv class=\"acp4-value\"\u003e\u003cspan class=\"acp4-check\"\u003e ✓ \u003c\/span\u003e \u003cspan\u003e Color + Limpieza + Acondicionamiento \u003c\/span\u003e\u003c\/div\u003e\n\u003c\/td\u003e\n\u003ctd\u003e\n\u003cdiv class=\"acp4-value\"\u003e\u003cspan class=\"acp4-minus\"\u003e − \u003c\/span\u003e \u003cspan\u003e Normalmente son pasos separados \u003c\/span\u003e\u003c\/div\u003e\n\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\n\u003c\/table\u003e\n\u003c\/div\u003e\n\u003c!-- =====================================================\n BOTTOM MESSAGE\n ====================================================== --\u003e\n\u003cp class=\"acp4-bottom\"\u003eMENOS PREPARACIÓN. MENOS PASOS. UNA FORMA MÁS SENCILLA DE CUBRIR LAS CANAS.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- =========================================================\nABERA HAIR DYE\nSECTION 01 — REAL LIFE ROUTINE\nSECTION 02 — CUSTOMER VIDEOS\nCONTINUOUS BEIGE BACKGROUND\n========================================================= --\u003e\n\u003cp\u003e\u0026nbsp;\u003c\/p\u003e\n\u003c!-- =========================================================\nGLOBAL BACKGROUND FIX\nCó thể giữ đoạn này nếu mỗi section là 1 Custom Liquid riêng\n========================================================= --\u003e\n\u003cstyle\u003e\n\n#MainContent {\n background: #f7f3ec !important;\n}\n\n#MainContent .shopify-section:has([id^=\"abera-\"]) {\n margin-top: 0 !important;\n margin-bottom: 0 !important;\n\n padding-top: 0 !important;\n padding-bottom: 0 !important;\n\n background: #f7f3ec !important;\n}\n\n#MainContent\n.shopify-section:has([id^=\"abera-\"])\n+\n.shopify-section:has([id^=\"abera-\"]) {\n margin-top: 0 !important;\n padding-top: 0 !important;\n}\n\n\u003c\/style\u003e\n\u003c!-- =========================================================\n01 — YOUR GRAY-HAIR ROUTINE\n========================================================= --\u003e\n\u003cstyle\u003e\n\n\/* =========================================================\nROOT\n========================================================= *\/\n\n#abera-routine-v4,\n#abera-routine-v4 * {\n box-sizing: border-box;\n}\n\n#abera-routine-v4 {\n --black: #0f0f0f;\n --gold: #b07d2f;\n --gold-light: #ead5aa;\n --ivory: #f7f3ec;\n\n width: 100%;\n\n margin: 0 !important;\n padding: 0 !important;\n\n overflow: hidden;\n\n background: var(--ivory);\n\n color: var(--black);\n\n font-family:\n \"Inter\",\n Arial,\n sans-serif;\n}\n\n\n\/* =========================================================\nMAIN\n========================================================= *\/\n\n#abera-routine-v4 .arr4-main {\n width: 100%;\n\n margin: 0;\n\n padding:\n clamp(46px, 5vw, 72px)\n 0\n clamp(50px, 5vw, 76px);\n\n background: var(--ivory);\n}\n\n\n\/* =========================================================\nCONTAINER\n========================================================= *\/\n\n#abera-routine-v4 .arr4-container {\n width: 100%;\n\n max-width: 1500px;\n\n margin: 0 auto;\n\n padding-left:\n clamp(36px, 7vw, 112px);\n\n padding-right:\n clamp(36px, 7vw, 112px);\n}\n\n\n\/* =========================================================\nHEADER\n========================================================= *\/\n\n#abera-routine-v4 .arr4-header {\n max-width: 900px;\n\n margin:\n 0\n auto\n clamp(30px, 4vw, 44px);\n\n text-align: center;\n}\n\n\n#abera-routine-v4 .arr4-title {\n margin: 0;\n\n color: var(--black);\n\n font-size:\n clamp(28px, 3vw, 40px);\n\n line-height: 1.13;\n\n font-weight: 600;\n\n letter-spacing: 0;\n\n text-align: center;\n\n text-wrap: balance;\n}\n\n\n\/* =========================================================\nGRID\n========================================================= *\/\n\n#abera-routine-v4 .arr4-grid {\n width: 100%;\n\n display: grid;\n\n grid-template-columns:\n repeat(4, minmax(0, 1fr));\n\n gap: 18px;\n}\n\n\n\/* =========================================================\nCARD\n========================================================= *\/\n\n#abera-routine-v4 .arr4-card {\n position: relative;\n\n width: 100%;\n\n aspect-ratio: 4 \/ 5;\n\n min-width: 0;\n\n overflow: hidden;\n\n border-radius: 10px;\n\n background: #d8d2c9;\n\n box-shadow:\n 0 3px 10px\n rgba(0,0,0,.035);\n}\n\n\n\/* IMAGE *\/\n\n#abera-routine-v4 .arr4-image {\n position: absolute;\n\n inset: 0;\n\n z-index: 1;\n}\n\n\n#abera-routine-v4 .arr4-image img {\n width: 100%;\n height: 100%;\n\n display: block;\n\n object-fit: cover;\n object-position: center;\n\n transition:\n transform .4s ease;\n}\n\n\n\/* =========================================================\nOVERLAY\n========================================================= *\/\n\n#abera-routine-v4 .arr4-overlay {\n position: absolute;\n\n inset: 0;\n\n z-index: 2;\n\n background:\n linear-gradient(\n to bottom,\n\n rgba(0,0,0,0) 30%,\n\n rgba(0,0,0,.05) 45%,\n\n rgba(0,0,0,.48) 75%,\n\n rgba(0,0,0,.88) 100%\n );\n}\n\n\n\/* =========================================================\nCONTENT\n========================================================= *\/\n\n#abera-routine-v4 .arr4-content {\n position: absolute;\n\n z-index: 3;\n\n left: 0;\n right: 0;\n bottom: 0;\n\n width: 100%;\n\n padding:\n 18px\n 17px;\n}\n\n\n\/* LABEL *\/\n\n#abera-routine-v4 .arr4-label {\n margin:\n 0\n 0\n 5px;\n\n color: var(--gold-light);\n\n font-size: 14px;\n line-height: 1.3;\n\n font-weight: 500;\n\n text-transform: uppercase;\n}\n\n\n\/* TEXT *\/\n\n#abera-routine-v4 .arr4-text {\n margin: 0;\n\n color:\n rgba(255,255,255,.92);\n\n font-size: 13px;\n line-height: 1.5;\n\n font-weight: 400;\n\n word-break: normal;\n\n overflow-wrap: break-word;\n\n hyphens: none;\n}\n\n\n\/* =========================================================\nDESKTOP\n========================================================= *\/\n\n@media (min-width: 1200px) {\n\n #abera-routine-v4\n .arr4-card:hover\n .arr4-image img {\n\n transform:\n scale(1.025);\n\n }\n\n}\n\n\n\/* =========================================================\nTABLET\n========================================================= *\/\n\n@media\n(min-width: 768px)\nand\n(max-width: 1199px) {\n\n #abera-routine-v4 .arr4-container {\n padding-left: 34px;\n padding-right: 34px;\n }\n\n\n #abera-routine-v4 .arr4-grid {\n grid-template-columns:\n repeat(2, minmax(0, 1fr));\n\n gap: 14px;\n }\n\n}\n\n\n\/* =========================================================\nMOBILE\n========================================================= *\/\n\n@media (max-width: 767px) {\n\n #abera-routine-v4 {\n margin: 0 !important;\n padding: 0 !important;\n\n background: var(--ivory);\n }\n\n\n #abera-routine-v4 .arr4-main {\n padding:\n 34px\n 0\n 40px;\n }\n\n\n #abera-routine-v4 .arr4-container {\n padding-left: 16px;\n padding-right: 16px;\n }\n\n\n #abera-routine-v4 .arr4-header {\n margin-bottom: 24px;\n }\n\n\n #abera-routine-v4 .arr4-title {\n font-size:\n clamp(20px, 4vw, 28px);\n\n line-height: 1.2;\n\n word-break: normal;\n\n overflow-wrap: normal;\n\n hyphens: none;\n }\n\n\n \/* 2 × 2 *\/\n\n #abera-routine-v4 .arr4-grid {\n grid-template-columns:\n repeat(2, minmax(0, 1fr));\n\n gap: 10px;\n }\n\n\n #abera-routine-v4 .arr4-card {\n border-radius: 8px;\n }\n\n\n #abera-routine-v4 .arr4-content {\n padding:\n 13px\n 11px;\n }\n\n\n #abera-routine-v4 .arr4-label {\n margin-bottom: 4px;\n\n font-size: 11px;\n line-height: 1.3;\n }\n\n\n #abera-routine-v4 .arr4-text {\n font-size: 11px;\n line-height: 1.4;\n\n word-break: normal;\n\n overflow-wrap: break-word;\n\n hyphens: none;\n }\n\n}\n\n\u003c\/style\u003e\n\u003csection id=\"abera-routine-v4\"\u003e\n\u003cdiv class=\"arr4-main\"\u003e\n\u003cdiv class=\"arr4-container\"\u003e\u003c!-- HEADER --\u003e\n\u003cdiv class=\"arr4-header\"\u003e\n\u003ch2 class=\"arr4-title\"\u003eTU RUTINA PARA LAS CANAS,\u003cbr\u003eDONDEQUIERA QUE TE LLEVE LA VIDA.\u003c\/h2\u003e\n\u003c\/div\u003e\n\u003c!-- CARDS --\u003e\n\u003cdiv class=\"arr4-grid\"\u003e\u003c!-- 01 --\u003e\n\u003carticle class=\"arr4-card\"\u003e\n\u003cdiv class=\"arr4-image\"\u003e\u003cimg alt=\"Rutina ABERA para canas antes del trabajo\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/ChatGPT_54.webp?v=1787217075\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"arr4-overlay\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"arr4-content\"\u003e\n\u003ch3 class=\"arr4-label\"\u003eANTES DEL TRABAJO\u003c\/h3\u003e\n\u003cp class=\"arr4-text\"\u003eRefresca las canas visibles sin programar una visita al salón.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/article\u003e\n\u003c!-- 02 --\u003e\n\u003carticle class=\"arr4-card\"\u003e\n\u003cdiv class=\"arr4-image\"\u003e\u003cimg alt=\"Rutina ABERA para canas antes de un evento\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/ChatGPT_55.webp?v=1787217941\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"arr4-overlay\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"arr4-content\"\u003e\n\u003ch3 class=\"arr4-label\"\u003eANTES DE UN EVENTO\u003c\/h3\u003e\n\u003cp class=\"arr4-text\"\u003eRenueva el aspecto de tu cabello antes de una ocasión importante.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/article\u003e\n\u003c!-- 03 --\u003e\n\u003carticle class=\"arr4-card\"\u003e\n\u003cdiv class=\"arr4-image\"\u003e\u003cimg alt=\"Champú Tinte ABERA para viajes de negocios\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/ChatGPT_57.webp?v=1787218999\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"arr4-overlay\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"arr4-content\"\u003e\n\u003ch3 class=\"arr4-label\"\u003eVIAJE DE NEGOCIOS\u003c\/h3\u003e\n\u003cp class=\"arr4-text\"\u003eLleva sobres individuales en lugar de un kit de tinte voluminoso.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/article\u003e\n\u003c!-- 04 --\u003e\n\u003carticle class=\"arr4-card\"\u003e\n\u003cdiv class=\"arr4-image\"\u003e\u003cimg alt=\"Retoque de raíces con canas ABERA\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/ChatGPT_58.webp?v=1787219168\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"arr4-overlay\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"arr4-content\"\u003e\n\u003ch3 class=\"arr4-label\"\u003eRETOQUE DE RAÍCES\u003c\/h3\u003e\n\u003cp class=\"arr4-text\"\u003eTen listo tu próximo retoque cuando vuelvan a aparecer las canas.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/article\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- =========================================================\n02 — CUSTOMER VIDEOS\n========================================================= --\u003e\n\u003cstyle\u003e\n\n\/* =========================================================\nROOT\n========================================================= *\/\n\n#abera-customer-videos-v4,\n#abera-customer-videos-v4 * {\n box-sizing: border-box;\n}\n\n\n#abera-customer-videos-v4 {\n --black: #0f0f0f;\n\n --gold: #b07d2f;\n --gold-main: #c89c46;\n\n --ivory: #f7f3ec;\n\n --white: #ffffff;\n\n --text: #171717;\n\n --line: #ddd3c4;\n\n --green: #557963;\n\n\n width: 100%;\n\n margin: 0 !important;\n padding: 0 !important;\n\n overflow: hidden;\n\n background: var(--ivory);\n\n color: var(--text);\n\n font-family:\n \"Inter\",\n Arial,\n sans-serif;\n}\n\n\n\/* =========================================================\nMAIN\n========================================================= *\/\n\n#abera-customer-videos-v4 .acv4-main {\n width: 100%;\n\n margin: 0;\n\n padding:\n clamp(46px, 5vw, 72px)\n 0\n clamp(54px, 5vw, 80px);\n\n background: var(--ivory);\n}\n\n\n\/* =========================================================\nCONTAINER\n========================================================= *\/\n\n#abera-customer-videos-v4 .acv4-container {\n width: 100%;\n\n max-width: 1500px;\n\n margin: 0 auto;\n\n padding-left:\n clamp(36px, 7vw, 112px);\n\n padding-right:\n clamp(36px, 7vw, 112px);\n}\n\n\n\/* =========================================================\nHEADER\n========================================================= *\/\n\n#abera-customer-videos-v4 .acv4-header {\n max-width: 1200px;\n\n margin:\n 0\n auto\n clamp(30px, 4vw, 44px);\n\n text-align: center;\n}\n\n\n\/* EYEBROW *\/\n\n#abera-customer-videos-v4 .acv4-eyebrow {\n margin:\n 0\n 0\n 10px;\n\n color: var(--gold);\n\n font-size: 13px;\n line-height: 1.3;\n\n font-weight: 600;\n\n letter-spacing: 1.3px;\n\n text-transform: uppercase;\n}\n\n\n\/* TITLE *\/\n\n#abera-customer-videos-v4 .acv4-title {\n margin: 0;\n\n color: var(--black);\n\n font-size:\n clamp(28px, 3vw, 40px);\n\n line-height: 1.15;\n\n font-weight: 600;\n\n text-align: center;\n\n text-wrap: balance;\n}\n\n\n\/* =========================================================\nTRACK\n========================================================= *\/\n\n#abera-customer-videos-v4 .acv4-track {\n width: 100%;\n\n display: grid;\n\n grid-template-columns:\n repeat(4, minmax(0, 1fr));\n\n gap: 18px;\n}\n\n\n\/* =========================================================\nCARD\n========================================================= *\/\n\n#abera-customer-videos-v4 .acv4-card {\n min-width: 0;\n\n overflow: hidden;\n\n border:\n 1px solid\n var(--line);\n\n border-radius: 10px;\n\n background: var(--white);\n\n box-shadow:\n 0 3px 12px\n rgba(0,0,0,.03);\n}\n\n\n\/* =========================================================\nVIDEO\n========================================================= *\/\n\n#abera-customer-videos-v4 .acv4-video {\n position: relative;\n\n width: 100%;\n\n aspect-ratio: 9 \/ 16;\n\n overflow: hidden;\n\n background: #111111;\n}\n\n\n#abera-customer-videos-v4 .acv4-video video {\n position: absolute;\n\n inset: 0;\n\n width: 100% !important;\n height: 100% !important;\n\n display: block;\n\n object-fit: cover;\n object-position: center;\n\n background: #111111;\n}\n\n\n\/* =========================================================\nINFO\n========================================================= *\/\n\n#abera-customer-videos-v4 .acv4-info {\n padding:\n 17px\n 16px\n 18px;\n}\n\n\n\/* STARS *\/\n\n#abera-customer-videos-v4 .acv4-stars {\n margin:\n 0\n 0\n 13px;\n\n color: #c79637;\n\n font-size: 18px;\n line-height: 1;\n\n letter-spacing: 1px;\n\n white-space: nowrap;\n}\n\n\n\/* CUSTOMER ROW *\/\n\n#abera-customer-videos-v4 .acv4-person {\n width: 100%;\n\n display: flex;\n\n align-items: center;\n justify-content: space-between;\n\n flex-wrap: wrap;\n\n gap:\n 7px\n 10px;\n}\n\n\n\/* NAME *\/\n\n#abera-customer-videos-v4 .acv4-name {\n color: var(--black);\n\n font-size: 14px;\n line-height: 1.35;\n\n font-weight: 500;\n}\n\n\n\/* VERIFIED *\/\n\n#abera-customer-videos-v4 .acv4-verified {\n color: var(--green);\n\n font-size: 10px;\n line-height: 1.3;\n\n font-weight: 500;\n\n white-space: nowrap;\n}\n\n\n\/* =========================================================\nCONTROLS\n========================================================= *\/\n\n#abera-customer-videos-v4 .acv4-controls {\n display: none;\n}\n\n\n\/* =========================================================\nTABLET\n========================================================= *\/\n\n@media\n(min-width: 768px)\nand\n(max-width: 1199px) {\n\n #abera-customer-videos-v4\n .acv4-container {\n\n padding-left: 34px;\n padding-right: 34px;\n\n }\n\n\n #abera-customer-videos-v4\n .acv4-track {\n\n display: flex;\n\n gap: 14px;\n\n overflow-x: auto;\n overflow-y: hidden;\n\n padding-bottom: 5px;\n\n scroll-snap-type:\n x mandatory;\n\n scrollbar-width:\n none;\n\n -webkit-overflow-scrolling:\n touch;\n\n }\n\n\n #abera-customer-videos-v4\n .acv4-track::-webkit-scrollbar {\n\n display: none;\n\n }\n\n\n #abera-customer-videos-v4\n .acv4-card {\n\n flex:\n 0\n 0\n 42%;\n\n scroll-snap-align:\n start;\n\n }\n\n}\n\n\n\/* =========================================================\nMOBILE\n========================================================= *\/\n\n@media (max-width: 767px) {\n\n #abera-customer-videos-v4 {\n margin: 0 !important;\n padding: 0 !important;\n\n background: var(--ivory);\n }\n\n\n #abera-customer-videos-v4 .acv4-main {\n padding:\n 34px\n 0\n 40px;\n }\n\n\n #abera-customer-videos-v4\n .acv4-container {\n\n width: 100%;\n\n padding-left: 16px;\n padding-right: 16px;\n\n }\n\n\n \/* HEADER *\/\n\n #abera-customer-videos-v4\n .acv4-header {\n\n margin-bottom: 24px;\n\n }\n\n\n #abera-customer-videos-v4\n .acv4-eyebrow {\n\n margin-bottom: 8px;\n\n font-size: 11px;\n\n letter-spacing: 1.1px;\n\n }\n\n\n #abera-customer-videos-v4\n .acv4-title {\n\n font-size:\n clamp(23px, 6vw, 28px);\n\n line-height: 1.2;\n\n word-break: normal;\n\n overflow-wrap: normal;\n\n hyphens: none;\n\n }\n\n\n \/* =====================================================\n MOBILE CAROUSEL\n ===================================================== *\/\n\n #abera-customer-videos-v4\n .acv4-track {\n\n width: 100%;\n\n display: flex;\n\n gap: 12px;\n\n overflow-x: auto;\n overflow-y: hidden;\n\n padding-bottom: 5px;\n\n scroll-snap-type:\n x mandatory;\n\n scroll-behavior:\n smooth;\n\n overscroll-behavior-x:\n contain;\n\n scrollbar-width:\n none;\n\n -webkit-overflow-scrolling:\n touch;\n\n }\n\n\n #abera-customer-videos-v4\n .acv4-track::-webkit-scrollbar {\n\n display: none;\n\n }\n\n\n #abera-customer-videos-v4\n .acv4-card {\n\n flex:\n 0\n 0\n 78%;\n\n min-width: 78%;\n\n scroll-snap-align:\n start;\n\n }\n\n\n #abera-customer-videos-v4\n .acv4-info {\n\n padding:\n 15px\n 14px\n 16px;\n\n }\n\n\n #abera-customer-videos-v4\n .acv4-stars {\n\n margin-bottom: 12px;\n\n font-size: 17px;\n\n }\n\n\n #abera-customer-videos-v4\n .acv4-name {\n\n font-size: 14px;\n\n }\n\n\n \/* =====================================================\n MOBILE ARROWS\n ===================================================== *\/\n\n #abera-customer-videos-v4\n .acv4-controls {\n\n display: flex;\n\n align-items: center;\n\n gap: 8px;\n\n margin-top: 12px;\n\n }\n\n\n #abera-customer-videos-v4\n .acv4-btn {\n\n width: 32px;\n height: 32px;\n\n flex:\n 0\n 0\n 32px;\n\n display: inline-flex;\n\n align-items: center;\n justify-content: center;\n\n padding: 0;\n\n border:\n 1px solid\n var(--gold-main);\n\n border-radius:\n 50%;\n\n background:\n var(--black);\n\n color:\n var(--gold-main);\n\n font-family:\n Arial,\n sans-serif;\n\n font-size:\n 17px;\n\n line-height:\n 1;\n\n cursor:\n pointer;\n\n appearance:\n none;\n\n -webkit-appearance:\n none;\n\n }\n\n\n #abera-customer-videos-v4\n .acv4-btn:disabled {\n\n opacity: .35;\n\n cursor: default;\n\n }\n\n}\n\n\u003c\/style\u003e\n\u003csection id=\"abera-customer-videos-v4\"\u003e\n\u003cdiv class=\"acv4-main\"\u003e\n\u003cdiv class=\"acv4-container\"\u003e\u003c!-- HEADER --\u003e\n\u003cdiv class=\"acv4-header\"\u003e\n\u003cp class=\"acv4-eyebrow\"\u003ePERSONAS REALES. COBERTURA REAL DE CANAS.\u003c\/p\u003e\n\u003ch2 class=\"acv4-title\"\u003eDESCUBRE POR QUÉ LOS CLIENTES ESTÁN HACIENDO EL CAMBIO.\u003c\/h2\u003e\n\u003c\/div\u003e\n\u003c!-- VIDEOS --\u003e\n\u003cdiv class=\"acv4-track\"\u003e\u003c!-- 01 --\u003e\n\u003carticle class=\"acv4-card\"\u003e\n\u003cdiv class=\"acv4-video\"\u003e\u003cvideo preload=\"metadata\" playsinline=\"\" controls=\"controls\" poster=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/0803.webp?v=1787234744\" src=\"https:\/\/cdn.shopify.com\/videos\/c\/o\/v\/96e4ee60842546d28b4956b7d7229628.mp4\"\u003e\u003c\/video\u003e\u003c\/div\u003e\n\u003cdiv class=\"acv4-info\"\u003e\n\u003cdiv class=\"acv4-stars\"\u003e★★★★★\u003c\/div\u003e\n\u003cdiv class=\"acv4-person\"\u003e\u003cspan class=\"acv4-name\"\u003e Mark E. \u003c\/span\u003e \u003cspan class=\"acv4-verified\"\u003e ✓ Cliente verificado \u003c\/span\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/article\u003e\n\u003c!-- 02 --\u003e\n\u003carticle class=\"acv4-card\"\u003e\n\u003cdiv class=\"acv4-video\"\u003e\u003cvideo preload=\"metadata\" playsinline=\"\" controls=\"controls\" poster=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/0803-2-20260803093356-ioqjc.webp?v=1787235039\" src=\"https:\/\/cdn.shopify.com\/videos\/c\/o\/v\/1760d30ec5044633b1563f825eb48e87.mp4\"\u003e\u003c\/video\u003e\u003c\/div\u003e\n\u003cdiv class=\"acv4-info\"\u003e\n\u003cdiv class=\"acv4-stars\"\u003e★★★★★\u003c\/div\u003e\n\u003cdiv class=\"acv4-person\"\u003e\u003cspan class=\"acv4-name\"\u003e Emma O. \u003c\/span\u003e \u003cspan class=\"acv4-verified\"\u003e ✓ Cliente verificado \u003c\/span\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/article\u003e\n\u003c!-- 03 --\u003e\n\u003carticle class=\"acv4-card\"\u003e\n\u003cdiv class=\"acv4-video\"\u003e\u003cvideo preload=\"metadata\" playsinline=\"\" controls=\"controls\" poster=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/unbox-20260803093950-avtmk.webp?v=1787235039\" src=\"https:\/\/cdn.shopify.com\/videos\/c\/o\/v\/2e42d08b4e8d4c7cb6e8df19edf34b8c.mp4\"\u003e\u003c\/video\u003e\u003c\/div\u003e\n\u003cdiv class=\"acv4-info\"\u003e\n\u003cdiv class=\"acv4-stars\"\u003e★★★★★\u003c\/div\u003e\n\u003cdiv class=\"acv4-person\"\u003e\u003cspan class=\"acv4-name\"\u003e Jack L. \u003c\/span\u003e \u003cspan class=\"acv4-verified\"\u003e ✓ Cliente verificado \u003c\/span\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/article\u003e\n\u003c!-- 04 --\u003e\n\u003carticle class=\"acv4-card\"\u003e\n\u003cdiv class=\"acv4-video\"\u003e\u003cvideo preload=\"metadata\" playsinline=\"\" controls=\"controls\" poster=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/hairpack-20260803095427-h2gd3.webp?v=1787235039\" src=\"https:\/\/cdn.shopify.com\/videos\/c\/o\/v\/eee2693211dc4c819856830d88428650.mp4\"\u003e\u003c\/video\u003e\u003c\/div\u003e\n\u003cdiv class=\"acv4-info\"\u003e\n\u003cdiv class=\"acv4-stars\"\u003e★★★★★\u003c\/div\u003e\n\u003cdiv class=\"acv4-person\"\u003e\u003cspan class=\"acv4-name\"\u003e Ave R. \u003c\/span\u003e \u003cspan class=\"acv4-verified\"\u003e ✓ Cliente verificado \u003c\/span\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/article\u003e\n\u003c\/div\u003e\n\u003c!-- MOBILE ARROWS --\u003e\n\u003cdiv class=\"acv4-controls\"\u003e\u003cbutton aria-label=\"Video anterior de cliente\" class=\"acv4-btn acv4-prev\" type=\"button\"\u003e ← \u003c\/button\u003e \u003cbutton aria-label=\"Siguiente video de cliente\" class=\"acv4-btn acv4-next\" type=\"button\"\u003e → \u003c\/button\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- =========================================================\nMOBILE CAROUSEL JS\n========================================================= --\u003e \u003cscript\u003e\n\n(function () {\n\n const section =\n document.querySelector(\n \"#abera-customer-videos-v4\"\n );\n\n if (!section) return;\n\n\n const track =\n section.querySelector(\n \".acv4-track\"\n );\n\n const prev =\n section.querySelector(\n \".acv4-prev\"\n );\n\n const next =\n section.querySelector(\n \".acv4-next\"\n );\n\n\n if (!track || !prev || !next) return;\n\n\n function getScrollAmount() {\n\n const card =\n track.querySelector(\n \".acv4-card\"\n );\n\n if (!card) return 300;\n\n\n const styles =\n window.getComputedStyle(\n track\n );\n\n\n const gap =\n parseFloat(\n styles.columnGap ||\n styles.gap\n ) || 12;\n\n\n return (\n card.getBoundingClientRect().width\n +\n gap\n );\n\n }\n\n\n prev.addEventListener(\n \"click\",\n function () {\n\n track.scrollBy({\n\n left:\n -getScrollAmount(),\n\n behavior:\n \"smooth\"\n\n });\n\n }\n );\n\n\n next.addEventListener(\n \"click\",\n function () {\n\n track.scrollBy({\n\n left:\n getScrollAmount(),\n\n behavior:\n \"smooth\"\n\n });\n\n }\n );\n\n\n function updateButtons() {\n\n const max =\n track.scrollWidth\n -\n track.clientWidth;\n\n\n prev.disabled =\n track.scrollLeft \u003c= 4;\n\n\n next.disabled =\n track.scrollLeft \u003e=\n max - 4;\n\n }\n\n\n track.addEventListener(\n \"scroll\",\n updateButtons,\n {\n passive: true\n }\n );\n\n\n window.addEventListener(\n \"resize\",\n updateButtons\n );\n\n\n updateButtons();\n\n})();\n\n\u003c\/script\u003e\u003c\/section\u003e\n\u003c!-- =========================================================\nABERA HAIR DYE — FAQ\nCONTINUOUS BEIGE BACKGROUND\n11 QUESTIONS\nNO JAVASCRIPT REQUIRED\n========================================================= --\u003e\n\u003cstyle\u003e\n\n\/* =========================================================\nGLOBAL PAGE BACKGROUND\nREMOVE WHITE GAPS BETWEEN ABERA SECTIONS\n========================================================= *\/\n\n#MainContent {\n background: #f7f3ec !important;\n}\n\n\n\/* SHOPIFY WRAPPERS *\/\n\n#MainContent .shopify-section:has([id^=\"abera-\"]) {\n margin-top: 0 !important;\n margin-bottom: 0 !important;\n\n padding-top: 0 !important;\n padding-bottom: 0 !important;\n\n background: #f7f3ec !important;\n}\n\n\n\/* FAQ WRAPPER — EXTRA SAFETY *\/\n\n#MainContent .shopify-section:has(#abera-faq-v4) {\n margin: 0 !important;\n padding: 0 !important;\n\n background: #f7f3ec !important;\n}\n\n\n\/* REMOVE GAP BETWEEN ADJACENT ABERA SECTIONS *\/\n\n#MainContent\n.shopify-section:has([id^=\"abera-\"])\n+\n.shopify-section:has([id^=\"abera-\"]) {\n\n margin-top: 0 !important;\n padding-top: 0 !important;\n\n}\n\n\n\/* =========================================================\nROOT\n========================================================= *\/\n\n#abera-faq-v4,\n#abera-faq-v4 * {\n box-sizing: border-box;\n}\n\n\n#abera-faq-v4 {\n --black: #0f0f0f;\n\n --gold: #b07d2f;\n --gold-main: #c89c46;\n\n --ivory: #f7f3ec;\n\n --text: #171717;\n --muted: #625d56;\n\n --line: #d8d0c3;\n\n\n width: 100%;\n\n margin: 0 !important;\n padding: 0 !important;\n\n background: var(--ivory);\n\n color: var(--text);\n\n font-family:\n \"Inter\",\n Arial,\n sans-serif;\n}\n\n\n\/* =========================================================\nSECTION INNER\n========================================================= *\/\n\n#abera-faq-v4 .afq4-main {\n width: 100%;\n\n margin: 0;\n\n padding:\n clamp(48px, 5vw, 76px)\n 0\n clamp(54px, 5vw, 80px);\n\n background: var(--ivory);\n}\n\n\n\/* =========================================================\nCONTAINER\n========================================================= *\/\n\n#abera-faq-v4 .afq4-container {\n width: 100%;\n\n max-width: 1250px;\n\n margin: 0 auto;\n\n padding-left:\n clamp(36px, 7vw, 112px);\n\n padding-right:\n clamp(36px, 7vw, 112px);\n}\n\n\n\/* =========================================================\nTITLE\n========================================================= *\/\n\n#abera-faq-v4 .afq4-title {\n width: 100%;\n\n margin:\n 0\n 0\n clamp(30px, 4vw, 42px);\n\n padding: 0;\n\n color: var(--black);\n\n font-size:\n clamp(28px, 3vw, 40px);\n\n line-height: 1.15;\n\n font-weight: 600;\n\n letter-spacing: 0;\n\n text-align: center;\n\n text-wrap: balance;\n}\n\n\n\/* =========================================================\nFAQ LIST\n========================================================= *\/\n\n#abera-faq-v4 .afq4-list {\n width: 100%;\n\n margin: 0;\n padding: 0;\n\n border-top:\n 1px solid\n var(--line);\n}\n\n\n\/* =========================================================\nITEM\n========================================================= *\/\n\n#abera-faq-v4 .afq4-item {\n width: 100%;\n\n margin: 0;\n padding: 0;\n\n border-bottom:\n 1px solid\n var(--line);\n\n background: transparent;\n}\n\n\n\/* REMOVE BROWSER DEFAULT MARKER *\/\n\n#abera-faq-v4\n.afq4-question::-webkit-details-marker {\n\n display: none;\n\n}\n\n\n#abera-faq-v4\n.afq4-question::marker {\n\n content: \"\";\n\n}\n\n\n\/* =========================================================\nQUESTION\n========================================================= *\/\n\n#abera-faq-v4 .afq4-question {\n position: relative;\n\n width: 100%;\n\n min-height: 72px;\n\n display: flex;\n\n align-items: center;\n\n margin: 0;\n\n padding:\n 20px\n 42px\n 20px\n 0;\n\n list-style: none;\n\n cursor: pointer;\n\n color: var(--black);\n\n font-size: 14px;\n line-height: 1.45;\n\n font-weight: 500;\n\n text-align: left;\n\n outline: none;\n\n word-break: normal;\n\n overflow-wrap: break-word;\n\n hyphens: none;\n\n -webkit-hyphens: none;\n}\n\n\n\/* =========================================================\nPLUS\n========================================================= *\/\n\n#abera-faq-v4\n.afq4-question::after {\n\n content: \"+\";\n\n position: absolute;\n\n top: 50%;\n right: 2px;\n\n transform:\n translateY(-50%);\n\n color: var(--gold);\n\n font-size: 20px;\n line-height: 1;\n\n font-weight: 400;\n\n}\n\n\n\/* OPEN = MINUS *\/\n\n#abera-faq-v4\n.afq4-item[open]\n.afq4-question::after {\n\n content: \"−\";\n\n}\n\n\n\/* =========================================================\nANSWER\n========================================================= *\/\n\n#abera-faq-v4 .afq4-answer {\n width: 100%;\n\n max-width: 1000px;\n\n margin: 0;\n\n padding:\n 0\n 55px\n 21px\n 0;\n\n color: var(--muted);\n\n font-size: 14px;\n line-height: 1.65;\n\n font-weight: 400;\n\n word-break: normal;\n\n overflow-wrap: break-word;\n\n hyphens: none;\n\n -webkit-hyphens: none;\n}\n\n\n#abera-faq-v4 .afq4-answer p {\n margin: 0;\n padding: 0;\n}\n\n\n\/* =========================================================\nDESKTOP HOVER\n========================================================= *\/\n\n@media (min-width: 768px) {\n\n #abera-faq-v4\n .afq4-question {\n\n transition:\n color .2s ease;\n\n }\n\n\n #abera-faq-v4\n .afq4-question:hover {\n\n color: var(--gold);\n\n }\n\n}\n\n\n\/* =========================================================\nTABLET\n========================================================= *\/\n\n@media\n(min-width: 768px)\nand\n(max-width: 1199px) {\n\n #abera-faq-v4 .afq4-main {\n padding:\n 44px\n 0\n 56px;\n }\n\n\n #abera-faq-v4 .afq4-container {\n padding-left: 34px;\n padding-right: 34px;\n }\n\n\n #abera-faq-v4 .afq4-title {\n margin-bottom: 30px;\n\n font-size:\n clamp(27px, 4vw, 36px);\n }\n\n}\n\n\n\/* =========================================================\nMOBILE\n========================================================= *\/\n\n@media (max-width: 767px) {\n\n #abera-faq-v4 {\n margin: 0 !important;\n padding: 0 !important;\n\n background: var(--ivory);\n }\n\n\n #abera-faq-v4 .afq4-main {\n width: 100%;\n\n margin: 0;\n\n padding:\n 34px\n 0\n 40px;\n\n background: var(--ivory);\n }\n\n\n #abera-faq-v4 .afq4-container {\n width: 100%;\n\n padding-left: 16px;\n padding-right: 16px;\n }\n\n\n \/* TITLE *\/\n\n #abera-faq-v4 .afq4-title {\n margin-bottom: 24px;\n\n font-size:\n clamp(23px, 6vw, 29px);\n\n line-height: 1.2;\n\n word-break: normal;\n\n overflow-wrap: normal;\n\n hyphens: none;\n }\n\n\n \/* QUESTION *\/\n\n #abera-faq-v4 .afq4-question {\n min-height: 64px;\n\n padding:\n 17px\n 31px\n 17px\n 0;\n\n font-size: 14px;\n line-height: 1.45;\n\n word-break: normal !important;\n\n overflow-wrap: break-word !important;\n\n hyphens: none !important;\n\n -webkit-hyphens: none !important;\n }\n\n\n #abera-faq-v4\n .afq4-question::after {\n\n right: 1px;\n\n font-size: 19px;\n\n }\n\n\n \/* ANSWER *\/\n\n #abera-faq-v4 .afq4-answer {\n max-width: 100%;\n\n padding:\n 0\n 28px\n 18px\n 0;\n\n font-size: 13px;\n line-height: 1.6;\n }\n\n}\n\n\u003c\/style\u003e\n\u003csection id=\"abera-faq-v4\"\u003e\u003c!-- =========================================================\nFAQ CONTENT\n========================================================= --\u003e\n\u003cdiv class=\"afq4-main\"\u003e\n\u003cdiv class=\"afq4-container\"\u003e\u003c!-- TITLE --\u003e\n\u003ch2 class=\"afq4-title\"\u003ePREGUNTAS FRECUENTES\u003c\/h2\u003e\n\u003c!-- =====================================================\n FAQ LIST\n ====================================================== --\u003e\n\u003cdiv class=\"afq4-list\"\u003e\u003c!-- 01 --\u003e\n\u003cdetails class=\"afq4-item\"\u003e\n\u003csummary class=\"afq4-question\"\u003e¿Cuánto dura el color en el cabello?\u003c\/summary\u003e\n\u003cdiv class=\"afq4-answer\"\u003e\n\u003cp\u003eSegún el tipo de cabello y la frecuencia de lavado, Abera suele durar de 4 a 6 semanas.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c!-- 02 --\u003e\n\u003cdetails class=\"afq4-item\"\u003e\n\u003csummary class=\"afq4-question\"\u003e¿Puede causar alergias o es apto para piel sensible?\u003c\/summary\u003e\n\u003cdiv class=\"afq4-answer\"\u003e\n\u003cp\u003eAbera contiene sustancias químicas a las que algunas personas pueden ser sensibles, por ejemplo PPD y peróxido de hidrógeno. Recomendamos realizar una prueba de parche 24 horas antes de la aplicación completa.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c!-- 03 --\u003e\n\u003cdetails class=\"afq4-item\"\u003e\n\u003csummary class=\"afq4-question\"\u003e¿Un sobre es suficiente para una aplicación?\u003c\/summary\u003e\n\u003cdiv class=\"afq4-answer\"\u003e\n\u003cp\u003eLa cantidad necesaria depende del largo y grosor de tu cabello, así como de la zona que quieras teñir.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c!-- 04 --\u003e\n\u003cdetails class=\"afq4-item\"\u003e\n\u003csummary class=\"afq4-question\"\u003e¿Puedo usarlo solo en las raíces con canas?\u003c\/summary\u003e\n\u003cdiv class=\"afq4-answer\"\u003e\n\u003cp\u003eSí. Puedes concentrar la aplicación en las zonas con canas visibles, como las raíces, las sienes y la línea del cabello, siguiendo las instrucciones del producto.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c!-- 05 --\u003e\n\u003cdetails class=\"afq4-item\"\u003e\n\u003csummary class=\"afq4-question\"\u003e¿Funciona en cualquier tipo de cabello?\u003c\/summary\u003e\n\u003cdiv class=\"afq4-answer\"\u003e\n\u003cp\u003eSí, Abera funciona en tipos de cabello del 1A al 4C. Gracias a su textura similar a un champú, es fácil de aplicar y cubre las canas desde la raíz hasta las puntas.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c!-- 06 --\u003e\n\u003cdetails class=\"afq4-item\"\u003e\n\u003csummary class=\"afq4-question\"\u003e¿Este champú deja manchas en la piel o la tela?\u003c\/summary\u003e\n\u003cdiv class=\"afq4-answer\"\u003e\n\u003cp\u003eEl Champú Tinte Instantáneo Abera está diseñado para una aplicación más limpia y sencilla. Recomendamos usar guantes durante la aplicación y evitar toallas y ropa blancas o de colores claros, ya que el pigmento puede transferirse si el producto no se enjuaga por completo.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c!-- 07 --\u003e\n\u003cdetails class=\"afq4-item\"\u003e\n\u003csummary class=\"afq4-question\"\u003e¿Puedo usar este champú en la barba?\u003c\/summary\u003e\n\u003cdiv class=\"afq4-answer\"\u003e\n\u003cp\u003eSi la piel de tu rostro se irrita con facilidad, prueba primero el producto en una zona pequeña antes de aplicarlo de forma más amplia y sigue las instrucciones del producto.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c!-- 08 --\u003e\n\u003cdetails class=\"afq4-item\"\u003e\n\u003csummary class=\"afq4-question\"\u003e¿Se puede usar con mis productos habituales para el cuidado del cabello?\u003c\/summary\u003e\n\u003cdiv class=\"afq4-answer\"\u003e\n\u003cp\u003eRecomendamos usar nuestro champú y acondicionador entre aplicaciones de color. Puedes aplicar acondicionador después de enjuagar completamente el tinte.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c!-- 09 --\u003e\n\u003cdetails class=\"afq4-item\"\u003e\n\u003csummary class=\"afq4-question\"\u003e¿Debo realizar una prueba de alergia?\u003c\/summary\u003e\n\u003cdiv class=\"afq4-answer\"\u003e\n\u003cp\u003eSí. Sigue las instrucciones de la prueba de alergia incluidas con el producto de coloración antes de usarlo.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c!-- 10 --\u003e\n\u003cdetails class=\"afq4-item\"\u003e\n\u003csummary class=\"afq4-question\"\u003e¿Funciona en cabello completamente canoso?\u003c\/summary\u003e\n\u003cdiv class=\"afq4-answer\"\u003e\n\u003cp\u003eLa cobertura puede variar según el color original de tu cabello, el porcentaje de canas, el estado del cabello y la aplicación.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c!-- 11 --\u003e\n\u003cdetails class=\"afq4-item\"\u003e\n\u003csummary class=\"afq4-question\"\u003e¿Cuánto tardará en llegar mi pedido?\u003c\/summary\u003e\n\u003cdiv class=\"afq4-answer\"\u003e\n\u003cp\u003eLos pedidos se envían desde nuestras instalaciones en EE. UU. dentro de 1 a 2 días hábiles después de recibir el pedido. Los pedidos dentro de EE. UU. generalmente llegan entre 3 y 4 días después. Recibirás un correo electrónico con un número de seguimiento cuando se envíe tu paquete para que puedas seguir tu pedido hasta la puerta de tu casa.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e","brand":"ABERA US","offers":[{"title":"1 caja","offer_id":54087720239472,"sku":"CB-ABERA102+SL1","price":28.99,"currency_code":"USD","in_stock":true},{"title":"2 Cajas","offer_id":54087720272240,"sku":"CB-ABERA102+SL2-CB-DGBUOI081+SL1","price":46.99,"currency_code":"USD","in_stock":true},{"title":"3 Cajas + Paquete de Cuidado Capilar Gratis","offer_id":54087720305008,"sku":"CB-ABERA102+SL3-CB-DGBUOI081+SL1-CB-SRBUOI080+SL1","price":75.99,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/81qm-71baqL._SL1500.webp?v=1785484769","url":"https:\/\/www.abera.us\/es\/products\/abera-instant-hair-dye-shampoo-10-packs","provider":"ABERA","version":"1.0","type":"link"}