{"title":"Cuidado del cabello","description":"","products":[{"product_id":"abera-instant-hair-dye-shampoo-bottle","title":"Instant Hair Dye Shampoo","description":"\u003c!-- =========================================================\nTINTA PARA EL CABELLO ABERA — BENEFICIOS PRINCIPALES Y RÁPIDOS\nCONTENIDO DE BENEFICIOS ACTUALIZADO\n========================================================= --\u0026gt;\n\u003c!--$0--\u003e\n\u003cstyle\u003e\n#abera-hero-v4 .ahv4-media video {\n  display: block; width: 100%; height: 100%; object-fit: cover;\n  border: 1px solid #dbe2e8; border-radius: 14px;\n  background: #152638;\n}\n@media (max-width: 767px) {\n  #abera-hero-v4 .ahv4-media video { border-radius: 10px; }\n}\n\u003c\/style\u003e\n\u003csection id=\"abera-hero-v4\"\u003e\u003c!-- =========================================================\nBENEFICIOS PRINCIPALES\n========================================================= --\u0026gt;\n\u003cdiv class=\"ahv4-main\"\u003e\n\n\u003cdiv class=\"ahv4-container\"\u003e\n\n\u003cdiv class=\"ahv4-grid\"\u003e\n\n\u003c!-- IZQUIERDA --\u003e\n\u003cdiv class=\"ahv4-copy\"\u003e\n\n\u003cdiv class=\"ahv4-eyebrow\"\u003eCHAMPÚ TINTA INSTANTÁNEA PARA EL CABELLO ABERA\u003c\/div\u003e\n\n\u003ch1 class=\"ahv4-title\"\u003e¿CANAS? \u003cspan\u003e SOLO 15 MINUTOS. \u003c\/span\u003e\n\n\u003c\/h1\u003e\n\n\u003cp class=\"ahv4-description\"\u003e\u003cstrong\u003e Cubre las canas visibles en casa \u003c\/strong\u003e — sin cita en la peluquería ni mezclas complicadas de tinte. ABERA combina coloración, limpieza y acondicionamiento en una rutina sencilla similar a la de un champú.\u003c\/p\u003e\n\n\u003cdiv class=\"ahv4-usp\"\u003e\n\n\u003cdiv class=\"ahv4-usp\"\u003e\n\n\u003cspan class=\"ahv4-check\"\u003e ✓ \u003c\/span\u003e \u003cspan\u003e Cobertura visible de canas en 15 minutos \u003c\/span\u003e\n\n\u003c\/div\u003e\n\n\u003cdiv class=\"ahv4-usp\"\u003e\n\n\u003cspan class=\"ahv4-check\"\u003e ✓ \u003c\/span\u003e \u003cspan\u003e 15-20 aplicaciones \u003c\/span\u003e\n\n\u003c\/div\u003e\n\n\u003cdiv class=\"ahv4-usp\"\u003e\n\n\u003cspan class=\"ahv4-check\"\u003e ✓ \u003c\/span\u003e \u003cspan\u003e 3 en 1: Color + Limpieza + Acondicionamiento \u003c\/span\u003e\n\n\u003c\/div\u003e\n\n\u003cdiv class=\"ahv4-usp\"\u003e\n\n\u003cspan class=\"ahv4-check\"\u003e ✓ \u003c\/span\u003e \u003cspan\u003e Fórmula sin amoníaco \u003c\/span\u003e\n\n\u003c\/div\u003e\n\n\u003cdiv class=\"ahv4-usp\"\u003e\n\n\u003cspan class=\"ahv4-check\"\u003e ✓ \u003c\/span\u003e \u003cspan\u003e Para hombres y mujeres \u003c\/span\u003e\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\u003c!-- IMAGEN DERECHA --\u003e\n\u003cdiv class=\"ahv4-media\"\u003e\n\n\u003cvideo src=\"https:\/\/cdn.shopify.com\/videos\/c\/o\/v\/e6d164eee74040cbb469a953d154060c.mp4\" poster=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/0803_1_1.webp?v=1790069954\" controls=\"auto\" playsinline=\"\" preload=\"metadata\"\u003e\u003c\/video\u003e\n\u003cdiv class=\"ahv4-badge\"\u003e\n\n\u003cstrong\u003e 15 MIN \u003c\/strong\u003e \u003cspan\u003e COBERTURA RÁPIDA DE\u003cbr\u003eCANAS \u003c\/span\u003e\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\n\n\n\n\n\n\n\n\n\u003c!-- =========================================================\nBARRA DE BENEFICIOS RÁPIDOS ACTUALIZADA\n========================================================= --\u0026gt;\n\u003cdiv class=\"ahv4-benefits\"\u003e\n\n\u003cdiv class=\"ahv4-benefits-grid\"\u003e\n\n\u003c!-- 01 --\u003e\n\u003cdiv class=\"ahv4-benefit\"\u003e\n\n\u003cspan\u003e Cubre las canas \u003c\/span\u003e \u003cstrong\u003e en solo 15 minutos \u003c\/strong\u003e\n\n\u003c\/div\u003e\n\n\u003c!-- 02 --\u003e\n\u003cdiv class=\"ahv4-benefit\"\u003e\n\n\u003cspan\u003e Protege el cabello con una \u003c\/span\u003e \u003cstrong\u003e fórmula sin amoníaco \u003c\/strong\u003e\n\n\u003c\/div\u003e\n\n\u003c!-- 03 --\u003e\n\u003cdiv class=\"ahv4-benefit\"\u003e\n\n\u003cspan\u003e Tan fácil como el \u003c\/span\u003e \u003cstrong\u003e champú habitual \u003c\/strong\u003e\n\n\u003c\/div\u003e\n\n\u003c!-- 04 --\u003e\n\u003cdiv class=\"ahv4-benefit\"\u003e\n\n\u003cspan\u003e Apto para \u003c\/span\u003e \u003cstrong\u003e TODOS los tipos de cabello \u003c\/strong\u003e\n\n\u003c\/div\u003e\n\n\n\n\n\n\n\n\u003c\/section\u003e\n\u003c!-- =========================================================\nTINTA PARA EL CABELLO ABERA — CÓMO FUNCIONA\nFONDO BEIGE CONTINUO\nESCRITORIO: VIDEO A LA IZQUIERDA + 3 PASOS A LA DERECHA\nMÓVIL: VIDEO ARRIBA + PASOS ABAJO\n========================================================= --\u0026gt;\n\u003c!--$2--\u003e\n\u003cstyle\u003e\n#abera-how-v4 .ahw4-grid { display: block; }\n#abera-how-v4 .ahw4-steps {\n  display: grid; grid-template-columns: repeat(3, minmax(0, 1fr));\n  gap: 20px; align-items: stretch;\n}\n#abera-how-v4 .ahw4-step {\n  display: flex; flex-direction: column; align-items: flex-start;\n  gap: 0; padding: 0 0 24px; overflow: hidden;\n  background: #fff; border: 1px solid #dbe2e8;\n}\n#abera-how-v4 .ahw4-step-image {\n  display: block; width: 100%; aspect-ratio: 4 \/ 3;\n  object-fit: cover; background: #f2f5f7;\n}\n#abera-how-v4 .ahw4-image-slot {\n  position: relative; width: 100%; aspect-ratio: 4 \/ 3;\n  background: #f2f5f7; overflow: hidden;\n}\n#abera-how-v4 .ahw4-image-slot .ahw4-step-image {\n  width: 100%; height: 100%; aspect-ratio: auto;\n}\n#abera-how-v4 .ahw4-image-slot .ahw4-step-image[src=\"\"] { display: none; }\n#abera-how-v4 .ahw4-image-placeholder {\n  position: absolute; inset: 0; display: grid; place-items: center;\n  padding: 20px; color: #46586a; text-align: center;\n  font-size: 15px; font-weight: 600; border-bottom: 1px dashed #c6a15a;\n}\n#abera-how-v4 .ahw4-image-slot:has(.ahw4-step-image:not([src=\"\"])) .ahw4-image-placeholder { display: none; }\n#abera-how-v4 .ahw4-number { margin: 20px 22px 12px; }\n#abera-how-v4 .ahw4-step-copy { padding: 0 22px; }\n@media (max-width: 767px) {\n  #abera-how-v4 .ahw4-steps {\n    display: grid; grid-template-columns: 1fr; gap: 14px;\n  }\n  #abera-how-v4 .ahw4-step { width: 100%; padding: 0 0 20px; }\n  #abera-how-v4 .ahw4-number { margin: 16px 18px 10px; }\n  #abera-how-v4 .ahw4-step-copy { padding: 0 18px; }\n}\n\u003c\/style\u003e\n\u003csection id=\"abera-how-v4\"\u003e\u003c!-- =========================================================\nCONTENIDO DE CÓMO FUNCIONA\n========================================================= --\u0026gt;\n\u003cdiv class=\"ahw4-main\"\u003e\n\n\u003cdiv class=\"ahw4-container\"\u003e\n\n\u003c!-- ENCABEZADO --\u003e\n\u003cdiv class=\"ahw4-header\"\u003e\n\n\u003cp class=\"ahw4-eyebrow\"\u003eCÓMO FUNCIONA\u003c\/p\u003e\n\n\u003ch2 class=\"ahw4-title\"\u003eCOBERTURA DE CANAS EN 3 PASOS SENCILLOS.\u003c\/h2\u003e\n\n\n\u003c\/div\u003e\n\n\u003c!-- CONTENIDO --\u003e\n\u003cdiv class=\"ahw4-grid\"\u003e\n\n\u003c!-- ===================================================\n      PASOS\n      ==================================================== --\u0026gt;\n\u003cdiv class=\"ahw4-steps\"\u003e\n\n\u003c!-- 01 --\u003e\n\u003cdiv class=\"ahw4-step\"\u003e\n\n\u003c!-- CÓMO USAR 1: pega tu URL de imagen de Shopify en src=\"\" abajo --\u003e\n\u003cdiv class=\"ahw4-image-slot\"\u003e\n\n\u003cimg class=\"ahw4-step-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/0803_1_1.webp?v=1790069954\" alt=\"Ilustración de verter el champú tinto en la palma de la mano\" loading=\"lazy\"\u003e\u003cspan class=\"ahw4-image-placeholder\"\u003eImagen para el Paso 1: VERTER\u003cbr\u003ePega el enlace de la imagen en src\u003c\/span\u003e\n\n\u003c\/div\u003e\n\n\u003cdiv class=\"ahw4-number\"\u003e01\u003c\/div\u003e\n\n\u003cdiv class=\"ahw4-step-copy\"\u003e\n\n\u003ch3 class=\"ahw4-step-title\"\u003eVERTER\u003c\/h3\u003e\n\n\u003cp class=\"ahw4-step-text\"\u003ePonte los guantes proporcionados. Vierte la cantidad de champú en la palma de la mano.\u003c\/p\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\u003c!-- 02 --\u003e\n\u003cdiv class=\"ahw4-step\"\u003e\n\n\u003c!-- CÓMO USAR 2: pega tu URL de imagen de Shopify en src=\"\" abajo --\u003e\n\u003cdiv class=\"ahw4-image-slot\"\u003e\n\n\u003cimg class=\"ahw4-step-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/Your_paragraph_text_9.webp?v=1790159827\" alt=\"Ilustración de aplicar el champú tinto uniformemente en el cabello\" loading=\"lazy\"\u003e\u003cspan class=\"ahw4-image-placeholder\"\u003eImagen para el Paso 2: APLICAR\u003cbr\u003ePega el enlace de la imagen en src\u003c\/span\u003e\n\n\u003c\/div\u003e\n\n\u003cdiv class=\"ahw4-number\"\u003e02\u003c\/div\u003e\n\n\u003cdiv class=\"ahw4-step-copy\"\u003e\n\n\u003ch3 class=\"ahw4-step-title\"\u003eAPLICAR\u003c\/h3\u003e\n\n\u003cp class=\"ahw4-step-text\"\u003eAplícalo uniformemente sobre el cabello seco, masajeando desde las raíces hasta las puntas. Déjalo actuar de 15 a 20 minutos para que el color se desarrolle por completo.\u003c\/p\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\u003c!-- 03 --\u003e\n\u003cdiv class=\"ahw4-step\"\u003e\n\n\u003c!-- CÓMO USAR 3: pega tu URL de imagen de Shopify en src=\"\" abajo --\u003e\n\u003cdiv class=\"ahw4-image-slot\"\u003e\n\n\u003cimg class=\"ahw4-step-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/Your_paragraph_text_8.webp?v=1790159827\" alt=\"Ilustración de enjuagar el cabello con agua\" loading=\"lazy\"\u003e\u003cspan class=\"ahw4-image-placeholder\"\u003eImagen para el Paso 3: ENJUAGAR\u003cbr\u003ePega el enlace de la imagen en src\u003c\/span\u003e\n\n\u003c\/div\u003e\n\n\u003cdiv class=\"ahw4-number\"\u003e03\u003c\/div\u003e\n\n\u003cdiv class=\"ahw4-step-copy\"\u003e\n\n\u003ch3 class=\"ahw4-step-title\"\u003eENJUAGAR\u003c\/h3\u003e\n\n\u003cp class=\"ahw4-step-text\"\u003eEnjuaga abundantemente con agua hasta que el agua salga limpia, luego sécalo con una toalla y disfruta de tu nuevo y vibrante look.\u003c\/p\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\n\n\n\n\n\n\n\n\n\u003c\/section\u003e\n\u003c!-- =========================================================\nTINTA PARA EL CABELLO ABERA — RESULTADOS ANTES \/ DESPUÉS\nFONDO BEIGE CONTINUO\nESCRITORIO: 5 TARJETAS \/ FILA\nMÓVIL: 1 TARJETA + VISTA PREVIA SIGUIENTE\n========================================================= --\u0026gt;\n\u003c!--$4--\u003e\n\u003csection id=\"abera-results-v4\"\u003e\u003c!-- =========================================================\nCONTENIDO DE RESULTADOS\n========================================================= --\u0026gt;\n\u003cdiv class=\"abr4-main\"\u003e\n\n\u003cdiv class=\"abr4-container\"\u003e\n\n\u003c!-- =====================================================\n    ENCABEZADO\n    ====================================================== --\u0026gt;\n\u003cdiv class=\"abr4-header\"\u003e\n\n\u003cp class=\"abr4-eyebrow\"\u003eLA DIFERENCIA DE 15 MINUTOS\u003c\/p\u003e\n\n\u003ch2 class=\"abr4-title\"\u003eDE CANAS VISIBLES A UN COLOR DE ASPECTO NATURAL\u003c\/h2\u003e\n\n\u003cp class=\"abr4-subtitle\"\u003eAplica. Masajea. Espera 15 minutos. Enjuaga.\u003c\/p\u003e\n\n\n\u003c\/div\u003e\n\n\u003c!-- =====================================================\n    RESULTADOS EN HOMBRES\n    ====================================================== --\u0026gt;\n\u003cdiv class=\"abr4-group\"\u003e\n\n\u003cdiv class=\"abr4-group-header\"\u003e\n\n\u003cdiv class=\"abr4-group-label\"\u003eRESULTADOS EN HOMBRES\u003c\/div\u003e\n\n\u003cdiv class=\"abr4-group-line\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\u003cdiv class=\"abr4-track\"\u003e\n\n\u003c!-- HOMBRE 01 --\u003e\n\u003carticle class=\"abr4-card\"\u003e\n\u003cdiv class=\"abr4-image\"\u003e\n\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/ChatGPT_14.webp?v=1787212244\" alt=\"Resultado de canas en hombres de ABERA\"\u003e \u003cspan class=\"abr4-tag abr4-before\"\u003e ANTES \u003c\/span\u003e \u003cspan class=\"abr4-tag abr4-after\"\u003e DESPUÉS \u003c\/span\u003e\n\n\u003c\/div\u003e\n\n\u003cdiv class=\"abr4-body\"\u003e\n\n\u003cdiv class=\"abr4-stars\"\u003e★★★★★\u003c\/div\u003e\n\n\u003cp class=\"abr4-review\"\u003e“He dejado de teñirme el cabello de forma tradicional. Este champú tinto es mucho más práctico y el color se ve muy natural.”\u003c\/p\u003e\n\n\u003cdiv class=\"abr4-customer\"\u003e\n\n\u003cstrong\u003e David B. \u003c\/strong\u003e \u003cspan class=\"abr4-location\"\u003e California, EE. UU. \u003c\/span\u003e\n\n\u003c\/div\u003e\n\n\u003cdiv class=\"abr4-verified\"\u003e\n\n\u003cspan class=\"abr4-verified-icon\"\u003e ✓ \u003c\/span\u003e Cliente verificado\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\u003c\/article\u003e\n\u003c!-- HOMBRE 02 --\u003e\n\u003carticle class=\"abr4-card\"\u003e\n\u003cdiv class=\"abr4-image\"\u003e\n\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/ChatGPT_17.webp?v=1787212244\" alt=\"Resultado de canas en hombres de ABERA\"\u003e \u003cspan class=\"abr4-tag abr4-before\"\u003e ANTES \u003c\/span\u003e \u003cspan class=\"abr4-tag abr4-after\"\u003e DESPUÉS \u003c\/span\u003e\n\n\u003c\/div\u003e\n\n\u003cdiv class=\"abr4-body\"\u003e\n\n\u003cdiv class=\"abr4-stars\"\u003e★★★★★\u003c\/div\u003e\n\n\u003cp class=\"abr4-review\"\u003e“Lo uso principalmente alrededor de las sienes cuando empiezan a notarse las canas. La rutina es rápida y sencilla.”\u003c\/p\u003e\n\n\u003cdiv class=\"abr4-customer\"\u003e\n\n\u003cstrong\u003e Michael R. \u003c\/strong\u003e \u003cspan class=\"abr4-location\"\u003e Texas, EE. UU. \u003c\/span\u003e\n\n\u003c\/div\u003e\n\n\u003cdiv class=\"abr4-verified\"\u003e\n\n\u003cspan class=\"abr4-verified-icon\"\u003e ✓ \u003c\/span\u003e Cliente verificado\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\u003c\/article\u003e\n\u003c!-- HOMBRE 03 --\u003e\n\u003carticle class=\"abr4-card\"\u003e\n\u003cdiv class=\"abr4-image\"\u003e\n\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/ChatGPT_16.webp?v=1787212244\" alt=\"Resultado de canas en hombres de ABERA\"\u003e \u003cspan class=\"abr4-tag abr4-before\"\u003e ANTES \u003c\/span\u003e \u003cspan class=\"abr4-tag abr4-after\"\u003e DESPUÉS \u003c\/span\u003e\n\n\u003c\/div\u003e\n\n\u003cdiv class=\"abr4-body\"\u003e\n\n\u003cdiv class=\"abr4-stars\"\u003e★★★★★\u003c\/div\u003e\n\n\u003cp class=\"abr4-review\"\u003e“No quería algo que pareciera todo un proceso de coloración capilar. Esto se adapta mucho mejor a mi rutina.”\u003c\/p\u003e\n\n\u003cdiv class=\"abr4-customer\"\u003e\n\n\u003cstrong\u003e James K. \u003c\/strong\u003e \u003cspan class=\"abr4-location\"\u003e Florida, EE. UU. \u003c\/span\u003e\n\n\u003c\/div\u003e\n\n\u003cdiv class=\"abr4-verified\"\u003e\n\n\u003cspan class=\"abr4-verified-icon\"\u003e ✓ \u003c\/span\u003e Cliente verificado\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\u003c\/article\u003e\n\u003c!-- HOMBRE 04 --\u003e\n\u003carticle class=\"abr4-card\"\u003e\n\u003cdiv class=\"abr4-image\"\u003e\n\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/ChatGPT_15.webp?v=1787212243\" alt=\"Resultado de canas en hombres de ABERA\"\u003e \u003cspan class=\"abr4-tag abr4-before\"\u003e ANTES \u003c\/span\u003e \u003cspan class=\"abr4-tag abr4-after\"\u003e DESPUÉS \u003c\/span\u003e\n\n\u003c\/div\u003e\n\n\u003cdiv class=\"abr4-body\"\u003e\n\n\u003cdiv class=\"abr4-stars\"\u003e★★★★★\u003c\/div\u003e\n\n\u003cp class=\"abr4-review\"\u003e“Mucho más sencillo que los kits de tinte tradicionales que he usado antes.”\u003c\/p\u003e\n\n\u003cdiv class=\"abr4-customer\"\u003e\n\n\u003cstrong\u003e Robert T. \u003c\/strong\u003e \u003cspan class=\"abr4-location\"\u003e Arizona, EE. UU. \u003c\/span\u003e\n\n\u003c\/div\u003e\n\n\u003cdiv class=\"abr4-verified\"\u003e\n\n\u003cspan class=\"abr4-verified-icon\"\u003e ✓ \u003c\/span\u003e Cliente verificado\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\u003c\/article\u003e\n\u003c!-- HOMBRE 05 --\u003e\n\u003carticle class=\"abr4-card\"\u003e\n\u003cdiv class=\"abr4-image\"\u003e\n\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/ChatGPT_19.webp?v=1787212244\" alt=\"Resultado de canas en hombres de ABERA\"\u003e \u003cspan class=\"abr4-tag abr4-before\"\u003e ANTES \u003c\/span\u003e \u003cspan class=\"abr4-tag abr4-after\"\u003e DESPUÉS \u003c\/span\u003e\n\n\u003c\/div\u003e\n\n\u003cdiv class=\"abr4-body\"\u003e\n\n\u003cdiv class=\"abr4-stars\"\u003e★★★★★\u003c\/div\u003e\n\n\u003cp class=\"abr4-review\"\u003e“Quería algo más fácil para retoques rápidos. Esto es mucho más práctico para mi rutina.”\u003c\/p\u003e\n\n\u003cdiv class=\"abr4-customer\"\u003e\n\n\u003cstrong\u003e Daniel S. \u003c\/strong\u003e \u003cspan class=\"abr4-location\"\u003e Nueva York, EE. UU. \u003c\/span\u003e\n\n\u003c\/div\u003e\n\n\u003cdiv class=\"abr4-verified\"\u003e\n\n\u003cspan class=\"abr4-verified-icon\"\u003e ✓ \u003c\/span\u003e Cliente verificado\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\u003c\/article\u003e\n\n\n\n\u003cdiv class=\"abr4-swipe\"\u003eDesliza para ver más \u003cstrong\u003e→\u003c\/strong\u003e\n\n\u003c\/div\u003e\n\n\n\n\n\u003c!-- =====================================================\n    RESULTADOS EN MUJERES\n    ====================================================== --\u0026gt;\n\u003cdiv class=\"abr4-group\"\u003e\n\n\u003cdiv class=\"abr4-group-header\"\u003e\n\n\u003cdiv class=\"abr4-group-label\"\u003eRESULTADOS EN MUJERES\u003c\/div\u003e\n\n\u003cdiv class=\"abr4-group-line\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\u003cdiv class=\"abr4-track\"\u003e\n\n\u003c!-- MUJER 01 --\u003e\n\u003carticle class=\"abr4-card\"\u003e\n\u003cdiv class=\"abr4-image\"\u003e\n\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/ChatGPT_6.webp?v=1787212243\" alt=\"Resultado de canas en mujeres de ABERA\"\u003e \u003cspan class=\"abr4-tag abr4-before\"\u003e ANTES \u003c\/span\u003e \u003cspan class=\"abr4-tag abr4-after\"\u003e DESPUÉS \u003c\/span\u003e\n\n\u003c\/div\u003e\n\n\u003cdiv class=\"abr4-body\"\u003e\n\n\u003cdiv class=\"abr4-stars\"\u003e★★★★★\u003c\/div\u003e\n\n\u003cp class=\"abr4-review\"\u003e“Teñirme el cabello de forma tradicional siempre me parecía demasiado trabajo. Esto fue mucho más fácil de usar en casa.”\u003c\/p\u003e\n\n\u003cdiv class=\"abr4-customer\"\u003e\n\n\u003cstrong\u003e Linda M. \u003c\/strong\u003e \u003cspan class=\"abr4-location\"\u003e Nueva York, EE. UU. \u003c\/span\u003e\n\n\u003c\/div\u003e\n\n\u003cdiv class=\"abr4-verified\"\u003e\n\n\u003cspan class=\"abr4-verified-icon\"\u003e ✓ \u003c\/span\u003e Cliente verificado\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\u003c\/article\u003e\n\u003c!-- MUJER 02 --\u003e\n\u003carticle class=\"abr4-card\"\u003e\n\u003cdiv class=\"abr4-image\"\u003e\n\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/ChatGPT_7.webp?v=1787212244\" alt=\"Resultado de canas en mujeres de ABERA\"\u003e \u003cspan class=\"abr4-tag abr4-before\"\u003e ANTES \u003c\/span\u003e \u003cspan class=\"abr4-tag abr4-after\"\u003e DESPUÉS \u003c\/span\u003e\n\n\u003c\/div\u003e\n\n\u003cdiv class=\"abr4-body\"\u003e\n\n\u003cdiv class=\"abr4-stars\"\u003e★★★★★\u003c\/div\u003e\n\n\u003cp class=\"abr4-review\"\u003e“Me gusta poder enfocarme en las zonas donde se me notan primero las canas.”\u003c\/p\u003e\n\n\u003cdiv class=\"abr4-customer\"\u003e\n\n\u003cstrong\u003e Sarah T. \u003c\/strong\u003e \u003cspan class=\"abr4-location\"\u003e Washington, EE. UU. \u003c\/span\u003e\n\n\u003c\/div\u003e\n\n\u003cdiv class=\"abr4-verified\"\u003e\n\n\u003cspan class=\"abr4-verified-icon\"\u003e ✓ \u003c\/span\u003e Cliente verificado\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\u003c\/article\u003e\n\u003c!-- MUJER 03 --\u003e\n\u003carticle class=\"abr4-card\"\u003e\n\u003cdiv class=\"abr4-image\"\u003e\n\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/ChatGPT_8.webp?v=1787212244\" alt=\"Resultado de canas en mujeres de ABERA\"\u003e \u003cspan class=\"abr4-tag abr4-before\"\u003e ANTES \u003c\/span\u003e \u003cspan class=\"abr4-tag abr4-after\"\u003e DESPUÉS \u003c\/span\u003e\n\n\u003c\/div\u003e\n\n\u003cdiv class=\"abr4-body\"\u003e\n\n\u003cdiv class=\"abr4-stars\"\u003e★★★★★\u003c\/div\u003e\n\n\u003cp class=\"abr4-review\"\u003e“Es fácil tener listo mi próximo retoque.”\u003c\/p\u003e\n\n\u003cdiv class=\"abr4-customer\"\u003e\n\n\u003cstrong\u003e Emily C. \u003c\/strong\u003e \u003cspan class=\"abr4-location\"\u003e Nevada, EE. UU. \u003c\/span\u003e\n\n\u003c\/div\u003e\n\n\u003cdiv class=\"abr4-verified\"\u003e\n\n\u003cspan class=\"abr4-verified-icon\"\u003e ✓ \u003c\/span\u003e Cliente verificado\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\u003c\/article\u003e\n\u003c!-- MUJER 04 --\u003e\n\u003carticle class=\"abr4-card\"\u003e\n\u003cdiv class=\"abr4-image\"\u003e\n\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/ChatGPT_13.webp?v=1787212244\" alt=\"Resultado de canas en mujeres de ABERA\"\u003e \u003cspan class=\"abr4-tag abr4-before\"\u003e ANTES \u003c\/span\u003e \u003cspan class=\"abr4-tag abr4-after\"\u003e DESPUÉS \u003c\/span\u003e\n\n\u003c\/div\u003e\n\n\u003cdiv class=\"abr4-body\"\u003e\n\n\u003cdiv class=\"abr4-stars\"\u003e★★★★★\u003c\/div\u003e\n\n\u003cp class=\"abr4-review\"\u003e“Lo uso principalmente cuando empiezo a notar las raíces. Se adapta mucho mejor a mi rutina que mi antiguo kit de coloración.”\u003c\/p\u003e\n\n\u003cdiv class=\"abr4-customer\"\u003e\n\n\u003cstrong\u003e Karen L. \u003c\/strong\u003e \u003cspan class=\"abr4-location\"\u003e Oregón, EE. UU. \u003c\/span\u003e\n\n\u003c\/div\u003e\n\n\u003cdiv class=\"abr4-verified\"\u003e\n\n\u003cspan class=\"abr4-verified-icon\"\u003e ✓ \u003c\/span\u003e Cliente verificado\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\u003c\/article\u003e\n\u003c!-- MUJER 05 --\u003e\n\u003carticle class=\"abr4-card\"\u003e\n\u003cdiv class=\"abr4-image\"\u003e\n\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/ChatGPT_10.webp?v=1787212244\" alt=\"Resultado de canas en mujeres de ABERA\"\u003e \u003cspan class=\"abr4-tag abr4-before\"\u003e ANTES \u003c\/span\u003e \u003cspan class=\"abr4-tag abr4-after\"\u003e DESPUÉS \u003c\/span\u003e\n\n\u003c\/div\u003e\n\n\u003cdiv class=\"abr4-body\"\u003e\n\n\u003cdiv class=\"abr4-stars\"\u003e★★★★★\u003c\/div\u003e\n\n\u003cp class=\"abr4-review\"\u003e“Quería una opción más sencilla entre visitas a la peluquería. Es muy práctico tenerlo en casa.”\u003c\/p\u003e\n\n\u003cdiv class=\"abr4-customer\"\u003e\n\n\u003cstrong\u003e Susan P. \u003c\/strong\u003e \u003cspan class=\"abr4-location\"\u003e California, EE. UU. \u003c\/span\u003e\n\n\u003c\/div\u003e\n\n\u003cdiv class=\"abr4-verified\"\u003e\n\n\u003cspan class=\"abr4-verified-icon\"\u003e ✓ \u003c\/span\u003e Cliente verificado\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\u003c\/article\u003e\n\n\n\n\u003cdiv class=\"abr4-swipe\"\u003eDesliza para ver más \u003cstrong\u003e→\u003c\/strong\u003e\n\n\u003c\/div\u003e\n\n\n\n\n\n\n\n\n\n\n\u003c\/section\u003e\n\u003c!-- =========================================================\nTINTA PARA EL CABELLO ABERA — INGREDIENTES BOTÁNICOS\nFONDO BEIGE CONTINUO\nESCRITORIO: 5 TARJETAS\nTABLET: 3 TARJETAS\nMÓVIL: DESLIZAMIENTO HORIZONTAL\n========================================================= --\u0026gt;\n\u003c!--$5--\u003e\n\u003csection id=\"abera-ingredients-v4\"\u003e\u003c!-- =========================================================\nCONTENIDO DE INGREDIENTES\n========================================================= --\u0026gt;\n\u003cdiv class=\"aig4-main\"\u003e\n\n\u003cdiv class=\"aig4-container\"\u003e\n\n\u003c!-- =====================================================\n    ENCABEZADO\n    ====================================================== --\u0026gt;\n\u003cdiv class=\"aig4-header\"\u003e\n\n\u003cp class=\"aig4-eyebrow\"\u003eCOLOR + CUIDADO CAPILAR\u003c\/p\u003e\n\n\u003ch2 class=\"aig4-title\"\u003eCOLOREA TUS CANAS CON\u003cbr\u003eCUIDADO BOTÁNICO CAPILAR INTEGRADO\u003c\/h2\u003e\n\n\u003cp class=\"aig4-subtitle\"\u003eABERA combina la tecnología de coloración capilar con ingredientes botánicos comúnmente utilizados en fórmulas de cuidado capilar.\u003c\/p\u003e\n\n\n\u003c\/div\u003e\n\n\u003c!-- =====================================================\n    TARJETAS\n    ====================================================== --\u0026gt;\n\u003cdiv class=\"aig4-track\"\u003e\n\n\u003c!-- =================================================\n      01 — ACEITE DE ARGÁN\n      ================================================== --\u0026gt;\n\u003carticle class=\"aig4-card\"\u003e\n\u003cdiv class=\"aig4-image\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/tinh-dau-duong-toc-argan-oil-1.webp?v=1787216556\" alt=\"Aceite de argán\"\u003e\u003c\/div\u003e\n\n\u003cdiv class=\"aig4-copy\"\u003e\n\n\u003cdiv class=\"aig4-benefit\"\u003eSUAVIDAD + BRILLO\u003c\/div\u003e\n\n\u003ch3 class=\"aig4-name\"\u003eACEITE DE ARGÁN\u003c\/h3\u003e\n\n\u003cp class=\"aig4-text\"\u003eHidrata, suaviza y aporta brillo mientras ayuda a reducir la sequedad y el encrespamiento.\u003c\/p\u003e\n\n\n\u003c\/div\u003e\n\n\u003c\/article\u003e\n\u003c!-- =================================================\n      02 — JENGIBRE NEGRO\n      ================================================== --\u0026gt;\n\u003carticle class=\"aig4-card\"\u003e\n\u003cdiv class=\"aig4-image\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/Ginseng_1st_Slide.webp?v=1787216601\" alt=\"Jengibre negro\"\u003e\u003c\/div\u003e\n\n\u003cdiv class=\"aig4-copy\"\u003e\n\n\u003cdiv class=\"aig4-benefit\"\u003eCUIDADO CAPILAR + DEL CUERO CABELLUDO\u003c\/div\u003e\n\n\u003ch3 class=\"aig4-name\"\u003eJENGIBRE NEGRO\u003c\/h3\u003e\n\n\u003cp class=\"aig4-text\"\u003eAyuda a nutrir el cuero cabelludo y favorece un cabello con aspecto más saludable y resistente.\u003c\/p\u003e\n\n\n\u003c\/div\u003e\n\n\u003c\/article\u003e\n\u003c!-- =================================================\n      03 — FO-TI\n      ================================================== --\u0026gt;\n\u003carticle class=\"aig4-card\"\u003e\n\u003cdiv class=\"aig4-image\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/642x361_Fo_Ti_The_Cure_to_Old_Age.webp?v=1787216556\" alt=\"Fo-Ti\"\u003e\u003c\/div\u003e\n\n\u003cdiv class=\"aig4-copy\"\u003e\n\n\u003cdiv class=\"aig4-benefit\"\u003eCABELLO DE ASPECTO SALUDABLE\u003c\/div\u003e\n\n\u003ch3 class=\"aig4-name\"\u003eFO-TI\u003c\/h3\u003e\n\n\u003cp class=\"aig4-text\"\u003eTradicionalmente utilizado para favorecer un cabello de aspecto más fuerte y ayudar a mantener su vitalidad natural.\u003c\/p\u003e\n\n\n\u003c\/div\u003e\n\n\u003c\/article\u003e\n\u003c!-- =================================================\n      04 — REISHI ROJO\n      ================================================== --\u0026gt;\n\u003carticle class=\"aig4-card\"\u003e\n\u003cdiv class=\"aig4-image\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/whiskeydarek_Close-up_of_reishi_mushrooms_growing_on_a_log_996344e7-3303-4ea1-9f54-8c1837c54a68.webp?v=1786674307\" alt=\"Hongo reishi rojo\"\u003e\u003c\/div\u003e\n\n\u003cdiv class=\"aig4-copy\"\u003e\n\n\u003cdiv class=\"aig4-benefit\"\u003eCUIDADO ACONDICIONADOR\u003c\/div\u003e\n\n\u003ch3 class=\"aig4-name\"\u003eREISHI ROJO\u003c\/h3\u003e\n\n\u003cp class=\"aig4-text\"\u003eAyuda a acondicionar el cuero cabelludo y favorece un cabello más suave y de aspecto más saludable.\u003c\/p\u003e\n\n\n\u003c\/div\u003e\n\n\u003c\/article\u003e\n\u003c!-- =================================================\n      05 — TORONJA ROSA\n      ================================================== --\u0026gt;\n\u003carticle class=\"aig4-card\"\u003e\n\u003cdiv class=\"aig4-image\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/1774218776327_photo-1774156733632-1774156734347965593145.webp?v=1788515551\" alt=\"Toronja rosa\"\u003e\u003c\/div\u003e\n\n\u003cdiv class=\"aig4-copy\"\u003e\n\n\u003cdiv class=\"aig4-benefit\"\u003eCUIDADO DEL CUERO CABELLUDO + RAÍCES\u003c\/div\u003e\n\n\u003ch3 class=\"aig4-name\"\u003eTORONJA ROSA\u003c\/h3\u003e\n\n\u003cp class=\"aig4-text\"\u003eAyuda a refrescar y nutrir el cuero cabelludo, favoreciendo un cabello de aspecto más saludable y abundante.\u003c\/p\u003e\n\n\n\u003c\/div\u003e\n\n\u003c\/article\u003e\n\n\u003c\/div\u003e\n\n\u003c!-- INDICIO DE DESLIZAMIENTO MÓVIL --\u003e\n\u003cdiv class=\"aig4-swipe\"\u003eDesliza para ver más \u003cstrong\u003e→\u003c\/strong\u003e\n\n\u003c\/div\u003e\n\n\n\n\n\n\n\n\u003c\/section\u003e\n\u003c!-- =========================================================\nABERA — PAQUETE DE CUIDADO CAPILAR POST-COLORACIÓN\nFONDO BEIGE CONTINUO\nMEJOR LECTURA DEL TEXTO DE LAS TARJETAS\n========================================================= --\u0026gt;\n\u003c!--$6--\u003e\n\u003csection id=\"abera-extra-haircare-v4\"\u003e\u003c!-- =========================================================\nCONTENIDO\n========================================================= --\u0026gt;\n\u003cdiv class=\"aeh4-main\"\u003e\n\n\u003cdiv class=\"aeh4-container\"\u003e\n\n\u003cdiv class=\"aeh4-grid\"\u003e\n\n\u003c!-- ===================================================\n      INTRODUCCIÓN\n      ==================================================== --\u0026gt;\n\u003cdiv class=\"aeh4-intro\"\u003e\n\n\u003cp class=\"aeh4-eyebrow\"\u003eCuidado capilar adicional\u003c\/p\u003e\n\n\u003ch2 class=\"aeh4-title\"\u003ePAQUETE DE CUIDADO CAPILAR\u003cbr\u003ePOST-COLORACIÓN\u003c\/h2\u003e\n\n\u003cp class=\"aeh4-description\"\u003eAdemás de un color negro uniforme y de aspecto natural, tu cabello también necesita un cuero cabelludo sano y raíces fuertes. El \u003cstrong\u003e champú y sérum de toronja ABERA \u003c\/strong\u003e están diseñados para ayudarte a cuidar ambos. Este paquete ayuda a nutrir el cuero cabelludo, favorece un crecimiento capilar más saludable, restaura la hidratación y el equilibrio de la barrera del cuero cabelludo, y deja el cabello más suave, menos enredado y visiblemente más abundante después de la coloración.\u003c\/p\u003e\n\n\n\u003c\/div\u003e\n\n\u003c!-- ===================================================\n      TARJETAS\n      ==================================================== --\u0026gt;\n\u003cdiv class=\"aeh4-cards-wrap\"\u003e\n\n\u003cdiv class=\"aeh4-cards\"\u003e\n\n\u003c!-- ===============================================\n          TARJETA 01\n          ================================================ --\u0026gt;\n\u003carticle class=\"aeh4-card\"\u003e\n\u003cdiv class=\"aeh4-image\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/1_03fe5ee6-cabd-429a-af51-f8203e6245d6.webp?v=1788512561\" alt=\"Champú y sérum de toronja ABERA\"\u003e\u003c\/div\u003e\n\n\u003cdiv class=\"aeh4-overlay\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\n\u003cdiv class=\"aeh4-content\"\u003e\n\n\u003cdiv class=\"aeh4-number\"\u003e01\u003c\/div\u003e\n\n\u003cdiv class=\"aeh4-text-panel\"\u003e\n\n\u003ch3 class=\"aeh4-card-title\"\u003eNutre el cabello y el cuero cabelludo\u003c\/h3\u003e\n\n\u003cp class=\"aeh4-card-text\"\u003eAyuda a cuidar el cuero cabelludo y las raíces después de la coloración, favoreciendo una rutina de cuidado capilar de aspecto más saludable.\u003c\/p\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\u003c\/article\u003e\n\u003c!-- ===============================================\n          TARJETA 02\n          ================================================ --\u0026gt;\n\u003carticle class=\"aeh4-card\"\u003e\n\u003cdiv class=\"aeh4-image\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/Gemini_Generated_Image_cbsbg3cbsbg3cbsb-clean.webp?v=1788513167\" alt=\"Crecimiento capilar saludable\"\u003e\u003c\/div\u003e\n\n\u003cdiv class=\"aeh4-overlay\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\n\u003cdiv class=\"aeh4-content\"\u003e\n\n\u003cdiv class=\"aeh4-number\"\u003e02\u003c\/div\u003e\n\n\u003cdiv class=\"aeh4-text-panel\"\u003e\n\n\u003ch3 class=\"aeh4-card-title\"\u003eFavorece un crecimiento capilar más saludable\u003c\/h3\u003e\n\n\u003cp class=\"aeh4-card-text\"\u003eAyuda a crear un mejor entorno para el cuero cabelludo, favoreciendo un cabello más fuerte, saludable y de aspecto más abundante con el tiempo.\u003c\/p\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\u003c\/article\u003e\n\u003c!-- ===============================================\n          TARJETA 03\n          ================================================ --\u0026gt;\n\u003carticle class=\"aeh4-card\"\u003e\n\u003cdiv class=\"aeh4-image\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/Retinol_22.webp?v=1788514509\" alt=\"Cabello suave y sedoso después de la coloración\"\u003e\u003c\/div\u003e\n\n\u003cdiv class=\"aeh4-overlay\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\n\u003cdiv class=\"aeh4-content\"\u003e\n\n\u003cdiv class=\"aeh4-number\"\u003e03\u003c\/div\u003e\n\n\u003cdiv class=\"aeh4-text-panel\"\u003e\n\n\u003ch3 class=\"aeh4-card-title\"\u003eReduce la sequedad y los enredos\u003c\/h3\u003e\n\n\u003cp class=\"aeh4-card-text\"\u003eAyuda a reponer la hidratación para que el cabello se sienta más suave, sedoso y fácil de manejar después de teñirlo.\u003c\/p\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\u003c\/article\u003e\n\u003c!-- ===============================================\n          TARJETA 04\n          ================================================ --\u0026gt;\n\u003carticle class=\"aeh4-card\"\u003e\n\u003cdiv class=\"aeh4-image\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/ChatGPT_58.webp?v=1787219168\" alt=\"Cabello de aspecto más abundante\"\u003e\u003c\/div\u003e\n\n\u003cdiv class=\"aeh4-overlay\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\n\u003cdiv class=\"aeh4-content\"\u003e\n\n\u003cdiv class=\"aeh4-number\"\u003e04\u003c\/div\u003e\n\n\u003cdiv class=\"aeh4-text-panel\"\u003e\n\n\u003ch3 class=\"aeh4-card-title\"\u003eCabello más grueso y de aspecto más abundante\u003c\/h3\u003e\n\n\u003cp class=\"aeh4-card-text\"\u003eAl cuidar tanto el cabello como el cuero cabelludo, este dúo ayuda a que tu cabello parezca más denso, abundante y saludable.\u003c\/p\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\u003c\/article\u003e\n\n\u003c\/div\u003e\n\n\u003c!-- =================================================\n        FLECHAS MÓVILES\n        ================================================== --\u0026gt;\n\u003cdiv class=\"aeh4-controls\"\u003e\n\n\u003cbutton type=\"button\" class=\"aeh4-btn aeh4-prev\"\u003e ← \u003c\/button\u003e \u003cbutton type=\"button\" class=\"aeh4-btn aeh4-next\"\u003e → \u003c\/button\u003e\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\u003c!-- =========================================================\nSCRIPT DE DESLIZAMIENTO MÓVIL\n========================================================= --\u0026gt; \u003c!--$7--\u003e\u003c\/section\u003e\n\u003c!-- =========================================================\nTINTURA DE CABELLO ABERA — TABLA COMPARATIVA\nFONDO BEIGE CONTINUO\nDESKTOP + TABLET + MÓVIL RESPONSIVO\n========================================================= --\u0026gt;\n\u003c!--$8--\u003e\n\u003csection id=\"abera-comparison-v4\"\u003e\u003c!-- =========================================================\nCONTENIDO\n========================================================= --\u0026gt;\n\u003cdiv class=\"acp4-main\"\u003e\n\n\u003cdiv class=\"acp4-container\"\u003e\n\n\u003c!-- =====================================================\n    ENCABEZADO\n    ====================================================== --\u0026gt;\n\u003cdiv class=\"acp4-header\"\u003e\n\n\u003cp class=\"acp4-eyebrow\"\u003eUN ENFOQUE MÁS SENCILLO\u003c\/p\u003e\n\n\u003ch2 class=\"acp4-title\"\u003eABERA VS. TINTURA DE CABELLO COMÚN\u003c\/h2\u003e\n\n\n\u003c\/div\u003e\n\n\u003c!-- =====================================================\n    TABLA\n    ====================================================== --\u0026gt;\n\u003cdiv class=\"acp4-table-wrap\"\u003e\n\n\u003ctable class=\"acp4-table\"\u003e\n\n\u003ccolgroup\u003e \u003ccol\u003e \u003ccol\u003e \u003ccol\u003e \u003c\/colgroup\u003e\n\n\u003cthead\u003e\n\n\u003ctr\u003e\n\n\u003cth\u003eCARACTERÍSTICA\u003c\/th\u003e\n\n\u003cth\u003eCHAMPÚ TINTURA DE CABELLO ABERA\u003c\/th\u003e\n\n\u003cth\u003eTINTURA DE CABELLO TRADICIONAL\u003c\/th\u003e\n\n\n\u003c\/tr\u003e\n\n\n\u003c\/thead\u003e\n\n\u003ctbody\u003e\n\n\u003c!-- ===============================================\n          APLICACIÓN\n          ================================================ --\u0026gt;\n\u003ctr\u003e\n\n\u003ctd\u003eAplicación\u003c\/td\u003e\n\n\u003ctd\u003e\n\n\u003cdiv class=\"acp4-value\"\u003e\n\n\u003cspan class=\"acp4-check\"\u003e ✓ \u003c\/span\u003e \u003cspan\u003e Aplicación similar a la de un champú \u003c\/span\u003e\n\n\u003c\/div\u003e\n\n\n\u003c\/td\u003e\n\n\u003ctd\u003e\n\n\u003cdiv class=\"acp4-value\"\u003e\n\n\u003cspan class=\"acp4-minus\"\u003e − \u003c\/span\u003e \u003cspan\u003e Cepillo + secciones \u003c\/span\u003e\n\n\u003c\/div\u003e\n\n\n\u003c\/td\u003e\n\n\n\u003c\/tr\u003e\n\n\u003c!-- ===============================================\n          MEZCLA\n          ================================================ --\u0026gt;\n\u003ctr\u003e\n\n\u003ctd\u003eMezcla\u003c\/td\u003e\n\n\u003ctd\u003e\n\n\u003cdiv class=\"acp4-value\"\u003e\n\n\u003cspan class=\"acp4-check\"\u003e ✓ \u003c\/span\u003e \u003cspan\u003e Formato práctico de un solo envase \u003c\/span\u003e\n\n\u003c\/div\u003e\n\n\n\u003c\/td\u003e\n\n\u003ctd\u003e\n\n\u003cdiv class=\"acp4-value\"\u003e\n\n\u003cspan class=\"acp4-minus\"\u003e − \u003c\/span\u003e \u003cspan\u003e Múltiples componentes \u003c\/span\u003e\n\n\u003c\/div\u003e\n\n\n\u003c\/td\u003e\n\n\n\u003c\/tr\u003e\n\n\u003c!-- ===============================================\n          TIEMPO DE PROCESO\n          ================================================ --\u0026gt;\n\u003ctr\u003e\n\n\u003ctd\u003eTiempo de proceso\u003c\/td\u003e\n\n\u003ctd\u003e\n\n\u003cdiv class=\"acp4-value\"\u003e\n\n\u003cspan class=\"acp4-check\"\u003e ✓ \u003c\/span\u003e \u003cspan\u003e 15 minutos \u003c\/span\u003e\n\n\u003c\/div\u003e\n\n\n\u003c\/td\u003e\n\n\u003ctd\u003e\n\n\u003cdiv class=\"acp4-value\"\u003e\n\n\u003cspan class=\"acp4-minus\"\u003e − \u003c\/span\u003e \u003cspan\u003e 40-60 minutos\u003c\/span\u003e\n\n\u003c\/div\u003e\n\n\n\u003c\/td\u003e\n\n\n\u003c\/tr\u003e\n\n\u003c!-- ===============================================\n          ENVASE\n          ================================================ --\u0026gt;\n\u003ctr\u003e\n\n\u003ctd\u003eEnvase\u003c\/td\u003e\n\n\u003ctd\u003e\n\n\u003cdiv class=\"acp4-value\"\u003e\n\n\u003cspan class=\"acp4-check\"\u003e ✓ \u003c\/span\u003e \u003cspan\u003e15-20 aplicaciones\/ 1 envase\u003c\/span\u003e\n\n\u003c\/div\u003e\n\n\n\u003c\/td\u003e\n\n\u003ctd\u003e\n\n\u003cdiv class=\"acp4-value\"\u003e\n\n\u003cspan class=\"acp4-minus\"\u003e − \u003c\/span\u003e \u003cspan\u003e Kit de tinte de tamaño completo para 1-2 usos\u003c\/span\u003e\n\n\u003c\/div\u003e\n\n\n\u003c\/td\u003e\n\n\n\u003c\/tr\u003e\n\n\u003c!-- ===============================================\n          AMONÍACO\n          ================================================ --\u0026gt;\n\u003ctr\u003e\n\n\u003ctd\u003eAmoníaco\u003c\/td\u003e\n\n\u003ctd\u003e\n\n\u003cdiv class=\"acp4-value\"\u003e\n\n\u003cspan class=\"acp4-check\"\u003e ✓ \u003c\/span\u003e \u003cspan\u003e Sin amoníaco \u003c\/span\u003e\n\n\u003c\/div\u003e\n\n\n\u003c\/td\u003e\n\n\u003ctd\u003e\n\n\u003cdiv class=\"acp4-value\"\u003e\n\n\u003cspan class=\"acp4-minus\"\u003e − \u003c\/span\u003e \u003cspan\u003e Varía según la fórmula \u003c\/span\u003e\n\n\u003c\/div\u003e\n\n\n\u003c\/td\u003e\n\n\n\u003c\/tr\u003e\n\n\u003c!-- ===============================================\n          CUIDADO CAPILAR\n          ================================================ --\u0026gt;\n\u003ctr\u003e\n\n\u003ctd\u003eCuidado capilar\u003c\/td\u003e\n\n\u003ctd\u003e\n\n\u003cdiv class=\"acp4-value\"\u003e\n\n\u003cspan class=\"acp4-check\"\u003e ✓ \u003c\/span\u003e \u003cspan\u003e Coloración + Limpieza + Acondicionamiento \u003c\/span\u003e\n\n\u003c\/div\u003e\n\n\n\u003c\/td\u003e\n\n\u003ctd\u003e\n\n\u003cdiv class=\"acp4-value\"\u003e\n\n\u003cspan class=\"acp4-minus\"\u003e − \u003c\/span\u003e \u003cspan\u003e Generalmente pasos separados \u003c\/span\u003e\n\n\u003c\/div\u003e\n\n\n\u003c\/td\u003e\n\n\n\u003c\/tr\u003e\n\n\n\u003c\/tbody\u003e\n\n\n\u003c\/table\u003e\n\n\n\u003c\/div\u003e\n\n\u003c!-- =====================================================\n    MENSAJE INFERIOR\n    ====================================================== --\u0026gt;\n\u003cp class=\"acp4-bottom\"\u003eMENOS PREPARACIÓN. MENOS PASOS. UNA FORMA MÁS SENCILLA DE CUBRIR LAS CANAS.\u003c\/p\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\u003c\/section\u003e\n\u003c!-- =========================================================\nTINTURA DE CABELLO ABERA\nSECCIÓN 01 — RUTINA REAL\nSECCIÓN 02 — VIDEOS DE CLIENTES\nFONDO BEIGE CONTINUO\n========================================================= --\u0026gt;\n\u003cp\u003e\u003cbr\u003e\u003c\/p\u003e\n\u003c!-- =========================================================\nCORRECCIÓN GLOBAL DEL FONDO\nSe puede mantener esta sección si cada sección es un Custom Liquid diferente\n========================================================= --\u0026gt;\n\u003c!--$9--\u003e\n\u003c!-- =========================================================\n01 — TU RUTINA PARA LAS CANAS\n========================================================= --\u0026gt;\n\u003c!--$10--\u003e\n\u003csection id=\"abera-routine-v4\"\u003e\n\u003cdiv class=\"arr4-main\"\u003e\n\n\u003cdiv class=\"arr4-container\"\u003e\n\n\u003c!-- ENCABEZADO --\u003e\n\u003cdiv class=\"arr4-header\"\u003e\n\n\u003ch2 class=\"arr4-title\"\u003eTU RUTINA PARA LAS CANAS,\u003cbr\u003eDONDE SEA QUE TE LLEVE LA VIDA.\u003c\/h2\u003e\n\n\n\u003c\/div\u003e\n\n\u003c!-- TARJETAS --\u003e\n\u003cdiv class=\"arr4-grid\"\u003e\n\n\u003c!-- 01 --\u003e\n\u003carticle class=\"arr4-card\"\u003e\n\u003cdiv class=\"arr4-image\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/ChatGPT_54.webp?v=1787217075\" alt=\"Rutina ABERA para las canas antes del trabajo\"\u003e\u003c\/div\u003e\n\n\u003cdiv class=\"arr4-overlay\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\n\u003cdiv class=\"arr4-content\"\u003e\n\n\u003ch3 class=\"arr4-label\"\u003eANTES DEL TRABAJO\u003c\/h3\u003e\n\n\u003cp class=\"arr4-text\"\u003eRefresca las canas visibles sin tener que programar una visita al salón.\u003c\/p\u003e\n\n\n\u003c\/div\u003e\n\n\u003c\/article\u003e\n\u003c!-- 02 --\u003e\n\u003carticle class=\"arr4-card\"\u003e\n\u003cdiv class=\"arr4-image\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/ChatGPT_55.webp?v=1787217941\" alt=\"Rutina ABERA para las canas antes de un evento\"\u003e\u003c\/div\u003e\n\n\u003cdiv class=\"arr4-overlay\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\n\u003cdiv class=\"arr4-content\"\u003e\n\n\u003ch3 class=\"arr4-label\"\u003eANTES DE UN EVENTO\u003c\/h3\u003e\n\n\u003cp class=\"arr4-text\"\u003eConsigue un cabello de aspecto renovado antes de una ocasión importante.\u003c\/p\u003e\n\n\n\u003c\/div\u003e\n\n\u003c\/article\u003e\n\u003c!-- 03 --\u003e\n\u003carticle class=\"arr4-card\"\u003e\n\u003cdiv class=\"arr4-image\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/ChatGPT_57.webp?v=1787218999\" alt=\"Champú tinto ABERA para viajes de negocios\"\u003e\u003c\/div\u003e\n\n\u003cdiv class=\"arr4-overlay\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\n\u003cdiv class=\"arr4-content\"\u003e\n\n\u003ch3 class=\"arr4-label\"\u003eVIAJE DE NEGOCIOS\u003c\/h3\u003e\n\n\u003cp class=\"arr4-text\"\u003eLleva sobres individuales en lugar de un voluminoso kit de tinte.\u003c\/p\u003e\n\n\n\u003c\/div\u003e\n\n\u003c\/article\u003e\n\u003c!-- 04 --\u003e\n\u003carticle class=\"arr4-card\"\u003e\n\u003cdiv class=\"arr4-image\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/ChatGPT_58.webp?v=1787219168\" alt=\"Retoque de raíces canas ABERA\"\u003e\u003c\/div\u003e\n\n\u003cdiv class=\"arr4-overlay\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\n\u003cdiv class=\"arr4-content\"\u003e\n\n\u003ch3 class=\"arr4-label\"\u003eRETOQUE DE RAÍCES\u003c\/h3\u003e\n\n\u003cp class=\"arr4-text\"\u003eTen listo tu próximo retoque para cuando vuelvan a aparecer las canas.\u003c\/p\u003e\n\n\n\u003c\/div\u003e\n\n\u003c\/article\u003e\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\u003c\/section\u003e\n\u003c!-- =========================================================\n02 — VIDEOS DE CLIENTES\n========================================================= --\u0026gt;\n\u003c!--$11--\u003e\n\u003csection id=\"abera-customer-videos-v4\"\u003e\n\u003cdiv class=\"acv4-main\"\u003e\n\n\u003cdiv class=\"acv4-container\"\u003e\n\n\u003c!-- ENCABEZADO --\u003e\n\u003cdiv class=\"acv4-header\"\u003e\n\n\u003cp class=\"acv4-eyebrow\"\u003ePERSONAS REALES. COBERTURA REAL DE LAS CANAS.\u003c\/p\u003e\n\n\u003ch2 class=\"acv4-title\"\u003eDESCUBRE POR QUÉ LOS CLIENTES SE ESTÁN CAMBIANDO.\u003c\/h2\u003e\n\n\n\u003c\/div\u003e\n\n\u003c!-- VIDEOS --\u003e\n\u003cdiv class=\"acv4-track\"\u003e\n\n\u003c!-- 01 --\u003e\n\u003carticle class=\"acv4-card\"\u003e\n\u003cdiv class=\"acv4-video\"\u003e\u003cvideo src=\"https:\/\/cdn.shopify.com\/videos\/c\/o\/v\/2247d720f9fb4e589d4a985b52c70a33.mp4\" poster=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/0803.webp?v=1787234744\" controls=\"controls\" playsinline=\"\" preload=\"metadata\"\u003e\u003c\/video\u003e\u003c\/div\u003e\n\n\u003cdiv class=\"acv4-info\"\u003e\n\n\u003cdiv class=\"acv4-stars\"\u003e★★★★★\u003c\/div\u003e\n\n\u003cdiv class=\"acv4-person\"\u003e\n\n\u003cspan class=\"acv4-name\"\u003e Mark E. \u003c\/span\u003e \u003cspan class=\"acv4-verified\"\u003e ✓ Cliente verificado \u003c\/span\u003e\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\u003c\/article\u003e\n\u003c!-- 02 --\u003e\n\u003carticle class=\"acv4-card\"\u003e\n\u003cdiv class=\"acv4-video\"\u003e\u003cvideo src=\"https:\/\/cdn.shopify.com\/videos\/c\/o\/v\/03176030e3104857a34e0bf372cd299f.mp4\" poster=\"\" controls=\"controls\" playsinline=\"\" preload=\"metadata\"\u003e\u003c\/video\u003e\u003c\/div\u003e\n\n\u003cdiv class=\"acv4-info\"\u003e\n\n\u003cdiv class=\"acv4-stars\"\u003e★★★★★\u003c\/div\u003e\n\n\u003cdiv class=\"acv4-person\"\u003e\n\n\u003cspan class=\"acv4-name\"\u003e Emma O. \u003c\/span\u003e \u003cspan class=\"acv4-verified\"\u003e ✓ Cliente verificado \u003c\/span\u003e\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\u003c\/article\u003e\n\u003c!-- 03 --\u003e\n\u003carticle class=\"acv4-card\"\u003e\n\u003cdiv class=\"acv4-video\"\u003e\u003cvideo src=\"https:\/\/cdn.shopify.com\/videos\/c\/o\/v\/df1f8a6f69d14545bce3ad531ea3b905.mp4\" poster=\"\" controls=\"controls\" playsinline=\"\" preload=\"metadata\"\u003e\u003c\/video\u003e\u003c\/div\u003e\n\n\u003cdiv class=\"acv4-info\"\u003e\n\n\u003cdiv class=\"acv4-stars\"\u003e★★★★★\u003c\/div\u003e\n\n\u003cdiv class=\"acv4-person\"\u003e\n\n\u003cspan class=\"acv4-name\"\u003e Jack L. \u003c\/span\u003e \u003cspan class=\"acv4-verified\"\u003e ✓ Cliente verificado \u003c\/span\u003e\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\u003c\/article\u003e\n\u003c!-- 04 --\u003e\n\u003carticle class=\"acv4-card\"\u003e\n\u003cdiv class=\"acv4-video\"\u003e\u003cvideo src=\"https:\/\/cdn.shopify.com\/videos\/c\/o\/v\/00098119bb07403bbd76f8fa4e8f9309.mp4\" poster=\"\" controls=\"controls\" playsinline=\"\" preload=\"metadata\"\u003e\u003c\/video\u003e\u003c\/div\u003e\n\n\u003cdiv class=\"acv4-info\"\u003e\n\n\u003cdiv class=\"acv4-stars\"\u003e★★★★★\u003c\/div\u003e\n\n\u003cdiv class=\"acv4-person\"\u003e\n\n\u003cspan class=\"acv4-name\"\u003e Ave R. \u003c\/span\u003e \u003cspan class=\"acv4-verified\"\u003e ✓ Cliente verificado \u003c\/span\u003e\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\u003c\/article\u003e\n\n\u003c\/div\u003e\n\n\u003c!-- FLECHAS MÓVILES --\u003e\n\u003cdiv class=\"acv4-controls\"\u003e\n\n\u003cbutton type=\"button\" class=\"acv4-btn acv4-prev\"\u003e ← \u003c\/button\u003e \u003cbutton type=\"button\" class=\"acv4-btn acv4-next\"\u003e → \u003c\/button\u003e\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\u003c!-- =========================================================\nJS DE CARRUSEL MÓVIL\n========================================================= --\u0026gt; \u003c!--$12--\u003e\u003c\/section\u003e\n\u003c!-- =========================================================\nTINTURA DE CABELLO ABERA — PREGUNTAS FRECUENTES\nFONDO BEIGE CONTINUO\n11 PREGUNTAS\nNO REQUIERE JAVASCRIPT\n========================================================= --\u0026gt;\n\u003c!--$13--\u003e\n\u003c!-- GARANTÍA DE DEVOLUCIÓN DE DINERO DE 30 DÍAS: verificar la política de la tienda y el enlace antes de publicar --\u003e\n\u003cstyle\u003e\n#abera-guarantee-v4, #abera-guarantee-v4 * { box-sizing: border-box; }\n#abera-guarantee-v4 {\n  background: #fff; color: #101820; font-family: Inter, Arial, sans-serif;\n  padding: clamp(40px, 5vw, 74px) clamp(16px, 7vw, 112px);\n}\n#abera-guarantee-v4 .ag4-card {\n  max-width: 1276px; margin: auto; padding: clamp(28px, 5vw, 68px);\n  border: 1px solid #c6a15a; border-radius: 18px; background: #fff;\n  display: grid; grid-template-columns: 112px minmax(0, 1fr) minmax(200px, 280px); gap: clamp(20px, 4vw, 48px);\n  align-items: center; box-shadow: 0 14px 35px rgba(21,38,56,.06);\n}\n#abera-guarantee-v4 .ag4-icon {\n  width: 104px; height: 104px; border: 2px solid #c6a15a;\n  border-radius: 50%; display: grid; place-items: center;\n  color: #152638; font-size: 29px; font-weight: 800;\n}\n#abera-guarantee-v4 .ag4-eyebrow {\n  margin: 0 0 8px; color: #a97825; letter-spacing: .12em;\n  font-size: 13px; font-weight: 700;\n}\n#abera-guarantee-v4 h2 {\n  margin: 0 0 14px; color: #152638; font-size: clamp(26px, 3vw, 43px);\n  line-height: 1.15;\n}\n#abera-guarantee-v4 p.ag4-copy {\n  margin: 0; max-width: 760px; color: #46586a;\n  font-size: clamp(15px, 1.4vw, 18px); line-height: 1.65;\n}\n#abera-guarantee-v4 .ag4-note { margin: 12px 0 0; color: #46586a; font-size: 12px; }\n#abera-guarantee-v4 .ag4-image-slot {\n  position: relative; width: 100%; aspect-ratio: 1 \/ 1;\n  border: 1px dashed #c6a15a; border-radius: 12px;\n  background: #f2f5f7; overflow: hidden;\n}\n#abera-guarantee-v4 .ag4-image-slot img {\n  display: block; width: 100%; height: 100%; object-fit: cover;\n}\n#abera-guarantee-v4 .ag4-image-slot img[src=\"\"] { display: none; }\n#abera-guarantee-v4 .ag4-image-placeholder {\n  position: absolute; inset: 0; display: grid; place-items: center;\n  padding: 22px; text-align: center; color: #46586a;\n  font-size: 15px; font-weight: 600;\n}\n#abera-guarantee-v4 .ag4-image-slot:has(img:not([src=\"\"])) .ag4-image-placeholder { display: none; }\n\n@media (max-width: 767px) {\n  #abera-guarantee-v4 .ag4-card { grid-template-columns: 1fr; gap: 20px; }\n  #abera-guarantee-v4 .ag4-icon { width: 80px; height: 80px; font-size: 23px; }\n}\n\u003c\/style\u003e\n\u003csection id=\"abera-faq-v4\"\u003e\u003c!-- =========================================================\nCONTENIDO DE PREGUNTAS FRECUENTES\n========================================================= --\u0026gt;\n\u003cdiv class=\"afq4-main\"\u003e\n\n\u003cdiv class=\"afq4-container\"\u003e\n\n\u003c!-- TÍTULO --\u003e\n\u003ch2 class=\"afq4-title\"\u003ePREGUNTAS FRECUENTES\u003c\/h2\u003e\n\n\u003c!-- =====================================================\n    LISTA DE PREGUNTAS FRECUENTES\n    ====================================================== --\u0026gt;\n\u003cdiv class=\"afq4-list\"\u003e\n\n\u003c!-- 01 --\u003e\n\u003cdetails class=\"afq4-item\"\u003e\n\u003csummary class=\"afq4-question\"\u003e¿Cuánto tiempo dura el color del cabello?\u003c\/summary\u003e\n\u003cdiv class=\"afq4-answer\"\u003e\n\n\u003cp\u003eDependiendo del tipo de cabello y la frecuencia de lavado, Abera suele durar de 4 a 6 semanas.\u003c\/p\u003e\n\n\n\u003c\/div\u003e\n\n\u003c\/details\u003e\n\u003c!-- 02 --\u003e\n\u003cdetails class=\"afq4-item\"\u003e\n\u003csummary class=\"afq4-question\"\u003e¿Causa alergias o se puede usar en pieles sensibles?\u003c\/summary\u003e\n\u003cdiv class=\"afq4-answer\"\u003e\n\n\u003cp\u003eAbera contiene sustancias químicas a las que algunas personas pueden ser sensibles, como PPD y peróxido de hidrógeno. Recomendamos realizar una prueba cutánea 24 horas antes de su aplicación completa.\u003c\/p\u003e\n\n\n\u003c\/div\u003e\n\n\u003c\/details\u003e\n\u003c!-- 03 --\u003e\n\u003cdetails class=\"afq4-item\"\u003e\n\u003csummary class=\"afq4-question\"\u003e¿Tiene olor químico?\u003c\/summary\u003e\n\u003cdiv class=\"afq4-answer\"\u003e\n\n\u003cp\u003eNo. El champú colorante para el cabello ABERA contiene ingredientes herbales con un aroma herbal fresco.\u003c\/p\u003e\n\n\n\u003c\/div\u003e\n\n\u003c\/details\u003e\n\u003c!-- 04 --\u003e\n\u003cdetails class=\"afq4-item\"\u003e\n\u003csummary class=\"afq4-question\"\u003e¿Puedo usarlo solo en mis raíces grises?\u003c\/summary\u003e\n\u003cdiv class=\"afq4-answer\"\u003e\n\n\u003cp\u003eSí. Puede concentrar la aplicación en las zonas grises visibles, como las raíces, las sienes y la línea del cabello, siguiendo las instrucciones del producto.\u003c\/p\u003e\n\n\n\u003c\/div\u003e\n\n\u003c\/details\u003e\n\u003c!-- 05 --\u003e\n\u003cdetails class=\"afq4-item\"\u003e\n\u003csummary class=\"afq4-question\"\u003e¿Funciona en cualquier tipo de cabello?\u003c\/summary\u003e\n\u003cdiv class=\"afq4-answer\"\u003e\n\n\u003cp\u003eSí, Abera funciona en tipos de cabello del 1A al 4C. Gracias a sus propiedades de champú, es fácil de aplicar y cubre el cabello canoso desde la raíz hasta las puntas.\u003c\/p\u003e\n\n\n\u003c\/div\u003e\n\n\u003c\/details\u003e\n\u003c!-- 06 --\u003e\n\u003cdetails class=\"afq4-item\"\u003e\n\u003csummary class=\"afq4-question\"\u003e¿Este champú mancha la piel o la tela?\u003c\/summary\u003e\n\u003cdiv class=\"afq4-answer\"\u003e\n\n\u003cp\u003eEl champú colorante instantáneo Abera está diseñado para una aplicación más limpia y sencilla. Recomendamos usar guantes durante su uso y evitar toallas y ropa blancas o de colores claros, ya que el pigmento puede transferirse si el producto no se enjuaga por completo.\u003c\/p\u003e\n\n\n\u003c\/div\u003e\n\n\u003c\/details\u003e\n\u003c!-- 07 --\u003e\n\u003cdetails class=\"afq4-item\"\u003e\n\u003csummary class=\"afq4-question\"\u003e¿Puedo usar este champú en mi barba?\u003c\/summary\u003e\n\u003cdiv class=\"afq4-answer\"\u003e\n\n\u003cp\u003eSi la piel de su rostro se irrita con facilidad, pruebe el producto en una pequeña zona antes de aplicarlo de forma más general y siga las instrucciones del producto.\u003c\/p\u003e\n\n\n\u003c\/div\u003e\n\n\u003c\/details\u003e\n\u003c!-- 08 --\u003e\n\u003cdetails class=\"afq4-item\"\u003e\n\u003csummary class=\"afq4-question\"\u003e¿Puedo usarlo con mis productos habituales para el cuidado del cabello?\u003c\/summary\u003e\n\u003cdiv class=\"afq4-answer\"\u003e\n\n\u003cp\u003eRecomendamos usar nuestro champú y acondicionador entre aplicaciones del colorante. El acondicionador puede aplicarse después de enjuagar minuciosamente el colorante del cabello.\u003c\/p\u003e\n\n\n\u003c\/div\u003e\n\n\u003c\/details\u003e\n\u003c!-- 09 --\u003e\n\u003cdetails class=\"afq4-item\"\u003e\n\u003csummary class=\"afq4-question\"\u003e¿Debo realizar una prueba de alergia?\u003c\/summary\u003e\n\u003cdiv class=\"afq4-answer\"\u003e\n\n\u003cp\u003eSí. Siga las instrucciones de la prueba de alerta de alergia proporcionadas con el producto colorante para el cabello antes de usarlo.\u003c\/p\u003e\n\n\n\u003c\/div\u003e\n\n\u003c\/details\u003e\n\u003c!-- 10 --\u003e\n\u003cdetails class=\"afq4-item\"\u003e\n\u003csummary class=\"afq4-question\"\u003e¿Funciona en el cabello completamente canoso?\u003c\/summary\u003e\n\u003cdiv class=\"afq4-answer\"\u003e\n\n\u003cp\u003eLa cobertura puede variar según el color original de su cabello, el porcentaje de canas, el estado del cabello y la aplicación.\u003c\/p\u003e\n\n\n\u003c\/div\u003e\n\n\u003c\/details\u003e\n\u003c!-- 11 --\u003e\n\u003cdetails class=\"afq4-item\"\u003e\n\u003csummary class=\"afq4-question\"\u003e¿Cuánto tardará en llegar mi pedido?\u003c\/summary\u003e\n\u003cdiv class=\"afq4-answer\"\u003e\n\n\u003cp\u003eLos pedidos se envían desde nuestras instalaciones en EE. UU. en un plazo de 1 a 2 días hábiles tras su recepción. Los pedidos en EE. UU. generalmente llegan 3 o 4 días después. Recibirá un correo electrónico con un número de seguimiento cuando se envíe su paquete para que pueda seguir su pedido hasta su domicilio.\u003c\/p\u003e\n\n\n\u003c\/div\u003e\n\n\u003c\/details\u003e\n\n\n\n\n\n\n\n\n\n\u003c\/section\u003e\u003c\/section\u003e","brand":"Abera","offers":[{"title":"1 botella","offer_id":52662759522672,"sku":"CB-ABERA101+SL1","price":39.99,"currency_code":"USD","in_stock":true},{"title":"1 Botella + Paquete de cuidado capilar","offer_id":67803413610864,"sku":null,"price":45.99,"currency_code":"USD","in_stock":true},{"title":"2 botellas","offer_id":52662759555440,"sku":"CB-ABERA101+SL2","price":55.99,"currency_code":"USD","in_stock":true},{"title":"3 Botellas + Paquete de Cuidado Capilar Gratis","offer_id":52662759588208,"sku":"CB-ABERA101+SL3-CB-DGBUOI081+SL1-CB-SRBUOI080+SL1","price":79.99,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/main_listing_1.webp?v=1790046018"},{"product_id":"abera-ginb-eyebrow-growth-serum","title":"ABERA Ginb Sérum para el crecimiento de cejas para mujeres y hombres","description":"\u003cul class=\"a-unordered-list a-vertical a-spacing-mini\"\u003e\n\n\u003cli class=\"a-spacing-mini\"\u003e\u003cspan class=\"a-list-item\"\u003e\u003cstrong\u003eINGREDIENTES CLAVE PARA EL ACEITE DE CRECIMIENTO DE CEJAS Y BARBA DESIGUALES Y CON CALVAS PARA HOMBRES Y MUJERES:\u003c\/strong\u003e Este suero está formulado con ingredientes hidratantes, nutritivos y fortalecedores como extracto de Panax ginseng, biotina y extracto de flor de Chamomilla Recutita\u003c\/span\u003e\u003c\/li\u003e\n\n\u003cli class=\"a-spacing-mini\"\u003e\u003cspan class=\"a-list-item\"\u003e\u003cstrong\u003eBIOTINA:\u003c\/strong\u003e Suplementada con nutrientes para ayudar a oscurecer y engrosar las cejas y la barba\u003c\/span\u003e\u003c\/li\u003e\n\n\u003cli class=\"a-spacing-mini\"\u003e\u003cspan class=\"a-list-item\"\u003e\u003cstrong\u003eACETIL TETRAPÉPTIDO-3:\u003c\/strong\u003e Ayuda a favorecer un crecimiento más rápido y seguro de cejas y barba\u003c\/span\u003e\u003c\/li\u003e\n\n\u003cli class=\"a-spacing-mini\"\u003e\u003cspan class=\"a-list-item\"\u003e\u003cstrong\u003eSUAVE Y SEGURO PARA TODO TIPO DE PIEL:\u003c\/strong\u003e Disfruta de una experiencia segura y sin irritaciones con una fórmula suave adecuada para todo tipo de piel. Deja crecer tus cejas sin molestias, ya sea que tu piel sea seca, grasa o sensible\u003c\/span\u003e\u003c\/li\u003e\n\n\u003cli class=\"a-spacing-mini\"\u003e\u003cspan class=\"a-list-item\"\u003e\u003cstrong\u003eFÁCIL APLICACIÓN:\u003c\/strong\u003e Diseñado para un uso sin complicaciones, el aplicador de precisión garantiza una aplicación específica, ahorrándote tiempo y brindando resultados de calidad de salón en casa\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/Hinh11800x1350-ezgif.com-png-to-webp-converter.webp?v=1786070670\" alt=\"\" width=\"1800\" height=\"1350\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/Hinh21800x1350-ezgif.com-png-to-webp-converter.webp?v=1786070670\" alt=\"\" width=\"1800\" height=\"1350\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/Hinh51800x1350-ezgif.com-png-to-webp-converter.webp?v=1786070670\" alt=\"\" width=\"1800\" height=\"1350\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/Hinh61800x1350-ezgif.com-png-to-webp-converter.webp?v=1786070670\" alt=\"\" width=\"1800\" height=\"1350\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/Hinh81800x1350-ezgif.com-png-to-webp-converter.webp?v=1786070670\" alt=\"\" width=\"1800\" height=\"1350\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/Hinh91800x1350-ezgif.com-png-to-webp-converter.webp?v=1786070670\" alt=\"\" width=\"1800\" height=\"1350\"\u003e\u003c\/span\u003e\u003c\/li\u003e\n\n\n\u003c\/ul\u003e","brand":"Abera","offers":[{"title":"1 CAJA","offer_id":54030407172464,"sku":"CB-GINB058+SL1","price":17.95,"currency_code":"USD","in_stock":true},{"title":"COMPRA 2 AHORRA 25%","offer_id":54045877567856,"sku":"CB-GINB058+SL2","price":32.95,"currency_code":"USD","in_stock":true},{"title":"COMPRE 3 AHORRE 30% + REGALO","offer_id":54045877600624,"sku":"CB-GINB058+SL3-CB-USCOMI040+SL1","price":47.35,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/Hinh1-ezgif.com-jpg-to-webp-converter.webp?v=1784170779"},{"product_id":"abera-langbian-ginseng","title":"ABERA Champú Anticaída y Anticaspa de Ginseng","description":"\u003cstyle\u003e\n\/* =========================================================\n   ABERA LANGBIAN GINSENG SHAMPOO\n   DESCRIPCIÓN COMPLETA DEL PRODUCTO\n   MOBILE-FIRST — LEGIBILIDAD MEJORADA\n========================================================= *\/\n\nhtml{\n  scroll-behavior:smooth;\n}\n\n.abera{\n  max-width:1180px;\n  margin:0 auto;\n  font-family:Arial,Helvetica,sans-serif;\n  color:#182018;\n  line-height:1.6;\n  font-size:16px;\n}\n\n.abera *{\n  box-sizing:border-box;\n}\n\n.abera-sec{\n  padding:58px 26px;\n}\n\n.abera-center{\n  text-align:center;\n}\n\n.abera-soft{\n  background:#f4f6ef;\n}\n\n.abera-dark{\n  background:#141b15;\n  color:#fff;\n}\n\n.abera-eye{\n  display:inline-block;\n  margin-bottom:11px;\n  color:#698330;\n  font-size:12px;\n  line-height:1.4;\n  font-weight:900;\n  letter-spacing:1.25px;\n  text-transform:uppercase;\n}\n\n.abera-title{\n  max-width:820px;\n  margin:0 auto 15px;\n  color:#111a12;\n  font-size:40px;\n  line-height:1.1;\n  font-weight:800;\n  letter-spacing:-.8px;\n}\n\n.abera-sub{\n  max-width:750px;\n  margin:0 auto;\n  color:#5f675f;\n  font-size:17px;\n  line-height:1.65;\n}\n\n.abera-dark .abera-title{\n  color:#fff;\n}\n\n.abera-dark .abera-sub{\n  color:#d8e0d4;\n}\n\n.abera-dark .abera-eye{\n  color:#bfd96d;\n}\n\n\n\/* =========================================================\n   HERO\n========================================================= *\/\n\n.abera-hero{\n  overflow:hidden;\n  border-radius:24px;\n  background:linear-gradient(\n    135deg,\n    #0b110c 0%,\n    #172218 55%,\n    #526c2e 100%\n  );\n  color:#fff;\n}\n\n.abera-hero-in{\n  display:grid;\n  grid-template-columns:1.05fr .95fr;\n  gap:42px;\n  align-items:center;\n  padding:66px 50px;\n}\n\n.abera-hero h2{\n  margin:0 0 18px;\n  color:#fff;\n  font-size:49px;\n  line-height:1.03;\n  font-weight:800;\n  letter-spacing:-1.3px;\n}\n\n.abera-hero p{\n  margin:0 0 23px;\n  color:#e5ebdf;\n  font-size:18px;\n  line-height:1.65;\n}\n\n.abera-points{\n  display:grid;\n  gap:11px;\n}\n\n.abera-point{\n  display:flex;\n  gap:10px;\n  align-items:flex-start;\n  font-size:15px;\n  line-height:1.5;\n  font-weight:700;\n}\n\n.abera-check{\n  width:23px;\n  height:23px;\n  min-width:23px;\n  display:flex;\n  align-items:center;\n  justify-content:center;\n  border-radius:50%;\n  background:#aacb50;\n  color:#111;\n  font-size:13px;\n  font-weight:900;\n}\n\n\n\/* =========================================================\n   PLACEHOLDERS\n========================================================= *\/\n\n.abera-ph{\n  min-height:350px;\n  display:flex;\n  align-items:center;\n  justify-content:center;\n  padding:24px;\n  border:2px dashed #a8b49c;\n  border-radius:19px;\n  background:#eaf0e2;\n  color:#63705e;\n  text-align:center;\n  font-size:13px;\n  line-height:1.65;\n  font-weight:700;\n}\n\n.abera-ph-dark{\n  background:#222d23;\n  border-color:#53634c;\n  color:#ccd8c4;\n}\n\n\n\/* =========================================================\n   PAIN CARDS\n========================================================= *\/\n\n.abera-pains{\n  display:grid;\n  grid-template-columns:repeat(4,1fr);\n  gap:14px;\n  margin-top:34px;\n}\n\n.abera-pain{\n  overflow:hidden;\n  border:1px solid #dce3d6;\n  border-radius:18px;\n  background:#fff;\n  text-align:left;\n}\n\n.abera-pain-img{\n  height:195px;\n  display:flex;\n  align-items:center;\n  justify-content:center;\n  padding:17px;\n  background:#e9eedf;\n  color:#667262;\n  text-align:center;\n  font-size:12px;\n  line-height:1.6;\n  font-weight:800;\n}\n\n.abera-pain-copy{\n  padding:18px;\n}\n\n.abera-tag{\n  display:inline-block;\n  margin-bottom:10px;\n  padding:6px 10px;\n  border-radius:999px;\n  background:#ebf0e3;\n  color:#68812e;\n  font-size:10.5px;\n  line-height:1.3;\n  font-weight:900;\n  letter-spacing:.55px;\n}\n\n.abera-pain h3{\n  margin:0 0 8px;\n  font-size:20px;\n  line-height:1.25;\n}\n\n.abera-pain p{\n  margin:0;\n  color:#5e675e;\n  font-size:14px;\n  line-height:1.6;\n}\n\n\n\/* =========================================================\n   SPLIT\n========================================================= *\/\n\n.abera-split{\n  display:grid;\n  grid-template-columns:1fr 1fr;\n  gap:46px;\n  align-items:center;\n}\n\n.abera-copy h2{\n  margin:0 0 15px;\n  font-size:37px;\n  line-height:1.1;\n}\n\n.abera-copy p{\n  margin:0 0 14px;\n  font-size:16px;\n  line-height:1.65;\n}\n\n.abera-dark .abera-copy p{\n  color:#dce3d7;\n}\n\n.abera-highlight{\n  margin-top:20px;\n  padding:18px 19px;\n  border-left:4px solid #a2c04e;\n  background:rgba(160,190,77,.10);\n  border-radius:0 12px 12px 0;\n  font-size:15px;\n  line-height:1.6;\n}\n\n.abera-highlight strong{\n  display:block;\n  margin-bottom:5px;\n}\n\n\n\/* =========================================================\n   VIDEO\n========================================================= *\/\n\n.abera-video{\n  max-width:900px;\n  margin:31px auto 0;\n  overflow:hidden;\n  border-radius:20px;\n  background:#101610;\n}\n\n.abera-video-ph{\n  min-height:390px;\n  display:flex;\n  align-items:center;\n  justify-content:center;\n  padding:28px;\n  background:linear-gradient(135deg,#202920,#101610);\n  color:#dce5d7;\n  text-align:center;\n  font-size:14px;\n  line-height:1.6;\n  font-weight:700;\n}\n\n.abera-play{\n  width:62px;\n  height:62px;\n  display:flex;\n  align-items:center;\n  justify-content:center;\n  margin:0 auto 15px;\n  border-radius:50%;\n  background:#aacb50;\n  color:#111;\n  font-size:22px;\n}\n\n.abera-video-frame{\n  position:relative;\n  width:100%;\n  padding-bottom:56.25%;\n}\n\n.abera-video-frame iframe,\n.abera-video-frame video{\n  position:absolute;\n  inset:0;\n  width:100%;\n  height:100%;\n  border:0;\n  object-fit:cover;\n}\n\n\n\n\n\/* =========================================================\n   INLINE VIDEO — NO FULLSCREEN \/ TAP TO PLAY\n========================================================= *\/\n\n.abera-inline-video{\n  cursor:pointer;\n  -webkit-tap-highlight-color:transparent;\n}\n\n.abera-inline-play{\n  position:absolute;\n  left:50%;\n  top:50%;\n  z-index:5;\n\n  width:58px;\n  height:58px;\n\n  display:flex;\n  align-items:center;\n  justify-content:center;\n\n  padding:0;\n  border:0;\n  border-radius:999px;\n\n  background:rgba(170,203,80,.96);\n  color:#111;\n\n  font-size:22px;\n  line-height:1;\n  font-weight:900;\n\n  transform:translate(-50%,-50%);\n  cursor:pointer;\n\n  box-shadow:0 8px 24px rgba(0,0,0,.20);\n  transition:opacity .2s ease, transform .2s ease;\n}\n\n.abera-inline-play:hover{\n  transform:translate(-50%,-50%) scale(1.05);\n}\n\n.abera-inline-video-wrap.is-playing .abera-inline-play{\n  opacity:0;\n  pointer-events:none;\n}\n\n\/* =========================================================\n   SCALP SCIENCE EXPLAINER — BALANCED VERSION\n========================================================= *\/\n\n.abera-science-wrap{\n  max-width:1160px;\n  margin:0 auto;\n}\n\n.abera-science-main{\n  display:grid;\n  grid-template-columns:minmax(0,1.15fr) minmax(340px,.85fr);\n  gap:18px;\n  align-items:stretch;\n  margin-top:24px;\n}\n\n.abera-science-copy{\n  display:flex;\n  flex-direction:column;\n  padding:22px 20px;\n  border:1px solid #dfe5d8;\n  border-radius:20px;\n  background:#fff;\n  text-align:left;\n  box-shadow:0 8px 24px rgba(22,45,28,.04);\n}\n\n.abera-science-points{\n  display:grid;\n  grid-template-columns:repeat(2,minmax(0,1fr));\n  gap:10px;\n}\n\n.abera-science-point{\n  padding:15px 14px 14px;\n  border:1px solid #dfe5d8;\n  border-radius:14px;\n  background:#fbfcfa;\n}\n\n.abera-science-no{\n  display:block;\n  margin-bottom:5px;\n  color:#6d8b35;\n  font-size:10px;\n  line-height:1.3;\n  font-weight:900;\n  letter-spacing:.65px;\n  text-transform:uppercase;\n}\n\n.abera-science-point h4{\n  margin:0 0 5px;\n  color:#102010;\n  font-size:18px;\n  line-height:1.22;\n}\n\n.abera-science-point p{\n  margin:0;\n  color:#606860;\n  font-size:13px;\n  line-height:1.5;\n}\n\n.abera-science-bridge{\n  margin-top:10px;\n  padding:14px 15px;\n  border-radius:14px;\n  background:#172117;\n  color:#fff;\n}\n\n.abera-science-bridge strong{\n  display:block;\n  margin-bottom:4px;\n  color:#fff;\n  font-size:15px;\n  line-height:1.4;\n}\n\n.abera-science-bridge p{\n  margin:0;\n  color:#d7dfd3;\n  font-size:13px;\n  line-height:1.55;\n}\n\n.abera-science-video{\n  display:flex;\n  flex-direction:column;\n  overflow:hidden;\n  border:1px solid #dfe5d8;\n  border-radius:20px;\n  background:#fff;\n  box-shadow:0 8px 24px rgba(22,45,28,.04);\n}\n\n.abera-science-video-frame{\n  position:relative;\n  width:100%;\n  flex:1;\n  min-height:500px;\n  overflow:hidden;\n  background:#e9efe3;\n}\n\n.abera-science-video-frame video{\n  position:absolute;\n  inset:0;\n  display:block;\n  width:100%;\n  height:100%;\n  object-fit:cover;\n  object-position:center;\n  background:#000;\n}\n\n.abera-science-video-copy{\n  padding:13px 14px 15px;\n  text-align:left;\n}\n\n.abera-science-video-copy strong{\n  display:block;\n  margin-bottom:4px;\n  color:#102010;\n  font-size:15px;\n  line-height:1.35;\n}\n\n.abera-science-video-copy p{\n  margin:0;\n  color:#606860;\n  font-size:12.5px;\n  line-height:1.5;\n}\n\n\/* =========================================================\n   FOLLICLE SYSTEM — DESKTOP 3 COLUMNS\n   Stable item-based layout\n========================================================= *\/\n\n.abera-mech-desktop{\n  display:grid;\n  grid-template-columns:repeat(3,minmax(0,1fr));\n  gap:20px 16px;\n  margin-top:34px;\n}\n\n.abera-mech-item{\n  overflow:hidden;\n  border:1px solid #dfe5d8;\n  border-radius:17px;\n  background:#fff;\n}\n\n.abera-mech-item .abera-mech-real-img{\n  display:block;\n  width:100%;\n  height:auto;\n  aspect-ratio:4 \/ 3;\n  object-fit:cover;\n  object-position:center;\n  border-radius:0;\n}\n\n.abera-mech-item .abera-mech-card{\n  min-height:0;\n  height:auto;\n  padding:18px 18px 20px;\n  border:0;\n  border-top:1px solid #dfe5d8;\n  border-radius:0;\n  background:#fff;\n  text-align:left;\n}\n\n.abera-mech-no{\n  display:block;\n  margin-bottom:6px;\n  color:#688231;\n  font-size:11px;\n  line-height:1.35;\n  font-weight:900;\n  letter-spacing:.7px;\n}\n\n.abera-mech-card h3{\n  margin:0 0 6px;\n  font-size:19px;\n  line-height:1.25;\n}\n\n.abera-mech-card p{\n  margin:0;\n  color:#606860;\n  font-size:14px;\n  line-height:1.55;\n}\n\n\/* Mobile version is hidden on desktop *\/\n.abera-mech-mobile{\n  display:none;\n}\n\n.abera-mech-dots{\n  display:none;\n}\n\n\n\/* =========================================================\n   INGREDIENTS\n========================================================= *\/\n\n.abera-ing{\n  display:grid;\n  grid-template-columns:repeat(4,1fr);\n  gap:14px;\n  margin-top:34px;\n}\n\n.abera-ing-card{\n  overflow:hidden;\n  border:1px solid #dfe5d8;\n  border-radius:17px;\n  background:#fff;\n}\n\n.abera-ing-img{\n  height:165px;\n  display:flex;\n  align-items:center;\n  justify-content:center;\n  padding:15px;\n  background:#e8eddf;\n  color:#677461;\n  text-align:center;\n  font-size:12px;\n  line-height:1.55;\n  font-weight:800;\n}\n\n.abera-ing-copy{\n  padding:17px;\n  text-align:left;\n}\n\n.abera-ing-copy h3{\n  margin:0 0 7px;\n  font-size:17px;\n  line-height:1.3;\n}\n\n.abera-ing-copy p{\n  margin:0;\n  color:#606860;\n  font-size:13.5px;\n  line-height:1.6;\n}\n\n\n\/* =========================================================\n   CAROUSEL\n========================================================= *\/\n\n.abera-swipe{\n  margin:14px auto 0;\n  color:#697166;\n  font-size:13px;\n  line-height:1.4;\n  font-weight:700;\n}\n\n.abera-swipe-light{\n  color:#dbe3d6;\n}\n\n.abera-scroll{\n  display:flex;\n  gap:14px;\n  overflow-x:auto;\n  padding:4px 2px 13px;\n  scroll-snap-type:x mandatory;\n  -webkit-overflow-scrolling:touch;\n}\n\n.abera-scroll::-webkit-scrollbar{\n  height:6px;\n}\n\n.abera-scroll::-webkit-scrollbar-thumb{\n  background:#c7cfbd;\n  border-radius:999px;\n}\n\n\n\/* =========================================================\n   BEFORE \/ AFTER\n========================================================= *\/\n\n.abera-result{\n  flex:0 0 calc(33.333% - 10px);\n  scroll-snap-align:start;\n  overflow:hidden;\n  border:1px solid #dfe5d8;\n  border-radius:19px;\n  background:#fff;\n}\n\n.abera-result-tag{\n  display:inline-block;\n  margin:14px 14px 0;\n  padding:6px 10px;\n  border-radius:999px;\n  background:#edf1e5;\n  color:#688131;\n  font-size:10.5px;\n  line-height:1.3;\n  font-weight:900;\n}\n\n.abera-result-img{\n  height:235px;\n  margin:11px 14px 0;\n  display:flex;\n  align-items:center;\n  justify-content:center;\n  padding:15px;\n  border-radius:14px;\n  background:#edf1e5;\n  color:#687363;\n  text-align:center;\n  font-size:12px;\n  line-height:1.6;\n  font-weight:800;\n}\n\n.abera-result-copy{\n  padding:16px 16px 19px;\n  text-align:left;\n}\n\n.abera-result-copy h3{\n  margin:0 0 7px;\n  font-size:19px;\n  line-height:1.3;\n}\n\n.abera-result-copy p{\n  margin:0;\n  color:#616a61;\n  font-size:14px;\n  line-height:1.55;\n}\n\n\n\n\/* =========================================================\n   BEFORE \/ AFTER DOT NAVIGATION\n   Hidden on desktop\n========================================================= *\/\n\n.abera-result-dots{\n  display:none;\n}\n\n\/* =========================================================\n   KOC VIDEO CAROUSEL — DESKTOP + MOBILE DOTS\n========================================================= *\/\n\n.abera-koc-track{display:flex;align-items:stretch;gap:14px;width:100%;overflow-x:auto;overflow-y:hidden;padding:4px 2px 2px;scroll-snap-type:x mandatory;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;scrollbar-width:none;}\n.abera-koc-track::-webkit-scrollbar{display:none!important;width:0!important;height:0!important;}\n.abera-koc{flex:0 0 calc(33.333% - 10px);min-width:calc(33.333% - 10px);height:auto;scroll-snap-align:start;scroll-snap-stop:always;overflow:hidden;border:1px solid rgba(255,255,255,.11);border-radius:19px;background:#101610;}\n.abera-koc-frame{position:relative;width:100%;aspect-ratio:9 \/ 14;overflow:hidden;background:#182118;}\n.abera-koc-frame iframe,.abera-koc-frame video{position:absolute;inset:0;display:block;width:100%;height:100%;border:0;object-fit:cover;object-position:center;background:#000;}\n.abera-koc-copy{height:auto;min-height:92px;padding:15px 16px 18px;text-align:left;}\n.abera-koc-copy strong{display:block;margin-bottom:6px;color:#fff;font-size:16px;line-height:1.4;}\n.abera-koc-copy span{display:block;color:#d1dacd;font-size:13.5px;line-height:1.55;}\n.abera-koc-dots{justify-content:center;align-items:center;gap:7px;margin-top:13px;}\n.abera-koc-dots-desktop{display:flex;}\n.abera-koc-dots-mobile{display:none;}\n.abera-koc-dot{width:8px;height:8px;min-width:8px;padding:0;border:0;border-radius:999px;background:#6f796b;cursor:pointer;transition:width .2s ease,background .2s ease;}\n.abera-koc-dot.active{width:20px;background:#bad368;}\n\n\/* =========================================================\n   CÓMO USAR\n========================================================= *\/\n\n.abera-steps{\n  display:grid;\n  grid-template-columns:repeat(4,1fr);\n  gap:12px;\n  margin-top:28px;\n}\n\n.abera-step{\n  padding:21px 18px;\n  border:1px solid #3a4738;\n  border-radius:16px;\n  background:#202820;\n}\n\n.abera-step b{\n  display:block;\n  margin-bottom:7px;\n  color:#bad368;\n  font-size:27px;\n}\n\n.abera-step h3{\n  margin:0 0 7px;\n  color:#fff;\n  font-size:18px;\n  line-height:1.3;\n}\n\n.abera-step p{\n  margin:0;\n  color:#d4dcd0;\n  font-size:13.5px;\n  line-height:1.55;\n}\n\n.abera-use-tips{\n  max-width:900px;\n  margin:14px auto 0;\n  padding:13px 16px;\n  border:1px solid #3a4738;\n  border-radius:13px;\n  background:#182018;\n  color:#dce5d7;\n  text-align:center;\n  font-size:13px;\n  line-height:1.55;\n}\n\n.abera-use-tips strong{\n  color:#bad368;\n}\n\n\n\/* =========================================================\n   QUALITY + COMPARISON\n========================================================= *\/\n\n\/* 2 QUALITY DOCUMENTS *\/\n\n.abera-cert-grid{\n  display:grid;\n  grid-template-columns:repeat(2,1fr);\n  gap:20px;\n  max-width:960px;\n  margin:32px auto 0;\n}\n\n.abera-cert-card{\n  overflow:hidden;\n  border:1px solid #dce4d8;\n  border-radius:20px;\n  background:#fff;\n  box-shadow:0 8px 24px rgba(22,45,28,.05);\n}\n\n.abera-cert-img{\n  min-height:360px;\n  display:flex;\n  align-items:center;\n  justify-content:center;\n  padding:22px;\n  background:#f7faf5;\n  color:#667266;\n  text-align:center;\n  font-size:14px;\n  line-height:1.6;\n  font-weight:700;\n}\n\n.abera-cert-real-img{\n  display:block;\n  width:100%;\n  height:auto;\n  object-fit:contain;\n  background:#fff;\n}\n\n.abera-cert-info{\n  padding:17px 18px 19px;\n  text-align:center;\n}\n\n.abera-cert-info strong{\n  display:block;\n  color:#172217;\n  font-size:17px;\n  line-height:1.35;\n}\n\n.abera-cert-info span{\n  display:block;\n  margin-top:5px;\n  color:#6b736a;\n  font-size:14px;\n  line-height:1.45;\n}\n\n\n.abera-cert-info{\n  min-height:76px;\n  display:flex;\n  align-items:center;\n  justify-content:center;\n}\n\n.abera-cert-info strong{\n  width:100%;\n  text-align:center;\n}\n\n\n\n\/* SHAMPOO COMPARISON *\/\n\n.abera-compare-head{\n  margin-top:62px;\n  text-align:center;\n}\n\n.abera-compare-grid{\n  display:grid;\n  grid-template-columns:repeat(2,1fr);\n  gap:18px;\n  max-width:900px;\n  margin:30px auto 0;\n}\n\n.abera-compare-card{\n  overflow:hidden;\n  padding:20px;\n  border-radius:20px;\n  background:#fff;\n  text-align:left;\n}\n\n.abera-compare-basic{\n  border:1px solid #e1e3df;\n}\n\n.abera-compare-abera{\n  border:2px solid #688936;\n  box-shadow:0 10px 28px rgba(63,94,39,.10);\n}\n\n.abera-compare-product{\n  min-height:205px;\n  display:flex;\n  align-items:center;\n  justify-content:center;\n  margin-bottom:18px;\n  padding:18px;\n  border-radius:15px;\n  background:#f1f4ee;\n  color:#697369;\n  font-size:13px;\n  line-height:1.55;\n  font-weight:700;\n  text-align:center;\n}\n\n.abera-compare-real-img{\n  display:block;\n  width:100%;\n  height:205px;\n  margin-bottom:18px;\n  object-fit:contain;\n  object-position:center;\n  border-radius:15px;\n  background:#f3f6ef;\n}\n\n.abera-compare-card h3{\n  margin:0 0 17px;\n  color:#172017;\n  font-size:22px;\n  line-height:1.25;\n  text-align:center;\n}\n\n.abera-compare-abera h3{\n  color:#56782b;\n}\n\n.abera-compare-list{\n  display:grid;\n  gap:13px;\n}\n\n.abera-compare-row{\n  display:flex;\n  gap:10px;\n  align-items:flex-start;\n  color:#465046;\n  font-size:14.5px;\n  line-height:1.5;\n}\n\n.abera-x,\n.abera-tick{\n  width:22px;\n  height:22px;\n  min-width:22px;\n  display:flex;\n  align-items:center;\n  justify-content:center;\n  font-size:20px;\n  line-height:1;\n  font-weight:900;\n}\n\n.abera-x{\n  color:#d43a2f;\n}\n\n.abera-tick{\n  color:#398643;\n}\n\n\n\/* =========================================================\n   FAQ\n========================================================= *\/\n\n.abera-faq{\n  max-width:830px;\n  margin:29px auto 0;\n}\n\n.abera-faq details{\n  margin-bottom:10px;\n  padding:0 18px;\n  border:1px solid #dfe4d9;\n  border-radius:13px;\n  background:#fff;\n}\n\n.abera-faq summary{\n  padding:17px 0;\n  cursor:pointer;\n  font-size:15px;\n  line-height:1.45;\n  font-weight:800;\n}\n\n.abera-faq p{\n  margin:0;\n  padding:0 0 17px;\n  color:#626a61;\n  font-size:14px;\n  line-height:1.65;\n}\n\n\n\/* =========================================================\n   CTA\n========================================================= *\/\n\n.abera-btn{\n  display:inline-block;\n  margin-top:22px;\n  padding:15px 28px;\n  border-radius:999px;\n  background:#34521f;\n  color:#fff !important;\n  text-decoration:none !important;\n  font-size:14px;\n  line-height:1.2;\n  font-weight:900;\n}\n\n.abera-btn-light{\n  background:#fff;\n  color:#34521f !important;\n}\n\n.abera-final{\n  padding:55px 28px;\n  border-radius:24px;\n  background:linear-gradient(\n    135deg,\n    #526c30 0%,\n    #26361f 100%\n  );\n  color:#fff;\n  text-align:center;\n}\n\n.abera-final h2{\n  max-width:760px;\n  margin:0 auto 14px;\n  font-size:39px;\n  line-height:1.1;\n}\n\n.abera-final p{\n  max-width:670px;\n  margin:0 auto;\n  color:#e9eee5;\n  font-size:16px;\n  line-height:1.6;\n}\n\n.abera-offer{\n  margin-top:14px !important;\n  color:#d8e9b3 !important;\n  font-size:13.5px !important;\n  line-height:1.5 !important;\n  font-weight:800;\n}\n\n\n\/* =========================================================\n   MOBILE — LARGER \u0026 CLEARER TEXT\n========================================================= *\/\n\n@media(max-width:768px){\n\n  .abera{\n    font-size:17px;\n  }\n\n  .abera-sec{\n    padding:42px 16px;\n  }\n\n  .abera-eye{\n    font-size:15px;\n    line-height:1.4;\n    letter-spacing:1px;\n  }\n\n  .abera-title{\n    font-size:32px;\n    line-height:1.12;\n  }\n\n  .abera-sub{\n    font-size:19.5px;\n    line-height:1.65;\n  }\n\n  \/* HERO *\/\n\n  .abera-hero{\n    border-radius:0;\n  }\n\n  .abera-hero-in{\n    grid-template-columns:1fr;\n    gap:25px;\n    padding:44px 19px;\n  }\n\n  .abera-hero h2{\n    font-size:38px;\n    line-height:1.08;\n  }\n\n  .abera-hero p{\n    font-size:20px;\n    line-height:1.65;\n  }\n\n  .abera-point{\n    font-size:19px;\n    line-height:1.5;\n  }\n\n  \/* PAIN *\/\n\n  .abera-pains{\n    grid-template-columns:1fr;\n    gap:12px;\n  }\n\n  .abera-pain-img{\n    height:215px;\n    font-size:17px;\n  }\n\n  .abera-tag{\n    font-size:15px;\n  }\n\n  .abera-pain h3{\n    font-size:23px;\n  }\n\n  .abera-pain p{\n    font-size:19px;\n    line-height:1.6;\n  }\n\n  \/* SPLIT *\/\n\n  .abera-split{\n    grid-template-columns:1fr;\n    gap:26px;\n  }\n\n  .abera-copy h2{\n    font-size:32px;\n    line-height:1.12;\n  }\n\n  .abera-copy p{\n    font-size:19.5px;\n  }\n\n  .abera-highlight{\n    font-size:19px;\n  }\n\n  .abera-ph{\n    min-height:280px;\n    font-size:17px;\n  }\n\n  \/* VIDEO *\/\n\n  .abera-video-ph{\n    min-height:290px;\n    font-size:18px;\n  }\n\n\n  \/* =========================================================\n     SCALP SCIENCE — MOBILE\n  ========================================================= *\/\n\n  .abera-science-main{\n    grid-template-columns:1fr;\n    gap:12px;\n    margin-top:19px;\n  }\n\n  .abera-science-copy{\n    padding:16px 13px;\n    border-radius:16px;\n  }\n\n  .abera-science-points{\n    grid-template-columns:repeat(2,minmax(0,1fr));\n    gap:8px;\n  }\n\n  .abera-science-point{\n    padding:12px 10px 11px;\n    border-radius:12px;\n  }\n\n  .abera-science-no{\n    margin-bottom:4px;\n    font-size:13px;\n    line-height:1.25;\n  }\n\n  .abera-science-point h4{\n    margin-bottom:4px;\n    font-size:17.5px;\n    line-height:1.2;\n  }\n\n  .abera-science-point p{\n    font-size:16px;\n    line-height:1.45;\n  }\n\n  .abera-science-bridge{\n    margin-top:8px;\n    padding:12px;\n    border-radius:12px;\n  }\n\n  .abera-science-bridge strong{\n    font-size:17.5px;\n    line-height:1.38;\n  }\n\n  .abera-science-bridge p{\n    font-size:16px;\n    line-height:1.48;\n  }\n\n  .abera-science-video{\n    width:100%;\n    max-width:none;\n    margin:0;\n    border-radius:16px;\n  }\n\n  .abera-science-video-frame{\n    min-height:0;\n    aspect-ratio:9 \/ 16;\n  }\n\n  .abera-science-video-copy{\n    padding:12px 12px 13px;\n  }\n\n  .abera-science-video-copy strong{\n    font-size:18px;\n  }\n\n  .abera-science-video-copy p{\n    font-size:16px;\n  }\n\n\/* =========================================================\n   MECHANISM MOBILE — TRUE FLEX CAROUSEL + DOTS\n========================================================= *\/\n\n  .abera-mech-desktop{\n    display:none !important;\n  }\n\n  .abera-mech-mobile{\n    display:block;\n    width:100%;\n    margin-top:24px;\n  }\n\n  .abera-mech-mobile-track{\n    display:flex;\n    align-items:flex-start;\n    gap:12px;\n    width:100%;\n    overflow-x:auto;\n    overflow-y:hidden;\n    padding:0 6% 2px 0;\n    scroll-snap-type:x mandatory;\n    scroll-behavior:smooth;\n    -webkit-overflow-scrolling:touch;\n    scrollbar-width:none;\n  }\n\n  .abera-mech-mobile-track::-webkit-scrollbar{\n    display:none;\n  }\n\n  .abera-mech-mobile-slide{\n    flex:0 0 88%;\n    width:88%;\n    height:auto !important;\n    min-height:0 !important;\n    align-self:flex-start;\n    overflow:hidden;\n    scroll-snap-align:start;\n    scroll-snap-stop:always;\n    border:1px solid #dfe5d8;\n    border-radius:16px;\n    background:#fff;\n  }\n\n  .abera-mech-mobile-slide .abera-mech-real-img{\n    display:block;\n    width:100% !important;\n    height:auto !important;\n    min-height:0 !important;\n    aspect-ratio:4 \/ 3;\n    margin:0 !important;\n    object-fit:cover;\n    object-position:center;\n    border-radius:0;\n  }\n\n  .abera-mech-mobile-card{\n    display:block;\n    width:100%;\n    height:auto !important;\n    min-height:0 !important;\n    margin:0 !important;\n    padding:16px 16px 18px;\n    border-top:1px solid #dfe5d8;\n    background:#fff;\n    text-align:left;\n  }\n\n  .abera-mech-mobile-card .abera-mech-no{\n    margin:0 0 5px;\n    font-size:15px;\n    line-height:1.35;\n  }\n\n  .abera-mech-mobile-card h3{\n    margin:0 0 6px;\n    font-size:22px;\n    line-height:1.28;\n  }\n\n  .abera-mech-mobile-card p{\n    margin:0;\n    font-size:18.5px;\n    line-height:1.55;\n  }\n\n  .abera-mech-dots{\n    display:flex;\n    justify-content:center;\n    align-items:center;\n    gap:7px;\n    margin-top:12px;\n  }\n\n  .abera-mech-dot{\n    width:8px;\n    height:8px;\n    min-width:8px;\n    padding:0;\n    border:0;\n    border-radius:999px;\n    background:#c9d0c1;\n    cursor:pointer;\n    transition:width .2s ease, background .2s ease;\n  }\n\n  .abera-mech-dot.active{\n    width:20px;\n    background:#6d8b35;\n  }\n\n  \/* INGREDIENTS *\/\n\n  .abera-ing{\n    grid-template-columns:repeat(2,1fr);\n    gap:10px;\n  }\n\n  .abera-ing-img{\n    height:135px;\n    font-size:15.5px;\n  }\n\n  .abera-ing-copy{\n    padding:14px;\n  }\n\n  .abera-ing-copy h3{\n    font-size:18px;\n    line-height:1.3;\n  }\n\n  .abera-ing-copy p{\n    font-size:17.5px;\n    line-height:1.6;\n  }\n\n  \/* CAROUSEL *\/\n\n  .abera-scroll{\n    gap:10px;\n    margin-right:-16px;\n    padding-right:16px;\n  }\n\n  .abera-swipe{\n    font-size:17.5px;\n  }\n\n  \/* =========================================================\n     BEFORE \/ AFTER — MOBILE DOT CAROUSEL\n  ========================================================= *\/\n\n  .abera-results-track{\n    display:flex;\n    align-items:stretch;\n    gap:10px;\n    width:100%;\n    margin-right:-16px;\n    padding:0 16px 2px 0;\n\n    overflow-x:auto;\n    overflow-y:hidden;\n\n    scroll-snap-type:x mandatory;\n    scroll-behavior:smooth;\n    -webkit-overflow-scrolling:touch;\n\n    scrollbar-width:none;\n  }\n\n  .abera-results-track::-webkit-scrollbar{\n    display:none !important;\n    width:0 !important;\n    height:0 !important;\n  }\n\n  .abera-results-track .abera-result{\n    flex:0 0 84%;\n    width:84%;\n    min-width:84%;\n    height:auto;\n    scroll-snap-align:start;\n    scroll-snap-stop:always;\n  }\n\n  .abera-result-tag{\n    font-size:15px;\n  }\n\n  .abera-result-img{\n    height:230px;\n    font-size:17px;\n  }\n\n  .abera-result-real-img{\n    display:block;\n    width:100%;\n    height:auto;\n    object-fit:cover;\n    object-position:center;\n  }\n\n  .abera-result-copy{\n    height:auto !important;\n    min-height:0 !important;\n  }\n\n  .abera-result-copy h3{\n    font-size:22px;\n  }\n\n  .abera-result-copy p{\n    font-size:18.5px;\n  }\n\n  \/* RESULT DOTS *\/\n\n  .abera-result-dots{\n    display:flex;\n    justify-content:center;\n    align-items:center;\n    gap:7px;\n    margin-top:12px;\n  }\n\n  .abera-result-dot{\n    width:8px;\n    height:8px;\n    min-width:8px;\n    padding:0;\n    border:0;\n    border-radius:999px;\n    background:#c9d0c1;\n    cursor:pointer;\n    transition:width .2s ease, background .2s ease;\n  }\n\n  .abera-result-dot.active{\n    width:20px;\n    background:#6d8b35;\n  }\n\n  \/* =========================================================\n     KOC — MOBILE DOT CAROUSEL\n  ========================================================= *\/\n\n  .abera-koc-track{gap:10px;margin-right:-16px;padding:0 16px 2px 0;}\n  .abera-koc-track .abera-koc{flex:0 0 84%;width:84%;min-width:84%;}\n  .abera-koc-frame{aspect-ratio:9 \/ 14;}\n  .abera-koc-copy{min-height:0;padding:14px 14px 16px;}\n  .abera-koc-copy strong{font-size:18px;line-height:1.4;}\n  .abera-koc-copy span{font-size:17.5px;line-height:1.55;}\n  .abera-koc-dots{margin-top:12px;}\n  .abera-koc-dots-desktop{display:none;}\n  .abera-koc-dots-mobile{display:flex;}\n\n  \/* HOW TO — 2x2 MOBILE *\/\n\n  .abera-steps{\n    grid-template-columns:repeat(2,minmax(0,1fr));\n    gap:9px;\n    margin-top:22px;\n  }\n\n  .abera-step{\n    padding:16px 13px;\n    border-radius:14px;\n  }\n\n  .abera-step b{\n    margin-bottom:5px;\n    font-size:26px;\n  }\n\n  .abera-step h3{\n    margin-bottom:5px;\n    font-size:19px;\n    line-height:1.25;\n  }\n\n  .abera-step p{\n    font-size:17px;\n    line-height:1.5;\n  }\n\n  .abera-use-tips{\n    margin-top:11px;\n    padding:11px 12px;\n    font-size:16.5px;\n    line-height:1.5;\n  }\n\n  \/* =========================================================\n     QUALITY DOCUMENTS — 2 COLUMNS MOBILE\n  ========================================================= *\/\n\n  .abera-cert-grid{\n    grid-template-columns:repeat(2,minmax(0,1fr));\n    gap:9px;\n    margin-top:24px;\n  }\n\n  .abera-cert-card{\n    border-radius:14px;\n  }\n\n  .abera-cert-real-img{\n    display:block;\n    width:100%;\n    height:245px;\n    object-fit:contain;\n    object-position:center top;\n    background:#fff;\n  }\n\n  .abera-cert-info{\n    min-height:68px;\n    padding:10px 8px;\n    display:flex;\n    align-items:center;\n    justify-content:center;\n  }\n\n  .abera-cert-info strong{\n    width:100%;\n    font-size:17px;\n    line-height:1.3;\n    text-align:center;\n  }\n\n  \/* COMPARISON — KEEP 2 COLUMNS ON MOBILE *\/\n\n  .abera-compare-head{\n    margin-top:48px;\n  }\n\n  .abera-compare-grid{\n    grid-template-columns:repeat(2,minmax(0,1fr));\n    gap:9px;\n    margin-top:24px;\n  }\n\n  .abera-compare-card{\n    padding:12px 10px 14px;\n    border-radius:16px;\n  }\n\n  .abera-compare-product{\n    min-height:135px;\n    margin-bottom:14px;\n    padding:10px;\n    font-size:15px;\n    border-radius:12px;\n  }\n\n  .abera-compare-real-img{\n    height:135px;\n    margin-bottom:14px;\n    border-radius:12px;\n  }\n\n  .abera-compare-card h3{\n    min-height:48px;\n    margin-bottom:14px;\n    font-size:19px;\n    line-height:1.3;\n  }\n\n  .abera-compare-list{\n    gap:12px;\n  }\n\n  .abera-compare-row{\n    gap:7px;\n    font-size:17.5px;\n    line-height:1.45;\n  }\n\n  .abera-x,\n  .abera-tick{\n    width:18px;\n    height:18px;\n    min-width:18px;\n    font-size:19px;\n  }\n\n  \/* FAQ *\/\n\n  .abera-faq summary{\n    font-size:17.5px;\n    line-height:1.5;\n  }\n\n  .abera-faq p{\n    font-size:18.5px;\n    line-height:1.65;\n  }\n\n  \/* CTA *\/\n\n  .abera-btn{\n    font-size:16.5px;\n    padding:15px 26px;\n  }\n\n  .abera-final{\n    border-radius:0;\n    padding:46px 19px;\n  }\n\n  .abera-final h2{\n    font-size:32px;\n    line-height:1.15;\n  }\n\n  .abera-final p{\n    font-size:19.5px;\n  }\n\n  .abera-offer{\n    font-size:18px !important;\n  }\n}\n\u003c\/style\u003e\n\n\n\u003cdiv class=\"abera\"\u003e\n\n\n\u003c!-- =========================================================\n     01 HERO\n========================================================= --\u003e\n\n\u003csection class=\"abera-hero\"\u003e\n\n  \u003cdiv class=\"abera-hero-in\"\u003e\n\n    \u003cdiv\u003e\n\n      \u003cspan class=\"abera-eye\" style=\"color:#cee58a;\"\u003e\n        SHAMPOO ANTICAÍDA + ANTICASPA\n      \u003c\/span\u003e\n\n      \u003ch2\u003e\n        Combate la caída desde la raíz.\u003cbr\u003e\n        Logra un cabello con apariencia más fuerte y abundante.\n      \u003c\/h2\u003e\n\n      \u003cp\u003e\n        Con \u003cstrong\u003eOctapeptide-2, Ginseng de Langbian\n        y Jengibre\u003c\/strong\u003e para tratar raíces débiles,\n        cabello afinado, caspa y acumulación en el cuero cabelludo.\n      \u003c\/p\u003e\n\n\n      \u003cdiv class=\"abera-points\"\u003e\n\n        \u003cdiv class=\"abera-point\"\u003e\n          \u003cspan class=\"abera-check\"\u003e✓\u003c\/span\u003e\n          \u003cspan\u003eFavorece la señalización folicular\u003c\/span\u003e\n        \u003c\/div\u003e\n\n        \u003cdiv class=\"abera-point\"\u003e\n          \u003cspan class=\"abera-check\"\u003e✓\u003c\/span\u003e\n          \u003cspan\u003eFavorece la microcirculación del cuero cabelludo\u003c\/span\u003e\n        \u003c\/div\u003e\n\n        \u003cdiv class=\"abera-point\"\u003e\n          \u003cspan class=\"abera-check\"\u003e✓\u003c\/span\u003e\n          \u003cspan\u003eAyuda a reducir la caída y favorece un cabello con apariencia más abundante\u003c\/span\u003e\n        \u003c\/div\u003e\n\n        \u003cdiv class=\"abera-point\"\u003e\n          \u003cspan class=\"abera-check\"\u003e✓\u003c\/span\u003e\n          \u003cspan\u003eControla la caspa, el exceso de grasa y la acumulación\u003c\/span\u003e\n        \u003c\/div\u003e\n\n      \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n\n   \u003cimg class=\"abera-hero-img\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/Man_touching_hair_with_product_202608111002.webp?v=1786417477\" alt=\"Shampoo ABERA Ginseng de Langbian para caída del cabello y caspa\" loading=\"eager\"\u003e\n\n  \u003c\/div\u003e\n\n\u003c\/section\u003e\n\n\n\n\u003c!-- =========================================================\n     02 PAIN POINTS\n========================================================= --\u003e\n\n\u003csection class=\"abera-sec abera-center\"\u003e\n\n  \u003cspan class=\"abera-eye\"\u003e\n    SEÑALES DE CABELLO DEBILITADO\n  \u003c\/span\u003e\n\n  \u003ch2 class=\"abera-title\"\u003e\n    Caída del cabello que ves todos los días.\n  \u003c\/h2\u003e\n\n  \u003cp class=\"abera-sub\"\u003e\n    Cabello en el desagüe. Zonas más finas.\n    Raya más ancha. Caspa y raíces grasas.\n  \u003c\/p\u003e\n\n\n  \u003cdiv class=\"abera-pains\"\u003e\n\n\n    \u003carticle class=\"abera-pain\"\u003e\n\n\u003cimg class=\"abera-pain-photo\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/Man_examining_hair_shedding_4K_202608111017.webp?v=1786418778\" alt=\"Hombre con caída visible del cabello\" loading=\"lazy\"\u003e\n\n      \u003cdiv class=\"abera-pain-copy\"\u003e\n\n        \u003cspan class=\"abera-tag\"\u003e\n          CAÍDA DEL CABELLO\n        \u003c\/span\u003e\n\n        \u003ch3\u003e\n          Demasiado cabello que se queda atrás\n        \u003c\/h3\u003e\n\n        \u003cp\u003e\n          Favorece el cabello débil y propenso a la caída\n          para lograr hebras con apariencia más fuerte.\n        \u003c\/p\u003e\n\n      \u003c\/div\u003e\n\n    \u003c\/article\u003e\n\n\n\n    \u003carticle class=\"abera-pain\"\u003e\n\n\u003cimg class=\"abera-pain-photo\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/Man_with_thinning_hair_4K_202608111018.webp?v=1786418778\" alt=\"Hombre con coronilla afinada y cuero cabelludo visible\" loading=\"lazy\"\u003e\n\n      \u003cdiv class=\"abera-pain-copy\"\u003e\n\n        \u003cspan class=\"abera-tag\"\u003e\n          CORONILLA MÁS FINA\n        \u003c\/span\u003e\n\n        \u003ch3\u003e\n          Cuando el cuero cabelludo empieza a notarse\n        \u003c\/h3\u003e\n\n        \u003cp\u003e\n          Favorece un cabello con apariencia\n          más abundante y gruesa.\n        \u003c\/p\u003e\n\n      \u003c\/div\u003e\n\n    \u003c\/article\u003e\n\n\n\n    \u003carticle class=\"abera-pain\"\u003e\n\n\u003cimg class=\"abera-pain-photo\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/Woman_touching_thinning_hair_4K_202608111023.webp?v=1786418778\" alt=\"Mujer con cabello afinado y raya central más ancha\" loading=\"lazy\"\u003e\n\n      \u003cdiv class=\"abera-pain-copy\"\u003e\n\n        \u003cspan class=\"abera-tag\"\u003e\n          RAYA MÁS ANCHA\n        \u003c\/span\u003e\n\n        \u003ch3\u003e\n          Cuando el cabello empieza a verse menos abundante\n        \u003c\/h3\u003e\n\n        \u003cp\u003e\n          Favorece raíces más fuertes\n          y una densidad de aspecto más saludable.\n        \u003c\/p\u003e\n\n      \u003c\/div\u003e\n\n    \u003c\/article\u003e\n\n\n\n    \u003carticle class=\"abera-pain\"\u003e\n\n\u003cimg class=\"abera-pain-photo\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/Man_displaying_dandruff-prone_scalp_4K_202608111024.webp?v=1786418778\" alt=\"Hombre con caspa visible y cuero cabelludo graso\" loading=\"lazy\"\u003e\n\n      \u003cdiv class=\"abera-pain-copy\"\u003e\n\n        \u003cspan class=\"abera-tag\"\u003e\n          ANTICASPA\n        \u003c\/span\u003e\n\n        \u003ch3\u003e\n          Caspa. Grasa. Picazón.\n        \u003c\/h3\u003e\n\n        \u003cp\u003e\n          Limpia profundamente la caspa,\n          el exceso de grasa y la acumulación.\n        \u003c\/p\u003e\n\n      \u003c\/div\u003e\n\n    \u003c\/article\u003e\n\n\n  \u003c\/div\u003e\n\n\u003c\/section\u003e\n\n\n\n\u003c!-- =========================================================\n     03 LANGBIAN GINSENG STORY\n========================================================= --\u003e\n\n\u003csection class=\"abera-sec abera-dark\"\u003e\n\n  \u003cdiv class=\"abera-split\"\u003e\n\n\u003cimg class=\"abera-story-img\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/Farmers_harvesting_ginseng_roots_4K_202608111057_1.webp?v=1786423076\" alt=\"Agricultores cosechando raíces de Ginseng de Langbian cultivado en montaña\" loading=\"lazy\"\u003e\n\n\n    \u003cdiv class=\"abera-copy\"\u003e\n\n      \u003cspan class=\"abera-eye\"\u003e\n        LA DIFERENCIA DEL GINSENG DE LANGBIAN\n      \u003c\/span\u003e\n\n      \u003ch2\u003e\n        Poder cultivado en la montaña para raíces débiles.\n      \u003c\/h2\u003e\n\n      \u003cp\u003e\n        Ginseng de Langbian + Jengibre favorecen\n        la microcirculación del cuero cabelludo y la nutrición de la raíz.\n      \u003c\/p\u003e\n\n      \u003cp\u003e\n        Combinados con Octapeptide-2,\n        la fórmula actúa sobre folículos debilitados,\n        caída del cabello y acumulación en el cuero cabelludo.\n      \u003c\/p\u003e\n\n      \u003cdiv class=\"abera-highlight\"\u003e\n\n        \u003cstrong\u003e\n          Cuidado folicular + limpieza anticaspa.\n        \u003c\/strong\u003e\n\n        Un lavado. Múltiples beneficios para cuero cabelludo + cabello.\n\n      \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n  \u003c\/div\u003e\n\n\u003c\/section\u003e\n\n\n\n\u003c!-- =========================================================\n     04 CIENCIA DEL CUERO CABELLUDO\n========================================================= --\u003e\n\n\u003csection class=\"abera-sec abera-soft\"\u003e\n\n  \u003cdiv class=\"abera-science-wrap\"\u003e\n\n    \u003cdiv class=\"abera-center\"\u003e\n\n      \u003cspan class=\"abera-eye\"\u003e\n        CIENCIA DEL CUERO CABELLUDO\n      \u003c\/span\u003e\n\n      \u003ch2 class=\"abera-title\"\u003e\n        Por qué la caída puede empeorar con el tiempo\n      \u003c\/h2\u003e\n\n      \u003cp class=\"abera-sub\"\u003e\n        La edad, el estrés y la genética influyen, pero la caspa, la picazón y la acumulación\n        también pueden hacer que el cabello debilitado se desprenda con mayor facilidad.\n      \u003c\/p\u003e\n\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"abera-science-main\"\u003e\n\n      \u003cdiv class=\"abera-science-copy\"\u003e\n\n        \u003cdiv class=\"abera-science-points\"\u003e\n\n          \u003carticle class=\"abera-science-point\"\u003e\n            \u003cspan class=\"abera-science-no\"\u003e01 • EDAD + GENÉTICA\u003c\/span\u003e\n            \u003ch4\u003eEl afinamiento se vuelve más visible\u003c\/h4\u003e\n            \u003cp\u003e\n              La densidad puede disminuir gradualmente, haciendo que la coronilla,\n              la línea del cabello o la raya se vean más expuestas.\n            \u003c\/p\u003e\n          \u003c\/article\u003e\n\n          \u003carticle class=\"abera-science-point\"\u003e\n            \u003cspan class=\"abera-science-no\"\u003e02 • ESTRÉS + CAÍDA\u003c\/span\u003e\n            \u003ch4\u003eEmpieza a caer más cabello\u003c\/h4\u003e\n            \u003cp\u003e\n              El estrés y los cambios físicos pueden provocar periodos\n              de mayor caída.\n            \u003c\/p\u003e\n          \u003c\/article\u003e\n\n          \u003carticle class=\"abera-science-point\"\u003e\n            \u003cspan class=\"abera-science-no\"\u003e03 • CASPA + PICAZÓN\u003c\/span\u003e\n            \u003ch4\u003eLa picazón lleva a rascarse más\u003c\/h4\u003e\n            \u003cp\u003e\n              La caspa y la picazón pueden provocar rascado frecuente,\n              afectando hebras que ya están debilitadas.\n            \u003c\/p\u003e\n          \u003c\/article\u003e\n\n          \u003carticle class=\"abera-science-point\"\u003e\n            \u003cspan class=\"abera-science-no\"\u003e04 • GRASA + ACUMULACIÓN\u003c\/span\u003e\n            \u003ch4\u003eLas raíces se sienten pesadas e incómodas\u003c\/h4\u003e\n            \u003cp\u003e\n              La grasa, la caspa y la acumulación pueden dejar el cuero cabelludo grasoso\n              y hacer que el cabello se vea más plano y menos saludable.\n            \u003c\/p\u003e\n          \u003c\/article\u003e\n\n        \u003c\/div\u003e\n\n        \u003cdiv class=\"abera-science-bridge\"\u003e\n          \u003cstrong\u003e\n            Un cabello de aspecto más saludable empieza con un cuero cabelludo más equilibrado.\n          \u003c\/strong\u003e\n          \u003cp\u003e\n            ABERA ayuda a limpiar caspa, exceso de grasa y acumulación mientras favorece\n            un cabello con apariencia más fuerte y abundante desde la raíz.\n          \u003c\/p\u003e\n        \u003c\/div\u003e\n\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"abera-science-video\"\u003e\n\n        \u003cdiv class=\"abera-science-video-frame abera-inline-video-wrap\"\u003e\n          \u003cvideo class=\"abera-inline-video\" playsinline webkit-playsinline preload=\"metadata\" disablepictureinpicture x-webkit-airplay=\"deny\" onclick=\"\n            var wrap=this.closest('.abera-inline-video-wrap');\n            if(this.paused){\n              this.play();\n            }else{\n              this.pause();\n            }\n          \" onplay=\"\n            var wrap=this.closest('.abera-inline-video-wrap');\n            if(wrap){wrap.classList.add('is-playing');}\n          \" onpause=\"\n            var wrap=this.closest('.abera-inline-video-wrap');\n            if(wrap){wrap.classList.remove('is-playing');}\n          \" onended=\"\n            var wrap=this.closest('.abera-inline-video-wrap');\n            if(wrap){wrap.classList.remove('is-playing');}\n          \"\u003e\n          \u003csource src=\"https:\/\/cdn.shopify.com\/videos\/c\/o\/v\/b6a709fa07c144d0afdbf628e096f121.mp4\" type=\"video\/mp4\"\u003e\u003c\/video\u003e\n        \u003cbutton type=\"button\" class=\"abera-inline-play\" aria-label=\"Reproducir video\" onclick=\"\n            event.stopPropagation();\n            var wrap=this.closest('.abera-inline-video-wrap');\n            var v=wrap.querySelector('video');\n            v.play();\n          \"\u003e▶\u003c\/button\u003e\n        \u003c\/div\u003e\n\n        \u003cdiv class=\"abera-science-video-copy\"\u003e\n          \u003cstrong\u003eMira cómo funciona el ciclo de estrés del cuero cabelludo.\u003c\/strong\u003e\n          \u003cp\u003eEdad • Estrés • Caspa • Picazón • Acumulación\u003c\/p\u003e\n        \u003c\/div\u003e\n\n      \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n  \u003c\/div\u003e\n\n\u003c\/section\u003e\n\n\n\u003c!-- =========================================================\n     05 FOLLICLE BIOACTIVATION SYSTEM\n========================================================= --\u003e\n\n\u003csection class=\"abera-sec abera-center\"\u003e\n\n  \u003cspan class=\"abera-eye\"\u003e\n    SISTEMA DE BIOACTIVACIÓN FOLICULAR DE 6 ACCIONES\n  \u003c\/span\u003e\n\n  \u003ch2 class=\"abera-title\"\u003e\n    Actúa sobre la caída más allá de la superficie.\n  \u003c\/h2\u003e\n\n  \u003cp class=\"abera-sub\"\u003e\n    Octapeptide-2 + Ginseng de Langbian + Jengibre\n    trabajan en seis acciones clave.\n  \u003c\/p\u003e\n\n\n  \u003c!-- DESKTOP: 3 COLUMNS × 2 ROWS --\u003e\n  \u003cdiv class=\"abera-mech-desktop\"\u003e\n\n    \u003carticle class=\"abera-mech-item\"\u003e\n      \u003cimg class=\"abera-mech-real-img\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/Peptides_targeting_weakened_hair__4K_202608111416.webp?v=1786435549\" alt=\"Péptidos Octapeptide-2 dirigidos a folículos debilitados\" loading=\"lazy\"\u003e\n      \u003cdiv class=\"abera-mech-card\"\u003e\n        \u003cspan class=\"abera-mech-no\"\u003e01 • OCTAPEPTIDE-2\u003c\/span\u003e\n        \u003ch3\u003eActiva la señalización de folículos débiles\u003c\/h3\u003e\n        \u003cp\u003eFavorece la señalización folicular y las raíces debilitadas.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/article\u003e\n    \u003carticle class=\"abera-mech-item\"\u003e\n      \u003cimg class=\"abera-mech-real-img\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/Scalp_microcirculation_and_hair___202608111413.webp?v=1786435549\" alt=\"Ilustración de microcirculación del cuero cabelludo con Ginseng de Langbian y Jengibre\" loading=\"lazy\"\u003e\n      \u003cdiv class=\"abera-mech-card\"\u003e\n        \u003cspan class=\"abera-mech-no\"\u003e02 • GINSENG DE LANGBIAN + JENGIBRE\u003c\/span\u003e\n        \u003ch3\u003eFavorece la microcirculación\u003c\/h3\u003e\n        \u003cp\u003eFavorece el flujo sanguíneo alrededor de raíces debilitadas.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/article\u003e\n    \u003carticle class=\"abera-mech-item\"\u003e\n      \u003cimg class=\"abera-mech-real-img\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/Scalp_cross_section_showing_nutr__202608111145.webp?v=1786435549\" alt=\"Ilustración del aporte de oxígeno y nutrientes a los folículos\" loading=\"lazy\"\u003e\n      \u003cdiv class=\"abera-mech-card\"\u003e\n        \u003cspan class=\"abera-mech-no\"\u003e03 • NUTRICIÓN DE LA RAÍZ\u003c\/span\u003e\n        \u003ch3\u003eFavorece oxígeno + nutrientes\u003c\/h3\u003e\n        \u003cp\u003eFavorece el aporte de oxígeno y nutrientes a los folículos.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/article\u003e\n    \u003carticle class=\"abera-mech-item\"\u003e\n      \u003cimg class=\"abera-mech-real-img\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/Medical_comparison_of_hair_folli__202608111419.webp?v=1786435549\" alt=\"Ilustración de cuidado del entorno folicular\" loading=\"lazy\"\u003e\n      \u003cdiv class=\"abera-mech-card\"\u003e\n        \u003cspan class=\"abera-mech-no\"\u003e04 • PROTECCIÓN FOLICULAR\u003c\/span\u003e\n        \u003ch3\u003eFavorece un entorno folicular más saludable\u003c\/h3\u003e\n        \u003cp\u003eAyuda a mantener un entorno más saludable alrededor de folículos debilitados.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/article\u003e\n    \u003carticle class=\"abera-mech-item\"\u003e\n      \u003cimg class=\"abera-mech-real-img\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/Hair_follicle_biological_progres__4K_202608111355.webp?v=1786435549\" alt=\"Ilustración de soporte para folículos menos activos\" loading=\"lazy\"\u003e\n      \u003cdiv class=\"abera-mech-card\"\u003e\n        \u003cspan class=\"abera-mech-no\"\u003e05 • REACTIVACIÓN\u003c\/span\u003e\n        \u003ch3\u003eFavorece folículos menos activos\u003c\/h3\u003e\n        \u003cp\u003eFavorece con el tiempo un cabello con apariencia más fuerte y abundante.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/article\u003e\n    \u003carticle class=\"abera-mech-item\"\u003e\n      \u003cimg class=\"abera-mech-real-img\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/Scalp_cleansing_comparison_anima__4K_202608111359.webp?v=1786435549\" alt=\"Ilustración de limpieza anticaspa y eliminación de exceso de grasa\" loading=\"lazy\"\u003e\n      \u003cdiv class=\"abera-mech-card\"\u003e\n        \u003cspan class=\"abera-mech-no\"\u003e06 • ANTICASPA\u003c\/span\u003e\n        \u003ch3\u003eControla caspa + acumulación\u003c\/h3\u003e\n        \u003cp\u003eElimina caspa, exceso de grasa y acumulación.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/article\u003e\n  \u003c\/div\u003e\n\n\n  \u003c!-- MOBILE: TRUE FLEX CAROUSEL --\u003e\n  \u003cdiv class=\"abera-mech-mobile\"\u003e\n\n    \u003cdiv class=\"abera-mech-mobile-track\" onscroll=\"\n        var track=this;\n        var slides=track.querySelectorAll('.abera-mech-mobile-slide');\n        var dots=track.parentElement.querySelectorAll('.abera-mech-dot');\n        var best=0;\n        var bestDistance=999999;\n\n        slides.forEach(function(slide,i){\n          var distance=Math.abs(slide.offsetLeft-track.scrollLeft);\n          if(distance\u0026lt;bestDistance){\n            bestDistance=distance;\n            best=i;\n          }\n        });\n\n        dots.forEach(function(dot,i){\n          dot.classList.toggle('active',i===best);\n        });\n      \"\u003e\n\n\n      \u003carticle class=\"abera-mech-mobile-slide\"\u003e\n        \u003cimg class=\"abera-mech-real-img\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/Peptides_targeting_weakened_hair__4K_202608111416.webp?v=1786435549\" alt=\"Péptidos Octapeptide-2 dirigidos a folículos debilitados\" loading=\"lazy\"\u003e\n        \u003cdiv class=\"abera-mech-mobile-card\"\u003e\n          \u003cspan class=\"abera-mech-no\"\u003e01 • OCTAPEPTIDE-2\u003c\/span\u003e\n          \u003ch3\u003eActiva la señalización de folículos débiles\u003c\/h3\u003e\n          \u003cp\u003eFavorece la señalización folicular y las raíces debilitadas.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/article\u003e\n      \u003carticle class=\"abera-mech-mobile-slide\"\u003e\n        \u003cimg class=\"abera-mech-real-img\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/Scalp_microcirculation_and_hair___202608111413.webp?v=1786435549\" alt=\"Ilustración de microcirculación del cuero cabelludo con Ginseng de Langbian y Jengibre\" loading=\"lazy\"\u003e\n        \u003cdiv class=\"abera-mech-mobile-card\"\u003e\n          \u003cspan class=\"abera-mech-no\"\u003e02 • GINSENG DE LANGBIAN + JENGIBRE\u003c\/span\u003e\n          \u003ch3\u003eFavorece la microcirculación\u003c\/h3\u003e\n          \u003cp\u003eFavorece el flujo sanguíneo alrededor de raíces debilitadas.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/article\u003e\n      \u003carticle class=\"abera-mech-mobile-slide\"\u003e\n        \u003cimg class=\"abera-mech-real-img\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/Scalp_cross_section_showing_nutr__202608111145.webp?v=1786435549\" alt=\"Ilustración del aporte de oxígeno y nutrientes a los folículos\" loading=\"lazy\"\u003e\n        \u003cdiv class=\"abera-mech-mobile-card\"\u003e\n          \u003cspan class=\"abera-mech-no\"\u003e03 • NUTRICIÓN DE LA RAÍZ\u003c\/span\u003e\n          \u003ch3\u003eFavorece oxígeno + nutrientes\u003c\/h3\u003e\n          \u003cp\u003eFavorece el aporte de oxígeno y nutrientes a los folículos.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/article\u003e\n      \u003carticle class=\"abera-mech-mobile-slide\"\u003e\n        \u003cimg class=\"abera-mech-real-img\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/Medical_comparison_of_hair_folli__202608111419.webp?v=1786435549\" alt=\"Ilustración de cuidado del entorno folicular\" loading=\"lazy\"\u003e\n        \u003cdiv class=\"abera-mech-mobile-card\"\u003e\n          \u003cspan class=\"abera-mech-no\"\u003e04 • PROTECCIÓN FOLICULAR\u003c\/span\u003e\n          \u003ch3\u003eFavorece un entorno folicular más saludable\u003c\/h3\u003e\n          \u003cp\u003eAyuda a mantener un entorno más saludable alrededor de folículos debilitados.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/article\u003e\n      \u003carticle class=\"abera-mech-mobile-slide\"\u003e\n        \u003cimg class=\"abera-mech-real-img\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/Hair_follicle_biological_progres__4K_202608111355.webp?v=1786435549\" alt=\"Ilustración de soporte para folículos menos activos\" loading=\"lazy\"\u003e\n        \u003cdiv class=\"abera-mech-mobile-card\"\u003e\n          \u003cspan class=\"abera-mech-no\"\u003e05 • REACTIVACIÓN\u003c\/span\u003e\n          \u003ch3\u003eFavorece folículos menos activos\u003c\/h3\u003e\n          \u003cp\u003eFavorece con el tiempo un cabello con apariencia más fuerte y abundante.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/article\u003e\n      \u003carticle class=\"abera-mech-mobile-slide\"\u003e\n        \u003cimg class=\"abera-mech-real-img\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/Scalp_cleansing_comparison_anima__4K_202608111359.webp?v=1786435549\" alt=\"Ilustración de limpieza anticaspa y eliminación de exceso de grasa\" loading=\"lazy\"\u003e\n        \u003cdiv class=\"abera-mech-mobile-card\"\u003e\n          \u003cspan class=\"abera-mech-no\"\u003e06 • ANTICASPA\u003c\/span\u003e\n          \u003ch3\u003eControla caspa + acumulación\u003c\/h3\u003e\n          \u003cp\u003eElimina caspa, exceso de grasa y acumulación.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/article\u003e\n\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"abera-mech-dots\"\u003e\n\n      \u003cbutton type=\"button\" class=\"abera-mech-dot active\" aria-label=\"Ver acción folicular 1\" onclick=\"\n          var wrap=this.closest('.abera-mech-mobile');\n          var track=wrap.querySelector('.abera-mech-mobile-track');\n          var slide=track.querySelectorAll('.abera-mech-mobile-slide')[0];\n          track.scrollTo({left:slide.offsetLeft,behavior:'smooth'});\n        \"\u003e\n      \u003c\/button\u003e\n      \u003cbutton type=\"button\" class=\"abera-mech-dot\" aria-label=\"Ver acción folicular 2\" onclick=\"\n          var wrap=this.closest('.abera-mech-mobile');\n          var track=wrap.querySelector('.abera-mech-mobile-track');\n          var slide=track.querySelectorAll('.abera-mech-mobile-slide')[1];\n          track.scrollTo({left:slide.offsetLeft,behavior:'smooth'});\n        \"\u003e\n      \u003c\/button\u003e\n      \u003cbutton type=\"button\" class=\"abera-mech-dot\" aria-label=\"Ver acción folicular 3\" onclick=\"\n          var wrap=this.closest('.abera-mech-mobile');\n          var track=wrap.querySelector('.abera-mech-mobile-track');\n          var slide=track.querySelectorAll('.abera-mech-mobile-slide')[2];\n          track.scrollTo({left:slide.offsetLeft,behavior:'smooth'});\n        \"\u003e\n      \u003c\/button\u003e\n      \u003cbutton type=\"button\" class=\"abera-mech-dot\" aria-label=\"Ver acción folicular 4\" onclick=\"\n          var wrap=this.closest('.abera-mech-mobile');\n          var track=wrap.querySelector('.abera-mech-mobile-track');\n          var slide=track.querySelectorAll('.abera-mech-mobile-slide')[3];\n          track.scrollTo({left:slide.offsetLeft,behavior:'smooth'});\n        \"\u003e\n      \u003c\/button\u003e\n      \u003cbutton type=\"button\" class=\"abera-mech-dot\" aria-label=\"Ver acción folicular 5\" onclick=\"\n          var wrap=this.closest('.abera-mech-mobile');\n          var track=wrap.querySelector('.abera-mech-mobile-track');\n          var slide=track.querySelectorAll('.abera-mech-mobile-slide')[4];\n          track.scrollTo({left:slide.offsetLeft,behavior:'smooth'});\n        \"\u003e\n      \u003c\/button\u003e\n      \u003cbutton type=\"button\" class=\"abera-mech-dot\" aria-label=\"Ver acción folicular 6\" onclick=\"\n          var wrap=this.closest('.abera-mech-mobile');\n          var track=wrap.querySelector('.abera-mech-mobile-track');\n          var slide=track.querySelectorAll('.abera-mech-mobile-slide')[5];\n          track.scrollTo({left:slide.offsetLeft,behavior:'smooth'});\n        \"\u003e\n      \u003c\/button\u003e\n    \u003c\/div\u003e\n\n  \u003c\/div\u003e\n\n\u003c\/section\u003e\n\n\n\u003c!-- =========================================================\n     06 INGREDIENTS\n========================================================= --\u003e\n\n\u003csection class=\"abera-sec abera-soft abera-center\"\u003e\n\n  \u003cspan class=\"abera-eye\"\u003e\n    INGREDIENTES CLAVE PARA CABELLO + CUERO CABELLUDO\n  \u003c\/span\u003e\n\n  \u003ch2 class=\"abera-title\"\u003e\n    Tecnología de péptidos + Ginseng de Langbian.\n  \u003c\/h2\u003e\n\n\n  \u003cdiv class=\"abera-ing\"\u003e\n\n\n    \u003carticle class=\"abera-ing-card\"\u003e\n\n\u003cimg class=\"abera-ing-real-img\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/Scientific_hair_care_advertiseme__4K_202608111531.webp?v=1786437600\" alt=\"Ingrediente Octapeptide-2 para soporte folicular\" loading=\"lazy\"\u003e\n\n      \u003cdiv class=\"abera-ing-copy\"\u003e\n\n        \u003ch3\u003e\n          Octapeptide-2\n        \u003c\/h3\u003e\n\n        \u003cp\u003e\n          Favorece la señalización folicular\n          y las raíces debilitadas.\n        \u003c\/p\u003e\n\n      \u003c\/div\u003e\n\n    \u003c\/article\u003e\n\n\n\n    \u003carticle class=\"abera-ing-card\"\u003e\n\n\u003cimg class=\"abera-ing-real-img\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/Ginseng_roots_photography_setup_4K_202608111532.webp?v=1786437601\" alt=\"Extracto de Ginseng de Langbian para el cuidado del cabello y cuero cabelludo\" loading=\"lazy\"\u003e\n\n      \u003cdiv class=\"abera-ing-copy\"\u003e\n\n        \u003ch3\u003e\n          Ginseng de Langbian\n        \u003c\/h3\u003e\n\n        \u003cp\u003e\n          Favorece la circulación del cuero cabelludo\n          y la nutrición de la raíz.\n        \u003c\/p\u003e\n\n      \u003c\/div\u003e\n\n    \u003c\/article\u003e\n\n\n\n    \u003carticle class=\"abera-ing-card\"\u003e\n\n\u003cimg class=\"abera-ing-real-img\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/Ginger_root_studio_photography_4K_202608111532.webp?v=1786437600\" alt=\"Extracto de Jengibre para el cuidado del cuero cabelludo y raíces\" loading=\"lazy\"\u003e\n\n      \u003cdiv class=\"abera-ing-copy\"\u003e\n\n        \u003ch3\u003e\n          Extracto de Jengibre\n        \u003c\/h3\u003e\n\n        \u003cp\u003e\n          Complementa la circulación\n          y el cuidado del cuero cabelludo.\n        \u003c\/p\u003e\n\n      \u003c\/div\u003e\n\n    \u003c\/article\u003e\n\n\n\n    \u003carticle class=\"abera-ing-card\"\u003e\n\n\u003cimg class=\"abera-ing-real-img\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/Botanical_scalp-care_ingredient___4K_202608111533.webp?v=1786437601\" alt=\"Complejo botánico para el cuidado de la caspa y el cabello\" loading=\"lazy\"\u003e\n\n      \u003cdiv class=\"abera-ing-copy\"\u003e\n\n        \u003ch3\u003e\n          Complejo Botánico para el Cuero Cabelludo\n        \u003c\/h3\u003e\n\n        \u003cp\u003e\n          Favorece el control de la caspa\n          y un cuero cabelludo más limpio.\n        \u003c\/p\u003e\n\n      \u003c\/div\u003e\n\n    \u003c\/article\u003e\n\n\n  \u003c\/div\u003e\n\n\u003c\/section\u003e\n\n\n\n\u003c!-- =========================================================\n     07 BEFORE \/ AFTER\n========================================================= --\u003e\n\n\u003csection class=\"abera-sec abera-center\"\u003e\n\n  \u003cspan class=\"abera-eye\"\u003e\n    PROGRESO VISIBLE EN CABELLO + CUERO CABELLUDO\n  \u003c\/span\u003e\n\n  \u003ch2 class=\"abera-title\"\u003e\n    Diferentes necesidades. Una sola rutina.\n  \u003c\/h2\u003e\n\n  \u003cdiv class=\"abera-swipe\"\u003e\n    Desliza para explorar →\n  \u003c\/div\u003e\n\n\n  \u003cdiv class=\"abera-scroll abera-results-track\" style=\"margin-top:20px;\" onscroll=\"\n      var track=this;\n      var cards=track.querySelectorAll('.abera-result');\n      var dots=track.parentElement.querySelectorAll('.abera-result-dot');\n      var best=0;\n      var bestDistance=999999;\n\n      cards.forEach(function(card,i){\n        var distance=Math.abs(card.offsetLeft-track.scrollLeft);\n        if(distance\u0026lt;bestDistance){\n          bestDistance=distance;\n          best=i;\n        }\n      });\n\n      dots.forEach(function(dot,i){\n        dot.classList.toggle('active',i===best);\n      });\n    \"\u003e\n\n\n    \u003carticle class=\"abera-result\"\u003e\n\n      \u003cspan class=\"abera-result-tag\"\u003e\n        HOMBRE • CAÍDA DEL CABELLO\n      \u003c\/span\u003e\n\n\u003cimg class=\"abera-result-real-img\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/Man_comparing_hair_shedding_results_202608111551.webp?v=1786439461\" alt=\"Antes y después de caída del cabello en hombre\" loading=\"lazy\"\u003e\n\n      \u003cdiv class=\"abera-result-copy\"\u003e\n\n        \u003ch3\u003e\n          Caída del cabello\n        \u003c\/h3\u003e\n\n        \u003cp\u003e\n          Menos cabello que se queda atrás.\n        \u003c\/p\u003e\n\n      \u003c\/div\u003e\n\n    \u003c\/article\u003e\n\n\n\n    \u003carticle class=\"abera-result\"\u003e\n\n      \u003cspan class=\"abera-result-tag\"\u003e\n        HOMBRE • CORONILLA MÁS FINA\n      \u003c\/span\u003e\n\n\u003cimg class=\"abera-result-real-img\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/Hair_density_comparison_photography_4K_202608111554.webp?v=1786439461\" alt=\"Antes y después de coronilla afinada y densidad de aspecto más abundante\" loading=\"lazy\"\u003e\n\n      \u003cdiv class=\"abera-result-copy\"\u003e\n\n        \u003ch3\u003e\n          Coronilla más fina\n        \u003c\/h3\u003e\n\n        \u003cp\u003e\n          Densidad con apariencia más abundante.\n        \u003c\/p\u003e\n\n      \u003c\/div\u003e\n\n    \u003c\/article\u003e\n\n\n\n    \u003carticle class=\"abera-result\"\u003e\n\n      \u003cspan class=\"abera-result-tag\"\u003e\n        MUJER • RAYA MÁS ANCHA\n      \u003c\/span\u003e\n\n\u003cimg class=\"abera-result-real-img\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/Woman_hair_thinning_before_after_202608111555.webp?v=1786439461\" alt=\"Antes y después de cabello afinado y raya central más ancha en mujer\" loading=\"lazy\"\u003e\n\n      \u003cdiv class=\"abera-result-copy\"\u003e\n\n        \u003ch3\u003e\n          Raya más ancha\n        \u003c\/h3\u003e\n\n        \u003cp\u003e\n          Raíces con apariencia más fuerte.\n        \u003c\/p\u003e\n\n      \u003c\/div\u003e\n\n    \u003c\/article\u003e\n\n\n\n    \u003carticle class=\"abera-result\"\u003e\n\n      \u003cspan class=\"abera-result-tag\"\u003e\n        HOMBRE • CABELLO DÉBIL\n      \u003c\/span\u003e\n\n\u003cimg class=\"abera-result-real-img\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/Mature_man_comparing_hair_volume_202608111604.webp?v=1786439461\" alt=\"Antes y después de cabello débil y sin volumen en hombre maduro\" loading=\"lazy\"\u003e\n\n      \u003cdiv class=\"abera-result-copy\"\u003e\n\n        \u003ch3\u003e\n          Cabello débil y sin volumen\n        \u003c\/h3\u003e\n\n        \u003cp\u003e\n          Más volumen y vitalidad.\n        \u003c\/p\u003e\n\n      \u003c\/div\u003e\n\n    \u003c\/article\u003e\n\n\n\n    \u003carticle class=\"abera-result\"\u003e\n\n      \u003cspan class=\"abera-result-tag\"\u003e\n        HOMBRE • CASPA\n      \u003c\/span\u003e\n\n\u003cimg class=\"abera-result-real-img\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/Scalp_comparison_before_and_after_202608111606.webp?v=1786439461\" alt=\"Antes y después de caspa y cuero cabelludo graso\" loading=\"lazy\"\u003e\n\n      \u003cdiv class=\"abera-result-copy\"\u003e\n\n        \u003ch3\u003e\n          Caspa + grasa\n        \u003c\/h3\u003e\n\n        \u003cp\u003e\n          Cuero cabelludo con apariencia más limpia.\n        \u003c\/p\u003e\n\n      \u003c\/div\u003e\n\n    \u003c\/article\u003e\n\n\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"abera-result-dots\"\u003e\n\n    \u003cbutton type=\"button\" class=\"abera-result-dot active\" aria-label=\"Ver resultado 1\" onclick=\"\n        var track=this.closest('section').querySelector('.abera-results-track');\n        var card=track.querySelectorAll('.abera-result')[0];\n        track.scrollTo({left:card.offsetLeft,behavior:'smooth'});\n      \"\u003e\n    \u003c\/button\u003e\n\n    \u003cbutton type=\"button\" class=\"abera-result-dot\" aria-label=\"Ver resultado 2\" onclick=\"\n        var track=this.closest('section').querySelector('.abera-results-track');\n        var card=track.querySelectorAll('.abera-result')[1];\n        track.scrollTo({left:card.offsetLeft,behavior:'smooth'});\n      \"\u003e\n    \u003c\/button\u003e\n\n    \u003cbutton type=\"button\" class=\"abera-result-dot\" aria-label=\"Ver resultado 3\" onclick=\"\n        var track=this.closest('section').querySelector('.abera-results-track');\n        var card=track.querySelectorAll('.abera-result')[2];\n        track.scrollTo({left:card.offsetLeft,behavior:'smooth'});\n      \"\u003e\n    \u003c\/button\u003e\n\n    \u003cbutton type=\"button\" class=\"abera-result-dot\" aria-label=\"Ver resultado 4\" onclick=\"\n        var track=this.closest('section').querySelector('.abera-results-track');\n        var card=track.querySelectorAll('.abera-result')[3];\n        track.scrollTo({left:card.offsetLeft,behavior:'smooth'});\n      \"\u003e\n    \u003c\/button\u003e\n\n    \u003cbutton type=\"button\" class=\"abera-result-dot\" aria-label=\"Ver resultado 5\" onclick=\"\n        var track=this.closest('section').querySelector('.abera-results-track');\n        var card=track.querySelectorAll('.abera-result')[4];\n        track.scrollTo({left:card.offsetLeft,behavior:'smooth'});\n      \"\u003e\n    \u003c\/button\u003e\n\n  \u003c\/div\u003e\n\n\n  \u003cp style=\"\n    margin-top:12px;\n    color:#7a8176;\n    font-size:15px;\n    line-height:1.5;\"\u003e\n    Los resultados individuales pueden variar.\n  \u003c\/p\u003e\n\n\n  \u003ca href=\"#\" class=\"abera-btn\" onclick=\"\n     event.preventDefault();\n\n     var el=\n     document.querySelector('variant-radios')||\n     document.querySelector('variant-selects')||\n     document.querySelector('.product-form__input')||\n     document.querySelector('form[action*=\u0026quot;\/cart\/add\u0026quot;]')||\n     document.querySelector('.product-form');\n\n     if(el){\n       el.scrollIntoView({\n         behavior:'smooth',\n         block:'center'\n       });\n     }else{\n       window.scrollTo({\n         top:0,\n         behavior:'smooth'\n       });\n     }\n     \"\u003e\n     VER LA MEJOR OFERTA ↑\n  \u003c\/a\u003e\n\n\u003c\/section\u003e\n\n\n\n\u003c!-- =========================================================\n     08 KOC VIDEO CAROUSEL\n========================================================= --\u003e\n\n\u003csection class=\"abera-sec abera-dark abera-center\"\u003e\n\n  \u003cspan class=\"abera-eye\"\u003eLO QUE MÁS GUSTA DE ABERA\u003c\/span\u003e\n\n  \u003ch2 class=\"abera-title\"\u003e\n    Cuidado sencillo del cuero cabelludo que se siente diferente.\n  \u003c\/h2\u003e\n\n  \u003cp class=\"abera-sub\"\u003e\n    Lo que más comentan: raíces más limpias, menos acumulación,\n    mayor comodidad del cuero cabelludo y cabello de aspecto más suave.\n  \u003c\/p\u003e\n\n  \u003cdiv class=\"abera-swipe abera-swipe-light\"\u003e\n    Desliza para ver →\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"abera-koc-track\" style=\"margin-top:20px;\" onscroll=\"\n      var track=this;\n      var section=track.closest('section');\n\n      if(window.innerWidth\u0026lt;=768){\n        var cards=track.querySelectorAll('.abera-koc');\n        var dots=section.querySelectorAll('.abera-koc-dots-mobile .abera-koc-dot');\n        var best=0;\n        var bestDistance=999999;\n\n        cards.forEach(function(card,i){\n          var left=card.getBoundingClientRect().left-track.getBoundingClientRect().left+track.scrollLeft;\n          var distance=Math.abs(left-track.scrollLeft);\n          if(distance\u0026lt;bestDistance){\n            bestDistance=distance;\n            best=i;\n          }\n        });\n\n        dots.forEach(function(dot,i){\n          dot.classList.toggle('active',i===best);\n        });\n      }else{\n        var dots=section.querySelectorAll('.abera-koc-dots-desktop .abera-koc-dot');\n        var maxScroll=Math.max(1,track.scrollWidth-track.clientWidth);\n        var page=track.scrollLeft\u0026gt;maxScroll\/2 ? 1 : 0;\n\n        dots.forEach(function(dot,i){\n          dot.classList.toggle('active',i===page);\n        });\n      }\n    \"\u003e\n\n\n    \u003carticle class=\"abera-koc\"\u003e\n      \u003cdiv class=\"abera-koc-frame abera-inline-video-wrap\"\u003e\n        \u003cvideo class=\"abera-inline-video\" playsinline webkit-playsinline preload=\"metadata\" disablepictureinpicture x-webkit-airplay=\"deny\" onclick=\"\n            var wrap=this.closest('.abera-inline-video-wrap');\n            if(this.paused){\n              this.play();\n            }else{\n              this.pause();\n            }\n          \" onplay=\"\n            var wrap=this.closest('.abera-inline-video-wrap');\n            if(wrap){wrap.classList.add('is-playing');}\n          \" onpause=\"\n            var wrap=this.closest('.abera-inline-video-wrap');\n            if(wrap){wrap.classList.remove('is-playing');}\n          \" onended=\"\n            var wrap=this.closest('.abera-inline-video-wrap');\n            if(wrap){wrap.classList.remove('is-playing');}\n          \"\u003e\n          \u003csource src=\"https:\/\/cdn.shopify.com\/videos\/c\/o\/v\/d83796ed1d834935a934375789297318.mp4\" type=\"video\/mp4\"\u003e\u003c\/video\u003e\n        \u003cbutton type=\"button\" class=\"abera-inline-play\" aria-label=\"Reproducir video\" onclick=\"\n            event.stopPropagation();\n            var wrap=this.closest('.abera-inline-video-wrap');\n            var v=wrap.querySelector('video');\n            v.play();\n          \"\u003e▶\u003c\/button\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"abera-koc-copy\"\u003e\n        \u003cstrong\u003eCuero cabelludo limpio, sin sensación reseca\u003c\/strong\u003e\n        \u003cspan\u003eRaíces frescas y una sensación más ligera y limpia después de enjuagar.\u003c\/span\u003e\n      \u003c\/div\u003e\n    \u003c\/article\u003e\n\n    \u003carticle class=\"abera-koc\"\u003e\n      \u003cdiv class=\"abera-koc-frame abera-inline-video-wrap\"\u003e\n        \u003cvideo class=\"abera-inline-video\" playsinline webkit-playsinline preload=\"metadata\" disablepictureinpicture x-webkit-airplay=\"deny\" onclick=\"\n            var wrap=this.closest('.abera-inline-video-wrap');\n            if(this.paused){\n              this.play();\n            }else{\n              this.pause();\n            }\n          \" onplay=\"\n            var wrap=this.closest('.abera-inline-video-wrap');\n            if(wrap){wrap.classList.add('is-playing');}\n          \" onpause=\"\n            var wrap=this.closest('.abera-inline-video-wrap');\n            if(wrap){wrap.classList.remove('is-playing');}\n          \" onended=\"\n            var wrap=this.closest('.abera-inline-video-wrap');\n            if(wrap){wrap.classList.remove('is-playing');}\n          \"\u003e\n          \u003csource src=\"https:\/\/cdn.shopify.com\/videos\/c\/o\/v\/00b0f00f6d414799a9a3f9cbc8eda8c6.mp4\" type=\"video\/mp4\"\u003e\u003c\/video\u003e\n        \u003cbutton type=\"button\" class=\"abera-inline-play\" aria-label=\"Reproducir video\" onclick=\"\n            event.stopPropagation();\n            var wrap=this.closest('.abera-inline-video-wrap');\n            var v=wrap.querySelector('video');\n            v.play();\n          \"\u003e▶\u003c\/button\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"abera-koc-copy\"\u003e\n        \u003cstrong\u003eLa caspa se siente más fácil de controlar\u003c\/strong\u003e\n        \u003cspan\u003eUna rutina de limpieza para cuando la caspa y la acumulación siguen regresando.\u003c\/span\u003e\n      \u003c\/div\u003e\n    \u003c\/article\u003e\n\n    \u003carticle class=\"abera-koc\"\u003e\n      \u003cdiv class=\"abera-koc-frame abera-inline-video-wrap\"\u003e\n        \u003cvideo class=\"abera-inline-video\" playsinline webkit-playsinline preload=\"metadata\" disablepictureinpicture x-webkit-airplay=\"deny\" onclick=\"\n            var wrap=this.closest('.abera-inline-video-wrap');\n            if(this.paused){\n              this.play();\n            }else{\n              this.pause();\n            }\n          \" onplay=\"\n            var wrap=this.closest('.abera-inline-video-wrap');\n            if(wrap){wrap.classList.add('is-playing');}\n          \" onpause=\"\n            var wrap=this.closest('.abera-inline-video-wrap');\n            if(wrap){wrap.classList.remove('is-playing');}\n          \" onended=\"\n            var wrap=this.closest('.abera-inline-video-wrap');\n            if(wrap){wrap.classList.remove('is-playing');}\n          \"\u003e\n          \u003csource src=\"https:\/\/cdn.shopify.com\/videos\/c\/o\/v\/fdf9286be96e4c68808860655f524c07.mp4\" type=\"video\/mp4\"\u003e\u003c\/video\u003e\n        \u003cbutton type=\"button\" class=\"abera-inline-play\" aria-label=\"Reproducir video\" onclick=\"\n            event.stopPropagation();\n            var wrap=this.closest('.abera-inline-video-wrap');\n            var v=wrap.querySelector('video');\n            v.play();\n          \"\u003e▶\u003c\/button\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"abera-koc-copy\"\u003e\n        \u003cstrong\u003eCabello más suave y de aspecto saludable\u003c\/strong\u003e\n        \u003cspan\u003eEl cabello se siente menos áspero después del lavado, sin acabado pesado.\u003c\/span\u003e\n      \u003c\/div\u003e\n    \u003c\/article\u003e\n\n    \u003carticle class=\"abera-koc\"\u003e\n      \u003cdiv class=\"abera-koc-frame abera-inline-video-wrap\"\u003e\n        \u003cvideo class=\"abera-inline-video\" playsinline webkit-playsinline preload=\"metadata\" disablepictureinpicture x-webkit-airplay=\"deny\" onclick=\"\n            var wrap=this.closest('.abera-inline-video-wrap');\n            if(this.paused){\n              this.play();\n            }else{\n              this.pause();\n            }\n          \" onplay=\"\n            var wrap=this.closest('.abera-inline-video-wrap');\n            if(wrap){wrap.classList.add('is-playing');}\n          \" onpause=\"\n            var wrap=this.closest('.abera-inline-video-wrap');\n            if(wrap){wrap.classList.remove('is-playing');}\n          \" onended=\"\n            var wrap=this.closest('.abera-inline-video-wrap');\n            if(wrap){wrap.classList.remove('is-playing');}\n          \"\u003e\n          \u003csource src=\"https:\/\/cdn.shopify.com\/videos\/c\/o\/v\/d1a62fdbe0c7418f8af43387bc120793.mp4\" type=\"video\/mp4\"\u003e\u003c\/video\u003e\n        \u003cbutton type=\"button\" class=\"abera-inline-play\" aria-label=\"Reproducir video\" onclick=\"\n            event.stopPropagation();\n            var wrap=this.closest('.abera-inline-video-wrap');\n            var v=wrap.querySelector('video');\n            v.play();\n          \"\u003e▶\u003c\/button\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"abera-koc-copy\"\u003e\n        \u003cstrong\u003eEspuma fácil. Enjuague fácil.\u003c\/strong\u003e\n        \u003cspan\u003eLimpia bien sin dejar residuos pesados ni grasosos.\u003c\/span\u003e\n      \u003c\/div\u003e\n    \u003c\/article\u003e\n\n    \u003carticle class=\"abera-koc\"\u003e\n      \u003cdiv class=\"abera-koc-frame abera-inline-video-wrap\"\u003e\n        \u003cvideo class=\"abera-inline-video\" playsinline webkit-playsinline preload=\"metadata\" disablepictureinpicture x-webkit-airplay=\"deny\" onclick=\"\n            var wrap=this.closest('.abera-inline-video-wrap');\n            if(this.paused){\n              this.play();\n            }else{\n              this.pause();\n            }\n          \" onplay=\"\n            var wrap=this.closest('.abera-inline-video-wrap');\n            if(wrap){wrap.classList.add('is-playing');}\n          \" onpause=\"\n            var wrap=this.closest('.abera-inline-video-wrap');\n            if(wrap){wrap.classList.remove('is-playing');}\n          \" onended=\"\n            var wrap=this.closest('.abera-inline-video-wrap');\n            if(wrap){wrap.classList.remove('is-playing');}\n          \"\u003e\n          \u003csource src=\"https:\/\/cdn.shopify.com\/videos\/c\/o\/v\/438999bae8ae40569e04607659ed9d30.mp4\" type=\"video\/mp4\"\u003e\u003c\/video\u003e\n        \u003cbutton type=\"button\" class=\"abera-inline-play\" aria-label=\"Reproducir video\" onclick=\"\n            event.stopPropagation();\n            var wrap=this.closest('.abera-inline-video-wrap');\n            var v=wrap.querySelector('video');\n            v.play();\n          \"\u003e▶\u003c\/button\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"abera-koc-copy\"\u003e\n        \u003cstrong\u003eRaíces con sensación más fresca\u003c\/strong\u003e\n        \u003cspan\u003eMejor equilibrio entre limpieza del cuero cabelludo y cuidado diario del cabello.\u003c\/span\u003e\n      \u003c\/div\u003e\n    \u003c\/article\u003e\n\n    \u003carticle class=\"abera-koc\"\u003e\n      \u003cdiv class=\"abera-koc-frame abera-inline-video-wrap\"\u003e\n        \u003cvideo class=\"abera-inline-video\" playsinline webkit-playsinline preload=\"metadata\" disablepictureinpicture x-webkit-airplay=\"deny\" onclick=\"\n            var wrap=this.closest('.abera-inline-video-wrap');\n            if(this.paused){\n              this.play();\n            }else{\n              this.pause();\n            }\n          \" onplay=\"\n            var wrap=this.closest('.abera-inline-video-wrap');\n            if(wrap){wrap.classList.add('is-playing');}\n          \" onpause=\"\n            var wrap=this.closest('.abera-inline-video-wrap');\n            if(wrap){wrap.classList.remove('is-playing');}\n          \" onended=\"\n            var wrap=this.closest('.abera-inline-video-wrap');\n            if(wrap){wrap.classList.remove('is-playing');}\n          \"\u003e\n          \u003csource src=\"https:\/\/cdn.shopify.com\/videos\/c\/o\/v\/e15b35b97ba54bd8b0d56eb81b6a7bac.mp4\" type=\"video\/mp4\"\u003e\u003c\/video\u003e\n        \u003cbutton type=\"button\" class=\"abera-inline-play\" aria-label=\"Reproducir video\" onclick=\"\n            event.stopPropagation();\n            var wrap=this.closest('.abera-inline-video-wrap');\n            var v=wrap.querySelector('video');\n            v.play();\n          \"\u003e▶\u003c\/button\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"abera-koc-copy\"\u003e\n        \u003cstrong\u003eUna rutina para múltiples necesidades\u003c\/strong\u003e\n        \u003cspan\u003eAyuda a tratar grasa, caspa, acumulación y cabello de aspecto débil en una sola rutina.\u003c\/span\u003e\n      \u003c\/div\u003e\n    \u003c\/article\u003e\n\n\n  \u003c\/div\u003e\n\n  \u003c!-- DESKTOP: 2 PAGES, 3 VIDEOS PER PAGE --\u003e\n  \u003cdiv class=\"abera-koc-dots abera-koc-dots-desktop\"\u003e\n\n    \u003cbutton type=\"button\" class=\"abera-koc-dot active\" aria-label=\"Ver videos 1 a 3\" onclick=\"\n        var track=this.closest('section').querySelector('.abera-koc-track');\n        track.scrollTo({left:0,behavior:'smooth'});\n      \"\u003e\n    \u003c\/button\u003e\n\n    \u003cbutton type=\"button\" class=\"abera-koc-dot\" aria-label=\"Ver videos 4 a 6\" onclick=\"\n        var track=this.closest('section').querySelector('.abera-koc-track');\n        var maxScroll=track.scrollWidth-track.clientWidth;\n        track.scrollTo({left:maxScroll,behavior:'smooth'});\n      \"\u003e\n    \u003c\/button\u003e\n\n  \u003c\/div\u003e\n\n  \u003c!-- MOBILE: 1 DOT PER VIDEO --\u003e\n  \u003cdiv class=\"abera-koc-dots abera-koc-dots-mobile\"\u003e\n\n\n    \u003cbutton type=\"button\" class=\"abera-koc-dot active\" aria-label=\"Ver reseña 1\" onclick=\"\n        var section=this.closest('section');\n        var track=section.querySelector('.abera-koc-track');\n        var card=track.querySelectorAll('.abera-koc')[0];\n        var left=card.getBoundingClientRect().left-track.getBoundingClientRect().left+track.scrollLeft;\n        track.scrollTo({left:left,behavior:'smooth'});\n      \"\u003e\n    \u003c\/button\u003e\n\n    \u003cbutton type=\"button\" class=\"abera-koc-dot\" aria-label=\"Ver reseña 2\" onclick=\"\n        var section=this.closest('section');\n        var track=section.querySelector('.abera-koc-track');\n        var card=track.querySelectorAll('.abera-koc')[1];\n        var left=card.getBoundingClientRect().left-track.getBoundingClientRect().left+track.scrollLeft;\n        track.scrollTo({left:left,behavior:'smooth'});\n      \"\u003e\n    \u003c\/button\u003e\n\n    \u003cbutton type=\"button\" class=\"abera-koc-dot\" aria-label=\"Ver reseña 3\" onclick=\"\n        var section=this.closest('section');\n        var track=section.querySelector('.abera-koc-track');\n        var card=track.querySelectorAll('.abera-koc')[2];\n        var left=card.getBoundingClientRect().left-track.getBoundingClientRect().left+track.scrollLeft;\n        track.scrollTo({left:left,behavior:'smooth'});\n      \"\u003e\n    \u003c\/button\u003e\n\n    \u003cbutton type=\"button\" class=\"abera-koc-dot\" aria-label=\"Ver reseña 4\" onclick=\"\n        var section=this.closest('section');\n        var track=section.querySelector('.abera-koc-track');\n        var card=track.querySelectorAll('.abera-koc')[3];\n        var left=card.getBoundingClientRect().left-track.getBoundingClientRect().left+track.scrollLeft;\n        track.scrollTo({left:left,behavior:'smooth'});\n      \"\u003e\n    \u003c\/button\u003e\n\n    \u003cbutton type=\"button\" class=\"abera-koc-dot\" aria-label=\"Ver reseña 5\" onclick=\"\n        var section=this.closest('section');\n        var track=section.querySelector('.abera-koc-track');\n        var card=track.querySelectorAll('.abera-koc')[4];\n        var left=card.getBoundingClientRect().left-track.getBoundingClientRect().left+track.scrollLeft;\n        track.scrollTo({left:left,behavior:'smooth'});\n      \"\u003e\n    \u003c\/button\u003e\n\n    \u003cbutton type=\"button\" class=\"abera-koc-dot\" aria-label=\"Ver reseña 6\" onclick=\"\n        var section=this.closest('section');\n        var track=section.querySelector('.abera-koc-track');\n        var card=track.querySelectorAll('.abera-koc')[5];\n        var left=card.getBoundingClientRect().left-track.getBoundingClientRect().left+track.scrollLeft;\n        track.scrollTo({left:left,behavior:'smooth'});\n      \"\u003e\n    \u003c\/button\u003e\n\n\n  \u003c\/div\u003e\n\n\u003c\/section\u003e\n\n\n\n\u003c!-- =========================================================\n     09 CÓMO USAR\n========================================================= --\u003e\n\n\u003csection class=\"abera-sec abera-dark\"\u003e\n\n  \u003cdiv class=\"abera-center\"\u003e\n\n    \u003cspan class=\"abera-eye\"\u003e\n      CÓMO USAR\n    \u003c\/span\u003e\n\n    \u003ch2 class=\"abera-title\"\u003e\n      Limpia el cuero cabelludo sin excederte.\n    \u003c\/h2\u003e\n\n    \u003cp class=\"abera-sub\"\u003e\n      Concéntrate en el cuero cabelludo y las raíces, no en el largo del cabello.\n    \u003c\/p\u003e\n\n  \u003c\/div\u003e\n\n\n  \u003cdiv class=\"abera-steps\"\u003e\n\n    \u003cdiv class=\"abera-step\"\u003e\n\n      \u003cb\u003e01\u003c\/b\u003e\n\n      \u003ch3\u003e\n        Moja por completo\n      \u003c\/h3\u003e\n\n      \u003cp\u003e\n        Humedece bien el cuero cabelludo y el cabello con agua tibia.\n      \u003c\/p\u003e\n\n    \u003c\/div\u003e\n\n\n    \u003cdiv class=\"abera-step\"\u003e\n\n      \u003cb\u003e02\u003c\/b\u003e\n\n      \u003ch3\u003e\n        Haz espuma en las manos\n      \u003c\/h3\u003e\n\n      \u003cp\u003e\n        Aplica una pequeña cantidad y frótala entre las palmas durante 5–10 segundos.\n      \u003c\/p\u003e\n\n    \u003c\/div\u003e\n\n\n    \u003cdiv class=\"abera-step\"\u003e\n\n      \u003cb\u003e03\u003c\/b\u003e\n\n      \u003ch3\u003e\n        Masajea 60–90 seg\n      \u003c\/h3\u003e\n\n      \u003cp\u003e\n        Masajea el cuero cabelludo y las raíces con las yemas de los dedos. Deja la espuma actuar durante 1–2 minutos.\n      \u003c\/p\u003e\n\n    \u003c\/div\u003e\n\n\n    \u003cdiv class=\"abera-step\"\u003e\n\n      \u003cb\u003e04\u003c\/b\u003e\n\n      \u003ch3\u003e\n        Enjuaga por completo\n      \u003c\/h3\u003e\n\n      \u003cp\u003e\n        Enjuaga bien. Repite solo si el cuero cabelludo está muy graso o tiene mucha acumulación.\n      \u003c\/p\u003e\n\n    \u003c\/div\u003e\n\n  \u003c\/div\u003e\n\n\n  \u003cdiv class=\"abera-use-tips\"\u003e\n    \u003cstrong\u003eConsejos rápidos:\u003c\/strong\u003e\n    Evita el agua caliente • No te rasques con las uñas • Aplica el shampoo principalmente en el cuero cabelludo •\n    Si el cabello se siente seco o tirante, reduce el tiempo de contacto o úsalo con menor frecuencia.\n  \u003c\/div\u003e\n\n\u003c\/section\u003e\n\n\n\u003c!-- =========================================================\n     10 QUALITY + COMPARISON\n========================================================= --\u003e\n\n\u003csection class=\"abera-sec abera-soft abera-center\"\u003e\n\n  \u003c!-- QUALITY DOCUMENTS --\u003e\n\n  \u003cspan class=\"abera-eye\"\u003e\n    DOCUMENTACIÓN DE CALIDAD Y SEGURIDAD\n  \u003c\/span\u003e\n\n  \u003ch2 class=\"abera-title\"\u003e\n    Certificaciones globales de calidad y seguridad.\n  \u003c\/h2\u003e\n\n  \u003cp class=\"abera-sub\"\u003e\n    Documentos de producto y fabricación\n    presentados claramente para mayor transparencia.\n  \u003c\/p\u003e\n\n\n  \u003cdiv class=\"abera-cert-grid\"\u003e\n\n\n    \u003carticle class=\"abera-cert-card\"\u003e\n\n\u003cimg class=\"abera-cert-real-img\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/FDA.jpg?v=1786441226\" alt=\"Documentación de calidad y seguridad del producto ABERA\" loading=\"lazy\"\u003e\n\n      \u003cdiv class=\"abera-cert-info\"\u003e\n\n        \u003cstrong\u003e\n          Documentación de Producto y Seguridad\n        \u003c\/strong\u003e\n\n      \u003c\/div\u003e\n\n    \u003c\/article\u003e\n\n\n\n    \u003carticle class=\"abera-cert-card\"\u003e\n\n      \u003cimg class=\"abera-cert-real-img\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/FDA_2.jpg?v=1786441227\" alt=\"Documentación de fabricación y calidad de ABERA\" loading=\"lazy\"\u003e\n\n      \u003cdiv class=\"abera-cert-info\"\u003e\n\n        \u003cstrong\u003e\n          Estándares de Fabricación y Calidad\n        \u003c\/strong\u003e\n\n      \u003c\/div\u003e\n\n    \u003c\/article\u003e\n\u003c\/div\u003e\n\n  \n  \u003c\/section\u003e\n\n\n\n  \u003c!-- COMPARISON --\u003e\n\n  \u003cdiv class=\"abera-compare-head\"\u003e\n\n    \u003cspan class=\"abera-eye\"\u003e\n      POR QUÉ ABERA SE DESTACA\n    \u003c\/span\u003e\n\n    \u003ch2 class=\"abera-title\"\u003e\n      Más que un shampoo básico.\n    \u003c\/h2\u003e\n\n    \u003cp class=\"abera-sub\"\u003e\n      La limpieza diaria se combina con cuidado dirigido al cuero cabelludo,\n      los folículos y la caída del cabello.\n    \u003c\/p\u003e\n\n  \u003c\/div\u003e\n\n\n  \u003cdiv class=\"abera-compare-grid\"\u003e\n\n\n    \u003carticle class=\"abera-compare-card abera-compare-basic\"\u003e\n\n\u003cimg class=\"abera-compare-real-img\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/blank-bottle-20250320181104-dnmya.png?v=1786441765\" alt=\"Comparación con botella de shampoo básico\" loading=\"lazy\"\u003e\n\n      \u003ch3\u003e\n        Shampoo básico\n      \u003c\/h3\u003e\n\n      \u003cdiv class=\"abera-compare-list\"\u003e\n\n        \u003cdiv class=\"abera-compare-row\"\u003e\n          \u003cspan class=\"abera-x\"\u003e×\u003c\/span\u003e\n          \u003cspan\u003eSolo limpieza superficial\u003c\/span\u003e\n        \u003c\/div\u003e\n\n        \u003cdiv class=\"abera-compare-row\"\u003e\n          \u003cspan class=\"abera-x\"\u003e×\u003c\/span\u003e\n          \u003cspan\u003eSoporte limitado para cabello débil y propenso a la caída\u003c\/span\u003e\n        \u003c\/div\u003e\n\n        \u003cdiv class=\"abera-compare-row\"\u003e\n          \u003cspan class=\"abera-x\"\u003e×\u003c\/span\u003e\n          \u003cspan\u003eSin sistema dirigido de señalización folicular\u003c\/span\u003e\n        \u003c\/div\u003e\n\n        \u003cdiv class=\"abera-compare-row\"\u003e\n          \u003cspan class=\"abera-x\"\u003e×\u003c\/span\u003e\n          \u003cspan\u003eEnfocado principalmente en limpieza superficial\u003c\/span\u003e\n        \u003c\/div\u003e\n\n        \u003cdiv class=\"abera-compare-row\"\u003e\n          \u003cspan class=\"abera-x\"\u003e×\u003c\/span\u003e\n          \u003cspan\u003eCuidado limitado del cuero cabelludo + raíces\u003c\/span\u003e\n        \u003c\/div\u003e\n\n      \u003c\/div\u003e\n\n    \u003c\/article\u003e\n\n\n\n    \u003carticle class=\"abera-compare-card abera-compare-abera\"\u003e\n\n\u003cimg class=\"abera-compare-real-img\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/hop-chai-mt_1x1_1-box-20250320115655-4llx.jpg?v=1786441766\" alt=\"Comparación de ABERA Langbian Ginseng Shampoo\" loading=\"lazy\"\u003e\n    \n      \u003ch3\u003e\n        ABERA Ginseng Shampoo\n      \u003c\/h3\u003e\n\n      \u003cdiv class=\"abera-compare-list\"\u003e\n\n        \u003cdiv class=\"abera-compare-row\"\u003e\n          \u003cspan class=\"abera-tick\"\u003e✓\u003c\/span\u003e\n          \u003cspan\u003eOctapeptide-2 favorece la señalización folicular\u003c\/span\u003e\n        \u003c\/div\u003e\n\n        \u003cdiv class=\"abera-compare-row\"\u003e\n          \u003cspan class=\"abera-tick\"\u003e✓\u003c\/span\u003e\n          \u003cspan\u003eGinseng de Langbian + Jengibre favorecen la microcirculación\u003c\/span\u003e\n        \u003c\/div\u003e\n\n        \u003cdiv class=\"abera-compare-row\"\u003e\n          \u003cspan class=\"abera-tick\"\u003e✓\u003c\/span\u003e\n          \u003cspan\u003eAyuda a reducir la caída y favorece un cabello con apariencia más abundante\u003c\/span\u003e\n        \u003c\/div\u003e\n\n        \u003cdiv class=\"abera-compare-row\"\u003e\n          \u003cspan class=\"abera-tick\"\u003e✓\u003c\/span\u003e\n          \u003cspan\u003eControla la caspa, el exceso de grasa y la acumulación\u003c\/span\u003e\n        \u003c\/div\u003e\n\n        \u003cdiv class=\"abera-compare-row\"\u003e\n          \u003cspan class=\"abera-tick\"\u003e✓\u003c\/span\u003e\n          \u003cspan\u003eCuidado de cuero cabelludo + raíces + cabello en un solo lavado\u003c\/span\u003e\n        \u003c\/div\u003e\n\n      \u003c\/div\u003e\n\n    \u003c\/article\u003e\n\n\n  \u003c\/div\u003e\n\n\n\n\n\n\u003c!-- =========================================================\n     11 FAQ\n========================================================= --\u003e\n\n\u003csection class=\"abera-sec\"\u003e\n\n  \u003cdiv class=\"abera-center\"\u003e\n\n    \u003cspan class=\"abera-eye\"\u003e\n      PREGUNTAS FRECUENTES SOBRE ABERA GINSENG SHAMPOO\n    \u003c\/span\u003e\n\n    \u003ch2 class=\"abera-title\"\u003e\n      Caída, crecimiento + caspa\n    \u003c\/h2\u003e\n\n  \u003c\/div\u003e\n\n\n  \u003cdiv class=\"abera-faq\"\u003e\n\n\n    \u003cdetails\u003e\n\n      \u003csummary\u003e\n        ¿ABERA es un shampoo para la caída del cabello?\n      \u003c\/summary\u003e\n\n      \u003cp\u003e\n        Sí. ABERA está diseñado para cabello débil,\n        afinado y propenso a la caída,\n        mientras favorece una apariencia más fuerte\n        y abundante.\n      \u003c\/p\u003e\n\n    \u003c\/details\u003e\n\n\n\n    \u003cdetails\u003e\n\n      \u003csummary\u003e\n        ¿Las mujeres pueden usar ABERA?\n      \u003c\/summary\u003e\n\n      \u003cp\u003e\n        Sí. ABERA es apto para hombres\n        y mujeres con caída del cabello,\n        afinamiento o necesidades del cuero cabelludo.\n      \u003c\/p\u003e\n\n    \u003c\/details\u003e\n\n\n\n    \u003cdetails\u003e\n\n      \u003csummary\u003e\n        ¿ABERA es anticaspa?\n      \u003c\/summary\u003e\n\n      \u003cp\u003e\n        Sí. Actúa sobre la caspa visible,\n        el exceso de grasa y la acumulación en el cuero cabelludo.\n      \u003c\/p\u003e\n\n    \u003c\/details\u003e\n\n\n\n    \u003cdetails\u003e\n\n      \u003csummary\u003e\n        ¿Qué hace Octapeptide-2?\n      \u003c\/summary\u003e\n\n      \u003cp\u003e\n        Favorece la señalización folicular\n        y las raíces debilitadas.\n      \u003c\/p\u003e\n\n    \u003c\/details\u003e\n\n\n\n    \u003cdetails\u003e\n\n      \u003csummary\u003e\n        ¿Qué hace el Ginseng de Langbian?\n      \u003c\/summary\u003e\n\n      \u003cp\u003e\n        El Ginseng de Langbian favorece\n        la microcirculación del cuero cabelludo,\n        la nutrición de la raíz y un cabello con apariencia más fuerte.\n      \u003c\/p\u003e\n\n    \u003c\/details\u003e\n\n\n\n    \u003cdetails\u003e\n\n      \u003csummary\u003e\n        ¿Cómo ayuda ABERA a los folículos menos activos?\n      \u003c\/summary\u003e\n\n      \u003cp\u003e\n        Su sistema folicular combina señalización,\n        circulación y nutrición de la raíz\n        para favorecer folículos menos activos\n        y un cabello con apariencia más abundante.\n      \u003c\/p\u003e\n\n    \u003c\/details\u003e\n\n\n\n    \u003cdetails\u003e\n\n      \u003csummary\u003e\n        ¿Cómo se usa?\n      \u003c\/summary\u003e\n\n      \u003cp\u003e\n        Masajea sobre el cuero cabelludo y las raíces húmedas,\n        crea abundante espuma\n        y enjuaga completamente.\n      \u003c\/p\u003e\n\n    \u003c\/details\u003e\n\n\n  \u003c\/div\u003e\n\n\u003c\/section\u003e\n\n\n\n\u003c!-- =========================================================\n     12 FINAL CTA\n========================================================= --\u003e\n\n\u003csection class=\"abera-final\"\u003e\n\n  \u003cspan class=\"abera-eye\" style=\"color:#d3e99b;\"\u003e\n    COMIENZA TU RUTINA DE RAÍZ A CUERO CABELLUDO\n  \u003c\/span\u003e\n\n  \u003ch2\u003e\n    Combate la caída.\u003cbr\u003e\n    Controla la caspa.\u003cbr\u003e\n    Logra un cabello con apariencia más fuerte.\n  \u003c\/h2\u003e\n\n  \u003cp\u003e\n    Octapeptide-2 + Ginseng de Langbian:\n    cuidado folicular para hombres y mujeres.\n  \u003c\/p\u003e\n\n\n  \u003ca href=\"#\" class=\"abera-btn abera-btn-light\" onclick=\"\n     event.preventDefault();\n\n     var el=\n     document.querySelector('variant-radios')||\n     document.querySelector('variant-selects')||\n     document.querySelector('.product-form__input')||\n     document.querySelector('form[action*=\u0026quot;\/cart\/add\u0026quot;]')||\n     document.querySelector('.product-form');\n\n     if(el){\n       el.scrollIntoView({\n         behavior:'smooth',\n         block:'center'\n       });\n     }else{\n       window.scrollTo({\n         top:0,\n         behavior:'smooth'\n       });\n     }\n     \"\u003e\n     ELIGE TU SET DE TRATAMIENTO ↑\n  \u003c\/a\u003e\n\n\n  \u003cp class=\"abera-offer\"\u003e\n    Ahorra más con los bundles • Envío gratis en EE. UU.\n  \u003c\/p\u003e\n\n\u003c\/section\u003e\n\n\n\u003c\/div\u003e","brand":"ABERA US","offers":[{"title":"1 BOX","offer_id":54054854951280,"sku":"CB-LANGBIAN096+SL1","price":29.95,"currency_code":"USD","in_stock":true},{"title":"BUY 2 (SAVE 25%) + GIFT 5-EYES MASK","offer_id":54058813161840,"sku":"CB-LANGBIAN096+SL2-CB-CBMASK05+SL1","price":42.95,"currency_code":"USD","in_stock":true},{"title":"BUY 3 (SAVE 35%) + GIFT Derma Roller","offer_id":54058813194608,"sku":"CB-LANGBIAN096+SL3-CB-LKOEM050+SL1","price":59.95,"currency_code":"USD","in_stock":true},{"title":"1 SHAMPOO + 1 FOLLICULITIS WASH (SAVE 20%)","offer_id":54060753191280,"sku":"CB-LANGBIAN096+SL1-CB-GTABERA087+SL1","price":48.95,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/11111-20260302084202-y9si.webp?v=1784604395"},{"product_id":"abera-instant-hair-dye-shampoo-10-packs","title":"Champú Tinte Instantáneo ABERA - 10 Paquetes, Cubre las Canas en 15 Minutos, para Hombres y Mujeres","description":"\u003c!-- =========================================================\nABERA HAIR DYE — HERO + QUICK BENEFITS\nUPDATED BENEFIT CONTENT\n========================================================= --\u003e\n\u003cstyle\u003e\n\n\/* =========================================================\nROOT\n========================================================= *\/\n\n#abera-hero-v4,\n#abera-hero-v4 * {\n  box-sizing: border-box;\n}\n\n#abera-hero-v4 {\n  --black: #0f0f0f;\n  --gold: #b07d2f;\n  --gold-light: #e7cf9e;\n  --ivory: #f7f3ec;\n  --text: #171717;\n  --muted: #5f5952;\n\n  width: 100%;\n  margin: 0;\n  padding: 0;\n\n  overflow: hidden;\n\n  background: var(--ivory);\n\n  font-family:\n    \"Inter\",\n    Arial,\n    sans-serif;\n\n  color: var(--text);\n}\n\n\n\/* =========================================================\nHERO\n========================================================= *\/\n\n#abera-hero-v4 .ahv4-main {\n  width: 100%;\n\n  padding:\n    clamp(55px, 6vw, 92px)\n    0\n    clamp(62px, 6vw, 98px);\n\n  background:\n    radial-gradient(\n      circle at 78% 8%,\n      rgba(223, 194, 138, .20),\n      transparent 32%\n    ),\n    var(--ivory);\n}\n\n\n\/* =========================================================\nCONTAINER\n========================================================= *\/\n\n#abera-hero-v4 .ahv4-container {\n  width: 100%;\n  max-width: 1500px;\n\n  margin: 0 auto;\n\n  padding-left:\n    clamp(36px, 7vw, 112px);\n\n  padding-right:\n    clamp(36px, 7vw, 112px);\n}\n\n\n\/* =========================================================\nGRID\n========================================================= *\/\n\n#abera-hero-v4 .ahv4-grid {\n  display: grid;\n\n  grid-template-columns:\n    minmax(0, 1.08fr)\n    minmax(430px, .92fr);\n\n  gap:\n    clamp(60px, 7vw, 115px);\n\n  align-items: center;\n}\n\n\n\/* =========================================================\nLEFT\n========================================================= *\/\n\n#abera-hero-v4 .ahv4-copy {\n  min-width: 0;\n}\n\n\n\/* =========================================================\nEYEBROW\n========================================================= *\/\n\n#abera-hero-v4 .ahv4-eyebrow {\n  display: inline-flex;\n\n  align-items: center;\n  justify-content: center;\n\n  margin:\n    0\n    0\n    32px;\n\n  padding:\n    10px\n    18px;\n\n  border:\n    1px solid\n    rgba(176, 125, 47, .38);\n\n  border-radius: 999px;\n\n  background:\n    rgba(255, 255, 255, .55);\n\n  color: #8c6429;\n\n  font-size: 14px;\n  line-height: 1;\n\n  font-weight: 600;\n\n  letter-spacing: 1.5px;\n\n  text-transform: uppercase;\n}\n\n\n\/* =========================================================\nTITLE\n========================================================= *\/\n\n#abera-hero-v4 .ahv4-title {\n  max-width: 760px;\n\n  margin:\n    0\n    0\n    30px;\n\n  color: var(--black);\n\n  font-size:\n    clamp(30px, 4vw, 50px);\n\n  line-height: 0.99;\n\n  font-weight: 600;\n\n  letter-spacing: 0px;\n\n  text-transform: uppercase;\n}\n\n\n#abera-hero-v4 .ahv4-title span {\n  display: block;\n\n  margin-top: 8px;\n\n  color: var(--gold);\n}\n\n\n\/* =========================================================\nDESCRIPTION\n========================================================= *\/\n\n#abera-hero-v4 .ahv4-description {\n  max-width: 740px;\n\n  margin:\n    0\n    0\n    31px;\n\n  color: var(--muted);\n\n  font-size: 18px;\n  line-height: 1.7;\n\n  font-weight: 400;\n}\n\n\n#abera-hero-v4 .ahv4-description strong {\n  color: var(--black);\n\n  font-weight: 600;\n}\n\n\n\/* =========================================================\nUSP GRID\n========================================================= *\/\n\n#abera-hero-v4 .ahv4-usps {\n  display: grid;\n\n  grid-template-columns:\n    repeat(2, minmax(0, 1fr));\n\n  gap:\n    20px\n    38px;\n\n  max-width: 760px;\n}\n\n\n#abera-hero-v4 .ahv4-usp {\n  min-width: 0;\n\n  display: flex;\n\n  align-items: flex-start;\n\n  gap: 12px;\n\n  color: #27231f;\n\n  font-size: 17px;\n  line-height: 1.5;\n\n  font-weight: 400;\n}\n\n\n#abera-hero-v4 .ahv4-check {\n  width: 26px;\n  height: 26px;\n\n  flex:\n    0 0\n    26px;\n\n  display: inline-flex;\n\n  align-items: center;\n  justify-content: center;\n\n  margin-top: 1px;\n\n  border-radius: 50%;\n\n  background: var(--black);\n\n  color: var(--gold-light);\n\n  font-size: 13px;\n  line-height: 1;\n\n  font-weight: 600;\n}\n\n\n\/* =========================================================\nIMAGE\n========================================================= *\/\n\n#abera-hero-v4 .ahv4-media {\n  position: relative;\n\n  width: 100%;\n\n  aspect-ratio: 1 \/ 1;\n\n  display: flex;\n\n  align-items: center;\n  justify-content: center;\n\n  overflow: visible;\n\n  background: transparent;\n}\n\n\n#abera-hero-v4 .ahv4-media img {\n  width: 100%;\n  height: 100%;\n\n  display: block;\n\n  object-fit: cover;\n  object-position: center;\n\n  border: 10;\n  border-radius: 10;\n\n  background: transparent;\n\n  box-shadow: none;\n}\n\n\n\/* =========================================================\n15 MIN BADGE\n========================================================= *\/\n\n#abera-hero-v4 .ahv4-badge {\n  position: absolute;\n\n  z-index: 5;\n\n  top: 22px;\n  right: 22px;\n\n  width: 132px;\n  height: 132px;\n\n  display: flex;\n\n  flex-direction: column;\n\n  align-items: center;\n  justify-content: center;\n\n  border:\n    1px solid\n    var(--gold);\n\n  border-radius: 50%;\n\n  background:\n    rgba(15, 15, 15, .97);\n\n  text-align: center;\n}\n\n\n#abera-hero-v4 .ahv4-badge strong {\n  display: block;\n\n  color: var(--gold-light);\n\n  font-size: 30px;\n  line-height: 1;\n\n  font-weight: 500;\n}\n\n\n#abera-hero-v4 .ahv4-badge span {\n  display: block;\n\n  margin-top: 9px;\n\n  color: #ffffff;\n\n  font-size: 10px;\n  line-height: 1.25;\n\n  font-weight: 400;\n\n  text-transform: uppercase;\n}\n\n\n\/* =========================================================\nQUICK BENEFIT BAR\n========================================================= *\/\n\n#abera-hero-v4 .ahv4-benefits {\n  width: 100%;\n\n  background: var(--black);\n}\n\n\n#abera-hero-v4 .ahv4-benefits-grid {\n  width: 100%;\n\n  display: grid;\n\n  grid-template-columns:\n    repeat(4, minmax(0, 1fr));\n}\n\n\n\/* BENEFIT ITEM *\/\n\n#abera-hero-v4 .ahv4-benefit {\n  min-width: 0;\n\n  display: flex;\n\n  flex-direction: column;\n\n  align-items: center;\n  justify-content: center;\n\n  padding:\n    28px\n    18px;\n\n  border-right:\n    1px solid\n    rgba(255, 255, 255, .12);\n\n  text-align: center;\n}\n\n\n#abera-hero-v4\n.ahv4-benefit:last-child {\n  border-right: 0;\n}\n\n\n\/* SMALL LINE *\/\n\n#abera-hero-v4 .ahv4-benefit span {\n  display: block;\n\n  margin-bottom: 5px;\n\n  color: #d2cec8;\n\n  font-size: 15px;\n  line-height: 1.35;\n\n  font-weight: 400;\n}\n\n\n\/* STRONG LINE *\/\n\n#abera-hero-v4 .ahv4-benefit strong {\n  display: block;\n\n  margin: 0;\n\n  color: var(--gold-light);\n\n  font-size: 20px;\n  line-height: 1.3;\n\n  font-weight: 600;\n\n  text-transform: none;\n}\n\n\n\/* =========================================================\nTABLET\n========================================================= *\/\n\n@media\n(min-width: 768px)\nand\n(max-width: 1199px) {\n\n  #abera-hero-v4 .ahv4-main {\n    padding:\n      45px\n      0\n      55px;\n  }\n\n\n  #abera-hero-v4 .ahv4-container {\n    padding-left: 34px;\n    padding-right: 34px;\n  }\n\n\n  #abera-hero-v4 .ahv4-grid {\n    grid-template-columns:\n      minmax(0, 1fr)\n      minmax(340px, .9fr);\n\n    gap: 38px;\n  }\n\n\n  #abera-hero-v4 .ahv4-title {\n    font-size:\n      clamp(30px, 4vw, 50px);\n\n    letter-spacing: -2px;\n  }\n\n\n  #abera-hero-v4 .ahv4-description {\n    font-size: 16px;\n  }\n\n\n  #abera-hero-v4 .ahv4-usps {\n    grid-template-columns: 1fr;\n\n    gap: 13px;\n  }\n\n\n  #abera-hero-v4 .ahv4-usp {\n    font-size: 15px;\n  }\n\n\n  #abera-hero-v4 .ahv4-badge {\n    width: 100px;\n    height: 100px;\n\n    top: 14px;\n    right: 14px;\n  }\n\n\n  #abera-hero-v4 .ahv4-badge strong {\n    font-size: 23px;\n  }\n\n\n  #abera-hero-v4 .ahv4-badge span {\n    font-size: 8px;\n  }\n\n\n  #abera-hero-v4 .ahv4-benefit strong {\n    font-size: 17px;\n  }\n\n\n  #abera-hero-v4 .ahv4-benefit span {\n    font-size: 13px;\n  }\n\n}\n\n\n\/* =========================================================\nMOBILE\n========================================================= *\/\n\n@media (max-width: 767px) {\n\n  #abera-hero-v4 .ahv4-main {\n    padding:\n      16px\n      0\n      34px;\n  }\n\n\n  #abera-hero-v4 .ahv4-container {\n    padding-left: 16px;\n    padding-right: 16px;\n  }\n\n\n  \/* IMAGE FIRST *\/\n\n  #abera-hero-v4 .ahv4-grid {\n    display: flex;\n\n    flex-direction: column;\n\n    gap: 27px;\n  }\n\n\n  #abera-hero-v4 .ahv4-media {\n    order: 1;\n  }\n\n\n  #abera-hero-v4 .ahv4-copy {\n    order: 2;\n\n    width: 100%;\n  }\n\n\n  \/* EYEBROW *\/\n\n  #abera-hero-v4 .ahv4-eyebrow {\n    margin-bottom: 18px;\n\n    padding:\n      8px\n      12px;\n\n    font-size: 10px;\n\n    letter-spacing: 1px;\n  }\n\n\n  \/* TITLE *\/\n\n  #abera-hero-v4 .ahv4-title {\n    width: 100%;\n\n    margin-bottom: 20px;\n\n    font-size:\n      clamp(40px, 3vw, 40px);\n\n    line-height: 1.02;\n\n    letter-spacing: -1.6px;\n\n    white-space: normal;\n\n    word-break: normal;\n  }\n\n\n  #abera-hero-v4 .ahv4-title span {\n    margin-top: 5px;\n  }\n\n\n  \/* DESCRIPTION *\/\n\n  #abera-hero-v4 .ahv4-description {\n    width: 100%;\n\n    margin-bottom: 23px;\n\n    font-size: 16px;\n    line-height: 1.62;\n\n    word-break: normal;\n\n    overflow-wrap: break-word;\n\n    hyphens: none;\n\n    -webkit-hyphens: none;\n  }\n\n\n  \/* USP *\/\n\n  #abera-hero-v4 .ahv4-usps {\n    width: 100%;\n\n    grid-template-columns: 1fr;\n\n    gap: 13px;\n  }\n\n\n  #abera-hero-v4 .ahv4-usp {\n    width: 100%;\n\n    gap: 10px;\n\n    font-size: 15px;\n    line-height: 1.5;\n\n    word-break: normal;\n\n    overflow-wrap: break-word;\n  }\n\n\n  #abera-hero-v4 .ahv4-check {\n    width: 22px;\n    height: 22px;\n\n    flex:\n      0 0\n      22px;\n\n    font-size: 11px;\n  }\n\n\n  \/* IMAGE *\/\n\n  #abera-hero-v4 .ahv4-media {\n    width: 100%;\n\n    aspect-ratio: 1 \/ 1;\n  }\n\n\n  #abera-hero-v4 .ahv4-media img {\n    width: 100%;\n    height: 100%;\n\n    object-fit: cover;\n  }\n\n\n  \/* BADGE *\/\n\n  #abera-hero-v4 .ahv4-badge {\n    width: 86px;\n    height: 86px;\n\n    top: 10px;\n    right: 10px;\n  }\n\n\n  #abera-hero-v4 .ahv4-badge strong {\n    font-size: 20px;\n  }\n\n\n  #abera-hero-v4 .ahv4-badge span {\n    margin-top: 5px;\n\n    font-size: 7px;\n  }\n\n\n  \/* =====================================================\n  QUICK BENEFITS — 2 × 2\n  ===================================================== *\/\n\n  #abera-hero-v4 .ahv4-benefits-grid {\n    grid-template-columns:\n      repeat(2, minmax(0, 1fr));\n  }\n\n\n  #abera-hero-v4 .ahv4-benefit {\n    min-height: 110px;\n\n    padding:\n      18px\n      10px;\n  }\n\n\n  #abera-hero-v4\n  .ahv4-benefit:nth-child(2n) {\n\n    border-right: 0;\n\n  }\n\n\n  #abera-hero-v4\n  .ahv4-benefit:nth-child(-n+2) {\n\n    border-bottom:\n      1px solid\n      rgba(255,255,255,.12);\n\n  }\n\n\n  #abera-hero-v4 .ahv4-benefit span {\n    margin-bottom: 5px;\n\n    font-size: 12px;\n    line-height: 1.35;\n  }\n\n\n  #abera-hero-v4 .ahv4-benefit strong {\n    font-size: 15px;\n    line-height: 1.35;\n\n    word-break: normal;\n\n    overflow-wrap: normal;\n\n    hyphens: none;\n  }\n\n}\n\n\u003c\/style\u003e\n\u003csection id=\"abera-hero-v4\"\u003e\u003c!-- =========================================================\nHERO\n========================================================= --\u003e\n\u003cdiv class=\"ahv4-main\"\u003e\n\u003cdiv class=\"ahv4-container\"\u003e\n\u003cdiv class=\"ahv4-grid\"\u003e\u003c!-- LEFT --\u003e\n\u003cdiv class=\"ahv4-copy\"\u003e\n\u003cdiv class=\"ahv4-eyebrow\"\u003eCHAMPÚ TINTE INSTANTÁNEO ABERA\u003c\/div\u003e\n\u003ch1 class=\"ahv4-title\"\u003e¿CANAS? \u003cspan\u003e SOLO 15 MINUTOS. \u003c\/span\u003e\u003c\/h1\u003e\n\u003cp class=\"ahv4-description\"\u003e\u003cstrong\u003e Cubre las canas visibles en casa \u003c\/strong\u003e — sin cita en el salón ni mezclas complicadas de tinte. ABERA combina color, limpieza y acondicionamiento en una sencilla rutina tipo champú.\u003c\/p\u003e\n\u003cdiv class=\"ahv4-usps\"\u003e\n\u003cdiv class=\"ahv4-usp\"\u003e\u003cspan class=\"ahv4-check\"\u003e ✓ \u003c\/span\u003e \u003cspan\u003e Cobertura visible de canas en aproximadamente 15 minutos \u003c\/span\u003e\u003c\/div\u003e\n\u003cdiv class=\"ahv4-usp\"\u003e\u003cspan class=\"ahv4-check\"\u003e ✓ \u003c\/span\u003e \u003cspan\u003e 10 prácticos sobres individuales \u003c\/span\u003e\u003c\/div\u003e\n\u003cdiv class=\"ahv4-usp\"\u003e\u003cspan class=\"ahv4-check\"\u003e ✓ \u003c\/span\u003e \u003cspan\u003e 3 en 1: Color + Limpieza + Acondicionamiento \u003c\/span\u003e\u003c\/div\u003e\n\u003cdiv class=\"ahv4-usp\"\u003e\u003cspan class=\"ahv4-check\"\u003e ✓ \u003c\/span\u003e \u003cspan\u003e Fórmula sin amoníaco \u003c\/span\u003e\u003c\/div\u003e\n\u003cdiv class=\"ahv4-usp\"\u003e\u003cspan class=\"ahv4-check\"\u003e ✓ \u003c\/span\u003e \u003cspan\u003e Para hombres y mujeres \u003c\/span\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- RIGHT IMAGE --\u003e\n\u003cdiv class=\"ahv4-media\"\u003e\u003cimg alt=\"Champú Tinte Instantáneo ABERA\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/ChatGPT_45.webp?v=1787211684\"\u003e\n\u003cdiv class=\"ahv4-badge\"\u003e\u003cstrong\u003e 15 MIN \u003c\/strong\u003e \u003cspan\u003e COBERTURA RÁPIDA\u003cbr\u003eDE CANAS \u003c\/span\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- =========================================================\nUPDATED QUICK BENEFIT BAR\n========================================================= --\u003e\n\u003cdiv class=\"ahv4-benefits\"\u003e\n\u003cdiv class=\"ahv4-benefits-grid\"\u003e\u003c!-- 01 --\u003e\n\u003cdiv class=\"ahv4-benefit\"\u003e\u003cspan\u003e Cubre las canas \u003c\/span\u003e \u003cstrong\u003e en solo 10 minutos \u003c\/strong\u003e\u003c\/div\u003e\n\u003c!-- 02 --\u003e\n\u003cdiv class=\"ahv4-benefit\"\u003e\u003cspan\u003e Protege el cabello con \u003c\/span\u003e \u003cstrong\u003e fórmula sin amoníaco \u003c\/strong\u003e\u003c\/div\u003e\n\u003c!-- 03 --\u003e\n\u003cdiv class=\"ahv4-benefit\"\u003e\u003cspan\u003e Tan fácil como \u003c\/span\u003e \u003cstrong\u003e un champú normal \u003c\/strong\u003e\u003c\/div\u003e\n\u003c!-- 04 --\u003e\n\u003cdiv class=\"ahv4-benefit\"\u003e\u003cspan\u003e Apto para \u003c\/span\u003e \u003cstrong\u003e TODO tipo de cabello \u003c\/strong\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- =========================================================\nABERA HAIR DYE — HOW IT WORKS\nBEIGE CONTINUOUS BACKGROUND\nDESKTOP: VIDEO LEFT + 3 STEPS RIGHT\nMOBILE: VIDEO TOP + STEPS BELOW\n========================================================= --\u003e\n\u003cstyle\u003e\n\n\/* =========================================================\nGLOBAL LANDING PAGE BACKGROUND FIX\nREMOVE WHITE GAPS BETWEEN SHOPIFY SECTIONS\n========================================================= *\/\n\n\/*\nMàu nền chung của toàn bộ phần MainContent.\nGiúp tránh lộ nền trắng của Shopify giữa các section.\n*\/\n\n#MainContent {\n  background: #f7f3ec !important;\n}\n\n\n\/*\nNếu các section ABERA nằm trong nhiều Custom Liquid khác nhau,\nép wrapper Shopify về cùng nền be và bỏ margin\/padding ngoài.\n*\/\n\n#MainContent .shopify-section:has([id^=\"abera-\"]) {\n  margin-top: 0 !important;\n  margin-bottom: 0 !important;\n\n  padding-top: 0 !important;\n  padding-bottom: 0 !important;\n\n  background: #f7f3ec !important;\n}\n\n\n\/*\nKhông để khoảng trắng phát sinh giữa 2 ABERA section kế tiếp.\n*\/\n\n#MainContent\n.shopify-section:has([id^=\"abera-\"])\n+\n.shopify-section:has([id^=\"abera-\"]) {\n  margin-top: 0 !important;\n  padding-top: 0 !important;\n}\n\n\n\/* =========================================================\nROOT\n========================================================= *\/\n\n#abera-how-v4,\n#abera-how-v4 * {\n  box-sizing: border-box;\n}\n\n\n#abera-how-v4 {\n  --black: #0f0f0f;\n\n  --gold: #b07d2f;\n  --gold-light: #e7cf9e;\n\n  --ivory: #f7f3ec;\n\n  --white: #ffffff;\n\n  --text: #171717;\n  --muted: #69635c;\n\n  --line: #ddd2c1;\n\n\n  width: 100%;\n\n  margin: 0 !important;\n  padding: 0 !important;\n\n  overflow: hidden;\n\n  background: var(--ivory);\n\n  color: var(--text);\n\n  font-family:\n    \"Inter\",\n    Arial,\n    sans-serif;\n}\n\n\n\/* =========================================================\nSECTION INNER\n========================================================= *\/\n\n#abera-how-v4 .ahw4-main {\n  width: 100%;\n\n  margin: 0;\n\n  padding:\n    clamp(48px, 5vw, 76px)\n    0\n    clamp(54px, 5vw, 80px);\n\n  background: var(--ivory);\n}\n\n\n\/* =========================================================\nCONTAINER\n========================================================= *\/\n\n#abera-how-v4 .ahw4-container {\n  width: 100%;\n\n  max-width: 1500px;\n\n  margin: 0 auto;\n\n  padding-left:\n    clamp(36px, 7vw, 112px);\n\n  padding-right:\n    clamp(36px, 7vw, 112px);\n}\n\n\n\/* =========================================================\nHEADER\n========================================================= *\/\n\n#abera-how-v4 .ahw4-header {\n  width: 100%;\n\n  max-width: 1100px;\n\n  margin:\n    0\n    auto\n    clamp(42px, 5vw, 65px);\n\n  text-align: center;\n}\n\n\n\/* EYEBROW *\/\n\n#abera-how-v4 .ahw4-eyebrow {\n  margin:\n    0\n    0\n    13px;\n\n  padding: 0;\n\n  color: var(--gold);\n\n  font-size: 15px;\n  line-height: 1.3;\n\n  font-weight: 600;\n\n  letter-spacing: 1.5px;\n\n  text-transform: uppercase;\n}\n\n\n\/* TITLE *\/\n\n#abera-how-v4 .ahw4-title {\n  width: 100%;\n\n  margin: 0;\n\n  padding: 0;\n\n  color: var(--black);\n\n  font-size:\n    clamp(30px, 4vw, 40px);\n\n  line-height: 1.12;\n\n  font-weight: 600;\n\n  letter-spacing: 0;\n\n  text-align: center;\n\n  text-wrap: balance;\n}\n\n\n\/* =========================================================\nCONTENT GRID\n========================================================= *\/\n\n#abera-how-v4 .ahw4-grid {\n  width: 100%;\n\n  display: grid;\n\n  grid-template-columns:\n    minmax(0, 1fr)\n    minmax(0, 1fr);\n\n  gap:\n    clamp(55px, 7vw, 92px);\n\n  align-items: center;\n}\n\n\n\/* =========================================================\nVIDEO\n========================================================= *\/\n\n#abera-how-v4 .ahw4-video {\n  position: relative;\n\n  width: 100%;\n\n  aspect-ratio: 1 \/ 1;\n\n  overflow: hidden;\n\n  border-radius: 14px;\n\n  background: #111111;\n\n  box-shadow:\n    0 4px 14px\n    rgba(0,0,0,.045);\n}\n\n\n#abera-how-v4 .ahw4-video video {\n  position: absolute;\n\n  inset: 0;\n\n  width: 100% !important;\n  height: 100% !important;\n\n  display: block;\n\n  margin: 0;\n  padding: 0;\n\n  border: 0;\n\n  background: #111111;\n\n  object-fit: cover;\n  object-position: center;\n}\n\n\n\/* =========================================================\nSTEPS\n========================================================= *\/\n\n#abera-how-v4 .ahw4-steps {\n  width: 100%;\n\n  display: grid;\n\n  gap: 18px;\n}\n\n\n\/* =========================================================\nSTEP CARD\n========================================================= *\/\n\n#abera-how-v4 .ahw4-step {\n  width: 100%;\n\n  min-width: 0;\n\n  display: grid;\n\n  grid-template-columns:\n    66px\n    minmax(0, 1fr);\n\n  gap: 20px;\n\n  align-items: center;\n\n  padding:\n    25px\n    28px;\n\n  border:\n    1px solid\n    var(--line);\n\n  border-radius: 13px;\n\n  background:\n    rgba(255,255,255,.80);\n}\n\n\n\/* =========================================================\nNUMBER\n========================================================= *\/\n\n#abera-how-v4 .ahw4-number {\n  width: 66px;\n  height: 66px;\n\n  display: flex;\n\n  align-items: center;\n  justify-content: center;\n\n  border-radius: 50%;\n\n  background: var(--black);\n\n  color: var(--gold);\n\n  font-size: 17px;\n  line-height: 1;\n\n  font-weight: 500;\n}\n\n\n\/* =========================================================\nSTEP COPY\n========================================================= *\/\n\n#abera-how-v4 .ahw4-step-copy {\n  min-width: 0;\n}\n\n\n#abera-how-v4 .ahw4-step-title {\n  margin:\n    0\n    0\n    6px;\n\n  padding: 0;\n\n  color: var(--black);\n\n  font-size: 18px;\n  line-height: 1.25;\n\n  font-weight: 600;\n\n  text-transform: uppercase;\n}\n\n\n#abera-how-v4 .ahw4-step-text {\n  width: 100%;\n\n  margin: 0;\n  padding: 0;\n\n  color: var(--muted);\n\n  font-size: 16px;\n  line-height: 1.6;\n\n  font-weight: 400;\n\n  word-break: normal;\n\n  overflow-wrap: break-word;\n\n  hyphens: none;\n\n  -webkit-hyphens: none;\n}\n\n\n\/* =========================================================\nTABLET\n========================================================= *\/\n\n@media\n(min-width: 768px)\nand\n(max-width: 1199px) {\n\n  #abera-how-v4 .ahw4-main {\n    padding:\n      44px\n      0\n      55px;\n  }\n\n\n  #abera-how-v4 .ahw4-container {\n    padding-left: 34px;\n    padding-right: 34px;\n  }\n\n\n  #abera-how-v4 .ahw4-header {\n    margin-bottom: 38px;\n  }\n\n\n  #abera-how-v4 .ahw4-title {\n    font-size:\n      clamp(30px, 4vw, 42px);\n  }\n\n\n  #abera-how-v4 .ahw4-grid {\n    gap: 34px;\n  }\n\n\n  #abera-how-v4 .ahw4-step {\n    grid-template-columns:\n      54px\n      minmax(0, 1fr);\n\n    gap: 15px;\n\n    padding:\n      18px\n      19px;\n  }\n\n\n  #abera-how-v4 .ahw4-number {\n    width: 54px;\n    height: 54px;\n\n    font-size: 15px;\n  }\n\n\n  #abera-how-v4 .ahw4-step-title {\n    font-size: 16px;\n  }\n\n\n  #abera-how-v4 .ahw4-step-text {\n    font-size: 14px;\n    line-height: 1.55;\n  }\n\n}\n\n\n\/* =========================================================\nMOBILE\n========================================================= *\/\n\n@media (max-width: 767px) {\n\n  #abera-how-v4 {\n    margin: 0 !important;\n    padding: 0 !important;\n\n    background: var(--ivory);\n  }\n\n\n  #abera-how-v4 .ahw4-main {\n    margin: 0;\n\n    padding:\n      34px\n      0\n      40px;\n\n    background: var(--ivory);\n  }\n\n\n  #abera-how-v4 .ahw4-container {\n    padding-left: 16px;\n    padding-right: 16px;\n  }\n\n\n  \/* HEADER *\/\n\n  #abera-how-v4 .ahw4-header {\n    margin-bottom: 26px;\n  }\n\n\n  #abera-how-v4 .ahw4-eyebrow {\n    margin-bottom: 9px;\n\n    font-size: 12px;\n\n    letter-spacing: 1.3px;\n  }\n\n\n  #abera-how-v4 .ahw4-title {\n    font-size:\n      clamp(25px, 4vw, 31px);\n\n    line-height: 1.3;\n\n    letter-spacing: 0;\n\n    word-break: normal;\n\n    overflow-wrap: normal;\n\n    hyphens: none;\n  }\n\n\n  \/* =====================================================\n  VIDEO FIRST\n  ===================================================== *\/\n\n  #abera-how-v4 .ahw4-grid {\n    display: flex;\n\n    flex-direction: column;\n\n    gap: 22px;\n  }\n\n\n  #abera-how-v4 .ahw4-video {\n    order: 1;\n\n    width: 100%;\n\n    aspect-ratio: 1 \/ 1;\n\n    border-radius: 11px;\n  }\n\n\n  #abera-how-v4 .ahw4-steps {\n    order: 2;\n\n    width: 100%;\n\n    gap: 12px;\n  }\n\n\n  \/* =====================================================\n  MOBILE STEP\n  ===================================================== *\/\n\n  #abera-how-v4 .ahw4-step {\n    width: 100%;\n\n    grid-template-columns:\n      48px\n      minmax(0, 1fr);\n\n    gap: 13px;\n\n    padding:\n      16px\n      15px;\n\n    border-radius: 10px;\n  }\n\n\n  #abera-how-v4 .ahw4-number {\n    width: 48px;\n    height: 48px;\n\n    font-size: 13px;\n  }\n\n\n  #abera-how-v4 .ahw4-step-title {\n    margin-bottom: 4px;\n\n    font-size: 16px;\n    line-height: 1.3;\n  }\n\n\n  #abera-how-v4 .ahw4-step-text {\n    font-size: 14px;\n    line-height: 1.5;\n\n    word-break: normal !important;\n\n    overflow-wrap: break-word !important;\n\n    hyphens: none !important;\n\n    -webkit-hyphens: none !important;\n  }\n\n}\n\n\u003c\/style\u003e\n\u003csection id=\"abera-how-v4\"\u003e\u003c!-- =========================================================\nHOW IT WORKS CONTENT\n========================================================= --\u003e\n\u003cdiv class=\"ahw4-main\"\u003e\n\u003cdiv class=\"ahw4-container\"\u003e\u003c!-- HEADER --\u003e\n\u003cdiv class=\"ahw4-header\"\u003e\n\u003cp class=\"ahw4-eyebrow\"\u003eCÓMO FUNCIONA\u003c\/p\u003e\n\u003ch2 class=\"ahw4-title\"\u003eCOBERTURA DE CANAS EN 3 SENCILLOS PASOS.\u003c\/h2\u003e\n\u003c\/div\u003e\n\u003c!-- CONTENT --\u003e\n\u003cdiv class=\"ahw4-grid\"\u003e\u003c!-- ===================================================\n      VIDEO\n      ==================================================== --\u003e\n\u003cdiv class=\"ahw4-video\"\u003e\u003cvideo preload=\"metadata\" playsinline=\"\" controls=\"controls\" poster=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/ChatGPT_60.webp?v=1787234601\" src=\"https:\/\/cdn.shopify.com\/videos\/c\/o\/v\/7ee1dbdd3dc2403fabf9d73023990903.mp4\"\u003e\u003c\/video\u003e\u003c\/div\u003e\n\u003c!-- ===================================================\n      STEPS\n      ==================================================== --\u003e\n\u003cdiv class=\"ahw4-steps\"\u003e\u003c!-- 01 --\u003e\n\u003cdiv class=\"ahw4-step\"\u003e\n\u003cdiv class=\"ahw4-number\"\u003e01\u003c\/div\u003e\n\u003cdiv class=\"ahw4-step-copy\"\u003e\n\u003ch3 class=\"ahw4-step-title\"\u003eVIERTE\u003c\/h3\u003e\n\u003cp class=\"ahw4-step-text\"\u003ePonte los guantes incluidos. Vierte la cantidad de champú en la palma de la mano.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 02 --\u003e\n\u003cdiv class=\"ahw4-step\"\u003e\n\u003cdiv class=\"ahw4-number\"\u003e02\u003c\/div\u003e\n\u003cdiv class=\"ahw4-step-copy\"\u003e\n\u003ch3 class=\"ahw4-step-title\"\u003eAPLICA\u003c\/h3\u003e\n\u003cp class=\"ahw4-step-text\"\u003eAplica uniformemente sobre el cabello seco, masajeando desde la raíz hasta las puntas. Déjalo actuar de 15 a 20 minutos para que el color se desarrolle por completo.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 03 --\u003e\n\u003cdiv class=\"ahw4-step\"\u003e\n\u003cdiv class=\"ahw4-number\"\u003e03\u003c\/div\u003e\n\u003cdiv class=\"ahw4-step-copy\"\u003e\n\u003ch3 class=\"ahw4-step-title\"\u003eENJUAGA\u003c\/h3\u003e\n\u003cp class=\"ahw4-step-text\"\u003eEnjuaga bien con agua hasta que salga clara, luego seca con una toalla y disfruta de tu nuevo color vibrante.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- =========================================================\nABERA HAIR DYE — BEFORE \/ AFTER RESULTS\nCONTINUOUS BEIGE BACKGROUND\nDESKTOP: 5 CARDS \/ ROW\nMOBILE: 1 CARD + NEXT PREVIEW\n========================================================= --\u003e\n\u003cstyle\u003e\n\n\/* =========================================================\nGLOBAL PAGE BACKGROUND\nREMOVE WHITE GAPS BETWEEN SHOPIFY CUSTOM LIQUID SECTIONS\n========================================================= *\/\n\n#MainContent {\n  background: #f7f3ec !important;\n}\n\n\n\/* ABERA SHOPIFY WRAPPERS *\/\n\n#MainContent .shopify-section:has([id^=\"abera-\"]) {\n  margin-top: 0 !important;\n  margin-bottom: 0 !important;\n\n  padding-top: 0 !important;\n  padding-bottom: 0 !important;\n\n  background: #f7f3ec !important;\n}\n\n\n\/* REMOVE GAP BETWEEN ADJACENT ABERA SECTIONS *\/\n\n#MainContent\n.shopify-section:has([id^=\"abera-\"])\n+\n.shopify-section:has([id^=\"abera-\"]) {\n\n  margin-top: 0 !important;\n  padding-top: 0 !important;\n\n}\n\n\n\/* =========================================================\nROOT\n========================================================= *\/\n\n#abera-results-v4,\n#abera-results-v4 * {\n  box-sizing: border-box;\n}\n\n\n#abera-results-v4 {\n  --black: #0f0f0f;\n\n  --gold: #b07d2f;\n  --gold-main: #c89c46;\n  --gold-light: #ead5aa;\n\n  --ivory: #f7f3ec;\n\n  --white: #ffffff;\n\n  --text: #171717;\n  --muted: #615b54;\n\n  --line: #ddd3c4;\n\n  --green: #557963;\n\n\n  width: 100%;\n\n  margin: 0 !important;\n  padding: 0 !important;\n\n  overflow: hidden;\n\n  background: var(--ivory);\n\n  color: var(--text);\n\n  font-family:\n    \"Inter\",\n    Arial,\n    sans-serif;\n}\n\n\n\/* =========================================================\nSECTION INNER\n========================================================= *\/\n\n#abera-results-v4 .abr4-main {\n  width: 100%;\n\n  margin: 0;\n\n  padding:\n    clamp(48px, 5vw, 76px)\n    0\n    clamp(56px, 5vw, 82px);\n\n  background: var(--ivory);\n}\n\n\n\/* =========================================================\nCONTAINER\n========================================================= *\/\n\n#abera-results-v4 .abr4-container {\n  width: 100%;\n\n  max-width: 1500px;\n\n  margin: 0 auto;\n\n  padding-left:\n    clamp(36px, 7vw, 112px);\n\n  padding-right:\n    clamp(36px, 7vw, 112px);\n}\n\n\n\/* =========================================================\nHEADER\n========================================================= *\/\n\n#abera-results-v4 .abr4-header {\n  width: 100%;\n\n  max-width: 1150px;\n\n  margin:\n    0\n    auto\n    clamp(38px, 4vw, 52px);\n\n  text-align: center;\n}\n\n\n\/* EYEBROW *\/\n\n#abera-results-v4 .abr4-eyebrow {\n  margin:\n    0\n    0\n    12px;\n\n  color: var(--gold);\n\n  font-size: 13px;\n  line-height: 1.3;\n\n  font-weight: 600;\n\n  letter-spacing: 1.4px;\n\n  text-transform: uppercase;\n}\n\n\n\/* MAIN TITLE *\/\n\n#abera-results-v4 .abr4-title {\n  width: 100%;\n\n  margin:\n    0\n    auto\n    12px;\n\n  color: var(--black);\n\n  font-size:\n    clamp(30px, 4vw, 40px);\n\n  line-height: 1.15;\n\n  font-weight: 600;\n\n  letter-spacing: 0;\n\n  text-align: center;\n\n  text-wrap: balance;\n}\n\n\n\/* SUBTITLE *\/\n\n#abera-results-v4 .abr4-subtitle {\n  margin: 0;\n\n  color: #777168;\n\n  font-size: 14px;\n  line-height: 1.55;\n\n  font-weight: 400;\n\n  text-align: center;\n}\n\n\n\/* =========================================================\nRESULT GROUP\n========================================================= *\/\n\n#abera-results-v4 .abr4-group {\n  width: 100%;\n}\n\n\n#abera-results-v4\n.abr4-group\n+\n.abr4-group {\n\n  margin-top:\n    clamp(46px, 5vw, 66px);\n\n}\n\n\n\/* =========================================================\nGROUP HEADER\n========================================================= *\/\n\n#abera-results-v4 .abr4-group-header {\n  width: 100%;\n\n  display: flex;\n\n  align-items: center;\n\n  margin-bottom: 22px;\n}\n\n\n\/* BLACK LABEL *\/\n\n#abera-results-v4 .abr4-group-label {\n  flex: 0 0 auto;\n\n  min-width: 220px;\n\n  display: inline-flex;\n\n  align-items: center;\n  justify-content: center;\n\n  padding:\n    11px\n    24px;\n\n  border:\n    1px solid\n    var(--gold-main);\n\n  border-radius: 5px;\n\n  background: var(--black);\n\n  color: var(--gold-light);\n\n  font-size: 24px;\n  line-height: 1.2;\n\n  font-weight: 700;\n\n  letter-spacing: .4px;\n\n  text-align: center;\n\n  text-transform: uppercase;\n}\n\n\n\/* GOLD LINE *\/\n\n#abera-results-v4 .abr4-group-line {\n  flex: 1;\n\n  height: 1px;\n\n  margin-left: 16px;\n\n  background:\n    linear-gradient(\n      to right,\n      var(--gold-main),\n      rgba(200,156,70,.07)\n    );\n}\n\n\n\/* =========================================================\nTRACK\n========================================================= *\/\n\n#abera-results-v4 .abr4-track {\n  width: 100%;\n\n  display: flex;\n\n  gap: 16px;\n\n  padding:\n    1px\n    1px\n    8px;\n\n  scroll-snap-type: x mandatory;\n\n  scroll-behavior: smooth;\n\n  scrollbar-width: none;\n\n  -webkit-overflow-scrolling: touch;\n}\n\n\n#abera-results-v4\n.abr4-track::-webkit-scrollbar {\n\n  display: none;\n\n}\n\n\n\/* =========================================================\nCARD\n========================================================= *\/\n\n#abera-results-v4 .abr4-card {\n  min-width: 0;\n\n  overflow: hidden;\n\n  border:\n    1px solid\n    var(--line);\n\n  border-radius: 10px;\n\n  background: var(--white);\n\n  box-shadow:\n    0 3px 10px\n    rgba(0,0,0,.035);\n\n  scroll-snap-align: start;\n}\n\n\n\/* =========================================================\nIMAGE\n========================================================= *\/\n\n#abera-results-v4 .abr4-image {\n  position: relative;\n\n  width: 100%;\n\n  aspect-ratio: 1 \/ 1;\n\n  overflow: hidden;\n\n  background: #ddd7cd;\n}\n\n\n#abera-results-v4 .abr4-image img {\n  width: 100%;\n  height: 100%;\n\n  display: block;\n\n  object-fit: cover;\n  object-position: center;\n}\n\n\n\/* =========================================================\nBEFORE \/ AFTER TAGS\n========================================================= *\/\n\n#abera-results-v4 .abr4-tag {\n  position: absolute;\n\n  bottom: 8px;\n\n  z-index: 3;\n\n  padding:\n    5px\n    9px;\n\n  border-radius: 999px;\n\n  font-size: 8px;\n  line-height: 1;\n\n  font-weight: 600;\n\n  letter-spacing: .6px;\n\n  text-transform: uppercase;\n}\n\n\n#abera-results-v4 .abr4-before {\n  left: 8px;\n\n  background:\n    rgba(15,15,15,.95);\n\n  color: #ffffff;\n}\n\n\n#abera-results-v4 .abr4-after {\n  right: 8px;\n\n  background: var(--gold-main);\n\n  color: var(--black);\n}\n\n\n\/* =========================================================\nCARD BODY\n========================================================= *\/\n\n#abera-results-v4 .abr4-body {\n  padding:\n    15px\n    15px\n    17px;\n}\n\n\n\/* STARS *\/\n\n#abera-results-v4 .abr4-stars {\n  margin:\n    0\n    0\n    10px;\n\n  color: #c79637;\n\n  font-size: 15px;\n  line-height: 1;\n\n  letter-spacing: 1px;\n\n  white-space: nowrap;\n}\n\n\n\/* REVIEW *\/\n\n#abera-results-v4 .abr4-review {\n  min-height: 92px;\n\n  margin:\n    0\n    0\n    14px;\n\n  color: #55504a;\n\n  font-size: 12px;\n  line-height: 1.55;\n\n  font-weight: 400;\n\n  word-break: normal;\n\n  overflow-wrap: break-word;\n\n  hyphens: none;\n\n  -webkit-hyphens: none;\n}\n\n\n\/* =========================================================\nCUSTOMER\n========================================================= *\/\n\n#abera-results-v4 .abr4-customer strong {\n  display: block;\n\n  margin-bottom: 2px;\n\n  color: var(--black);\n\n  font-size: 12px;\n  line-height: 1.35;\n\n  font-weight: 500;\n}\n\n\n#abera-results-v4 .abr4-location {\n  display: block;\n\n  color: #8a847c;\n\n  font-size: 10px;\n  line-height: 1.4;\n}\n\n\n\/* VERIFIED *\/\n\n#abera-results-v4 .abr4-verified {\n  display: inline-flex;\n\n  align-items: center;\n\n  gap: 5px;\n\n  margin-top: 8px;\n\n  color: var(--green);\n\n  font-size: 9px;\n  line-height: 1.2;\n\n  font-weight: 500;\n\n  white-space: nowrap;\n}\n\n\n#abera-results-v4 .abr4-verified-icon {\n  width: 14px;\n  height: 14px;\n\n  flex:\n    0 0\n    14px;\n\n  display: inline-flex;\n\n  align-items: center;\n  justify-content: center;\n\n  border-radius: 50%;\n\n  background: var(--green);\n\n  color: #ffffff;\n\n  font-size: 8px;\n}\n\n\n\/* =========================================================\nSWIPE TEXT\n========================================================= *\/\n\n#abera-results-v4 .abr4-swipe {\n  display: none;\n}\n\n\n\/* =========================================================\nDESKTOP — EXACTLY 5 CARDS\n========================================================= *\/\n\n@media (min-width: 1200px) {\n\n  #abera-results-v4 .abr4-track {\n    overflow: visible;\n\n    scroll-snap-type: none;\n  }\n\n\n  #abera-results-v4 .abr4-card {\n    flex:\n      0\n      0\n      calc((100% - 64px) \/ 5);\n  }\n\n}\n\n\n\/* =========================================================\nTABLET\n========================================================= *\/\n\n@media\n(min-width: 768px)\nand\n(max-width: 1199px) {\n\n  #abera-results-v4 .abr4-main {\n    padding:\n      44px\n      0\n      58px;\n  }\n\n\n  #abera-results-v4 .abr4-container {\n    padding-left: 34px;\n    padding-right: 34px;\n  }\n\n\n  #abera-results-v4 .abr4-header {\n    margin-bottom: 34px;\n  }\n\n\n  #abera-results-v4 .abr4-title {\n    font-size:\n      clamp(29px, 4vw, 38px);\n  }\n\n\n  #abera-results-v4 .abr4-track {\n    overflow-x: auto;\n    overflow-y: hidden;\n\n    overscroll-behavior-x: contain;\n  }\n\n\n  #abera-results-v4 .abr4-card {\n    flex:\n      0\n      0\n      42%;\n  }\n\n\n  #abera-results-v4 .abr4-swipe {\n    display: flex;\n\n    justify-content: flex-end;\n\n    gap: 5px;\n\n    margin-top: 5px;\n\n    color: #918a80;\n\n    font-size: 11px;\n  }\n\n\n  #abera-results-v4 .abr4-swipe strong {\n    color: var(--gold);\n\n    font-size: 15px;\n  }\n\n}\n\n\n\/* =========================================================\nMOBILE\n========================================================= *\/\n\n@media (max-width: 767px) {\n\n  #abera-results-v4 {\n    margin: 0 !important;\n    padding: 0 !important;\n\n    background: var(--ivory);\n  }\n\n\n  #abera-results-v4 .abr4-main {\n    margin: 0;\n\n    padding:\n      34px\n      0\n      42px;\n\n    background: var(--ivory);\n  }\n\n\n  #abera-results-v4 .abr4-container {\n    width: 100%;\n\n    padding-left: 16px;\n    padding-right: 16px;\n  }\n\n\n  \/* =====================================================\n  HEADER\n  ===================================================== *\/\n\n  #abera-results-v4 .abr4-header {\n    margin-bottom: 29px;\n  }\n\n\n  #abera-results-v4 .abr4-eyebrow {\n    margin-bottom: 9px;\n\n    font-size: 11px;\n\n    letter-spacing: 1.2px;\n  }\n\n\n  #abera-results-v4 .abr4-title {\n    width: 100%;\n\n    margin-bottom: 10px;\n\n    font-size:\n      clamp(20px, 4vw, 29px);\n\n    line-height: 1.4;\n\n    letter-spacing: 0;\n\n    word-break: normal;\n\n    overflow-wrap: normal;\n\n    hyphens: none;\n\n    -webkit-hyphens: none;\n  }\n\n\n  #abera-results-v4 .abr4-subtitle {\n    font-size: 14px;\n    line-height: 1.5;\n  }\n\n\n  \/* =====================================================\n  GROUP\n  ===================================================== *\/\n\n  #abera-results-v4\n  .abr4-group\n  +\n  .abr4-group {\n\n    margin-top: 42px;\n\n  }\n\n\n  #abera-results-v4 .abr4-group-header {\n    margin-bottom: 16px;\n  }\n\n\n  #abera-results-v4 .abr4-group-label {\n    min-width: 0;\n\n    padding:\n      9px\n      15px;\n\n    font-size: 12px;\n\n    border-radius: 5px;\n  }\n\n\n  #abera-results-v4 .abr4-group-line {\n    margin-left: 10px;\n  }\n\n\n  \/* =====================================================\n  MOBILE CAROUSEL\n  1 FULL CARD + NEXT CARD PREVIEW\n  ===================================================== *\/\n\n  #abera-results-v4 .abr4-track {\n    width: 100%;\n\n    gap: 12px;\n\n    overflow-x: auto;\n    overflow-y: hidden;\n\n    padding-bottom: 5px;\n\n    scroll-snap-type: x mandatory;\n\n    overscroll-behavior-x: contain;\n\n    -webkit-overflow-scrolling: touch;\n  }\n\n\n  #abera-results-v4 .abr4-card {\n    flex:\n      0\n      0\n      78%;\n\n    min-width: 78%;\n\n    scroll-snap-align: start;\n  }\n\n\n  \/* =====================================================\n  MOBILE CARD\n  ===================================================== *\/\n\n  #abera-results-v4 .abr4-body {\n    padding:\n      15px\n      15px\n      17px;\n  }\n\n\n  #abera-results-v4 .abr4-stars {\n    font-size: 16px;\n  }\n\n\n  #abera-results-v4 .abr4-review {\n    min-height: 0;\n\n    margin-bottom: 15px;\n\n    font-size: 14px;\n    line-height: 1.55;\n\n    word-break: normal !important;\n\n    overflow-wrap: break-word !important;\n\n    hyphens: none !important;\n\n    -webkit-hyphens: none !important;\n  }\n\n\n  #abera-results-v4 .abr4-customer strong {\n    font-size: 13px;\n  }\n\n\n  #abera-results-v4 .abr4-location {\n    font-size: 11px;\n  }\n\n\n  #abera-results-v4 .abr4-verified {\n    font-size: 10px;\n  }\n\n\n  #abera-results-v4 .abr4-tag {\n    bottom: 8px;\n\n    padding:\n      5px\n      8px;\n\n    font-size: 8px;\n  }\n\n\n  \/* SWIPE *\/\n\n  #abera-results-v4 .abr4-swipe {\n    display: flex;\n\n    align-items: center;\n    justify-content: flex-end;\n\n    gap: 5px;\n\n    margin-top: 6px;\n\n    color: #918a80;\n\n    font-size: 10px;\n  }\n\n\n  #abera-results-v4 .abr4-swipe strong {\n    color: var(--gold);\n\n    font-size: 14px;\n  }\n\n}\n\n\u003c\/style\u003e\n\u003csection id=\"abera-results-v4\"\u003e\u003c!-- =========================================================\nRESULTS CONTENT\n========================================================= --\u003e\n\u003cdiv class=\"abr4-main\"\u003e\n\u003cdiv class=\"abr4-container\"\u003e\u003c!-- =====================================================\n    HEADER\n    ====================================================== --\u003e\n\u003cdiv class=\"abr4-header\"\u003e\n\u003cp class=\"abr4-eyebrow\"\u003eLA DIFERENCIA EN 15 MINUTOS\u003c\/p\u003e\n\u003ch2 class=\"abr4-title\"\u003eDE CANAS VISIBLES A UN COLOR DE ASPECTO NATURAL\u003c\/h2\u003e\n\u003cp class=\"abr4-subtitle\"\u003eAplica. Masajea. Espera 15 minutos. Enjuaga.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- =====================================================\n    MEN'S RESULTS\n    ====================================================== --\u003e\n\u003cdiv class=\"abr4-group\"\u003e\n\u003cdiv class=\"abr4-group-header\"\u003e\n\u003cdiv class=\"abr4-group-label\"\u003eRESULTADOS EN HOMBRES\u003c\/div\u003e\n\u003cdiv class=\"abr4-group-line\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"abr4-track\"\u003e\u003c!-- MEN 01 --\u003e\n\u003carticle class=\"abr4-card\"\u003e\n\u003cdiv class=\"abr4-image\"\u003e\u003cimg alt=\"Resultado de canas en hombre con ABERA\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/ChatGPT_14.webp?v=1787212244\"\u003e \u003cspan class=\"abr4-tag abr4-before\"\u003e ANTES \u003c\/span\u003e \u003cspan class=\"abr4-tag abr4-after\"\u003e DESPUÉS \u003c\/span\u003e\u003c\/div\u003e\n\u003cdiv class=\"abr4-body\"\u003e\n\u003cdiv class=\"abr4-stars\"\u003e★★★★★\u003c\/div\u003e\n\u003cp class=\"abr4-review\"\u003e“Lo que más me gusta son los sobres individuales. Puedo llevar uno conmigo en lugar de cargar con un kit de tinte completo.”\u003c\/p\u003e\n\u003cdiv class=\"abr4-customer\"\u003e\u003cstrong\u003e David B. \u003c\/strong\u003e \u003cspan class=\"abr4-location\"\u003e California, EE. UU. \u003c\/span\u003e\u003c\/div\u003e\n\u003cdiv class=\"abr4-verified\"\u003e\u003cspan class=\"abr4-verified-icon\"\u003e ✓ \u003c\/span\u003e Cliente verificado\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/article\u003e\n\u003c!-- MEN 02 --\u003e\n\u003carticle class=\"abr4-card\"\u003e\n\u003cdiv class=\"abr4-image\"\u003e\u003cimg alt=\"Resultado de canas en hombre con ABERA\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/ChatGPT_17.webp?v=1787212244\"\u003e \u003cspan class=\"abr4-tag abr4-before\"\u003e ANTES \u003c\/span\u003e \u003cspan class=\"abr4-tag abr4-after\"\u003e DESPUÉS \u003c\/span\u003e\u003c\/div\u003e\n\u003cdiv class=\"abr4-body\"\u003e\n\u003cdiv class=\"abr4-stars\"\u003e★★★★★\u003c\/div\u003e\n\u003cp class=\"abr4-review\"\u003e“Lo uso principalmente alrededor de las sienes cuando empiezan a aparecer las canas. La rutina es rápida y sencilla.”\u003c\/p\u003e\n\u003cdiv class=\"abr4-customer\"\u003e\u003cstrong\u003e Michael R. \u003c\/strong\u003e \u003cspan class=\"abr4-location\"\u003e Texas, EE. UU. \u003c\/span\u003e\u003c\/div\u003e\n\u003cdiv class=\"abr4-verified\"\u003e\u003cspan class=\"abr4-verified-icon\"\u003e ✓ \u003c\/span\u003e Cliente verificado\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/article\u003e\n\u003c!-- MEN 03 --\u003e\n\u003carticle class=\"abr4-card\"\u003e\n\u003cdiv class=\"abr4-image\"\u003e\u003cimg alt=\"Resultado de canas en hombre con ABERA\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/ChatGPT_16.webp?v=1787212244\"\u003e \u003cspan class=\"abr4-tag abr4-before\"\u003e ANTES \u003c\/span\u003e \u003cspan class=\"abr4-tag abr4-after\"\u003e DESPUÉS \u003c\/span\u003e\u003c\/div\u003e\n\u003cdiv class=\"abr4-body\"\u003e\n\u003cdiv class=\"abr4-stars\"\u003e★★★★★\u003c\/div\u003e\n\u003cp class=\"abr4-review\"\u003e“No quería algo que se sintiera como un proceso completo de coloración. Esto se adapta mucho mejor a mi rutina.”\u003c\/p\u003e\n\u003cdiv class=\"abr4-customer\"\u003e\u003cstrong\u003e James K. \u003c\/strong\u003e \u003cspan class=\"abr4-location\"\u003e Florida, EE. UU. \u003c\/span\u003e\u003c\/div\u003e\n\u003cdiv class=\"abr4-verified\"\u003e\u003cspan class=\"abr4-verified-icon\"\u003e ✓ \u003c\/span\u003e Cliente verificado\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/article\u003e\n\u003c!-- MEN 04 --\u003e\n\u003carticle class=\"abr4-card\"\u003e\n\u003cdiv class=\"abr4-image\"\u003e\u003cimg alt=\"Resultado de canas en hombre con ABERA\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/ChatGPT_15.webp?v=1787212243\"\u003e \u003cspan class=\"abr4-tag abr4-before\"\u003e ANTES \u003c\/span\u003e \u003cspan class=\"abr4-tag abr4-after\"\u003e DESPUÉS \u003c\/span\u003e\u003c\/div\u003e\n\u003cdiv class=\"abr4-body\"\u003e\n\u003cdiv class=\"abr4-stars\"\u003e★★★★★\u003c\/div\u003e\n\u003cp class=\"abr4-review\"\u003e“Mucho más sencillo que los kits de tinte tradicionales que he usado antes.”\u003c\/p\u003e\n\u003cdiv class=\"abr4-customer\"\u003e\u003cstrong\u003e Robert T. \u003c\/strong\u003e \u003cspan class=\"abr4-location\"\u003e Arizona, EE. UU. \u003c\/span\u003e\u003c\/div\u003e\n\u003cdiv class=\"abr4-verified\"\u003e\u003cspan class=\"abr4-verified-icon\"\u003e ✓ \u003c\/span\u003e Cliente verificado\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/article\u003e\n\u003c!-- MEN 05 --\u003e\n\u003carticle class=\"abr4-card\"\u003e\n\u003cdiv class=\"abr4-image\"\u003e\u003cimg alt=\"Resultado de canas en hombre con ABERA\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/ChatGPT_19.webp?v=1787212244\"\u003e \u003cspan class=\"abr4-tag abr4-before\"\u003e ANTES \u003c\/span\u003e \u003cspan class=\"abr4-tag abr4-after\"\u003e DESPUÉS \u003c\/span\u003e\u003c\/div\u003e\n\u003cdiv class=\"abr4-body\"\u003e\n\u003cdiv class=\"abr4-stars\"\u003e★★★★★\u003c\/div\u003e\n\u003cp class=\"abr4-review\"\u003e“Quería algo más fácil para retoques rápidos. Esto es mucho más práctico para mi rutina.”\u003c\/p\u003e\n\u003cdiv class=\"abr4-customer\"\u003e\u003cstrong\u003e Daniel S. \u003c\/strong\u003e \u003cspan class=\"abr4-location\"\u003e Nueva York, EE. UU. \u003c\/span\u003e\u003c\/div\u003e\n\u003cdiv class=\"abr4-verified\"\u003e\u003cspan class=\"abr4-verified-icon\"\u003e ✓ \u003c\/span\u003e Cliente verificado\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/article\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"abr4-swipe\"\u003eDesliza para ver más \u003cstrong\u003e→\u003c\/strong\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- =====================================================\n    WOMEN'S RESULTS\n    ====================================================== --\u003e\n\u003cdiv class=\"abr4-group\"\u003e\n\u003cdiv class=\"abr4-group-header\"\u003e\n\u003cdiv class=\"abr4-group-label\"\u003eRESULTADOS EN MUJERES\u003c\/div\u003e\n\u003cdiv class=\"abr4-group-line\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"abr4-track\"\u003e\u003c!-- WOMEN 01 --\u003e\n\u003carticle class=\"abr4-card\"\u003e\n\u003cdiv class=\"abr4-image\"\u003e\u003cimg alt=\"Resultado de canas en mujer con ABERA\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/ChatGPT_6.webp?v=1787212243\"\u003e \u003cspan class=\"abr4-tag abr4-before\"\u003e ANTES \u003c\/span\u003e \u003cspan class=\"abr4-tag abr4-after\"\u003e DESPUÉS \u003c\/span\u003e\u003c\/div\u003e\n\u003cdiv class=\"abr4-body\"\u003e\n\u003cdiv class=\"abr4-stars\"\u003e★★★★★\u003c\/div\u003e\n\u003cp class=\"abr4-review\"\u003e“El tinte tradicional siempre me parecía demasiado trabajo. Esto fue mucho más fácil de usar en casa.”\u003c\/p\u003e\n\u003cdiv class=\"abr4-customer\"\u003e\u003cstrong\u003e Linda M. \u003c\/strong\u003e \u003cspan class=\"abr4-location\"\u003e Nueva York, EE. UU. \u003c\/span\u003e\u003c\/div\u003e\n\u003cdiv class=\"abr4-verified\"\u003e\u003cspan class=\"abr4-verified-icon\"\u003e ✓ \u003c\/span\u003e Cliente verificado\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/article\u003e\n\u003c!-- WOMEN 02 --\u003e\n\u003carticle class=\"abr4-card\"\u003e\n\u003cdiv class=\"abr4-image\"\u003e\u003cimg alt=\"Resultado de canas en mujer con ABERA\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/ChatGPT_7.webp?v=1787212244\"\u003e \u003cspan class=\"abr4-tag abr4-before\"\u003e ANTES \u003c\/span\u003e \u003cspan class=\"abr4-tag abr4-after\"\u003e DESPUÉS \u003c\/span\u003e\u003c\/div\u003e\n\u003cdiv class=\"abr4-body\"\u003e\n\u003cdiv class=\"abr4-stars\"\u003e★★★★★\u003c\/div\u003e\n\u003cp class=\"abr4-review\"\u003e“Me gusta poder concentrarme en las zonas donde aparecen primero mis canas.”\u003c\/p\u003e\n\u003cdiv class=\"abr4-customer\"\u003e\u003cstrong\u003e Sarah T. \u003c\/strong\u003e \u003cspan class=\"abr4-location\"\u003e Washington, EE. UU. \u003c\/span\u003e\u003c\/div\u003e\n\u003cdiv class=\"abr4-verified\"\u003e\u003cspan class=\"abr4-verified-icon\"\u003e ✓ \u003c\/span\u003e Cliente verificado\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/article\u003e\n\u003c!-- WOMEN 03 --\u003e\n\u003carticle class=\"abr4-card\"\u003e\n\u003cdiv class=\"abr4-image\"\u003e\u003cimg alt=\"Resultado de canas en mujer con ABERA\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/ChatGPT_8.webp?v=1787212244\"\u003e \u003cspan class=\"abr4-tag abr4-before\"\u003e ANTES \u003c\/span\u003e \u003cspan class=\"abr4-tag abr4-after\"\u003e DESPUÉS \u003c\/span\u003e\u003c\/div\u003e\n\u003cdiv class=\"abr4-body\"\u003e\n\u003cdiv class=\"abr4-stars\"\u003e★★★★★\u003c\/div\u003e\n\u003cp class=\"abr4-review\"\u003e“Los sobres individuales hacen que sea fácil tener listo mi próximo retoque.”\u003c\/p\u003e\n\u003cdiv class=\"abr4-customer\"\u003e\u003cstrong\u003e Emily C. \u003c\/strong\u003e \u003cspan class=\"abr4-location\"\u003e Nevada, EE. UU. \u003c\/span\u003e\u003c\/div\u003e\n\u003cdiv class=\"abr4-verified\"\u003e\u003cspan class=\"abr4-verified-icon\"\u003e ✓ \u003c\/span\u003e Cliente verificado\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/article\u003e\n\u003c!-- WOMEN 04 --\u003e\n\u003carticle class=\"abr4-card\"\u003e\n\u003cdiv class=\"abr4-image\"\u003e\u003cimg alt=\"Resultado de canas en mujer con ABERA\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/ChatGPT_13.webp?v=1787212244\"\u003e \u003cspan class=\"abr4-tag abr4-before\"\u003e ANTES \u003c\/span\u003e \u003cspan class=\"abr4-tag abr4-after\"\u003e DESPUÉS \u003c\/span\u003e\u003c\/div\u003e\n\u003cdiv class=\"abr4-body\"\u003e\n\u003cdiv class=\"abr4-stars\"\u003e★★★★★\u003c\/div\u003e\n\u003cp class=\"abr4-review\"\u003e“Lo uso principalmente cuando empiezan a notarse mis raíces. Se adapta mucho mejor a mi rutina que mi antiguo kit de coloración.”\u003c\/p\u003e\n\u003cdiv class=\"abr4-customer\"\u003e\u003cstrong\u003e Karen L. \u003c\/strong\u003e \u003cspan class=\"abr4-location\"\u003e Oregón, EE. UU. \u003c\/span\u003e\u003c\/div\u003e\n\u003cdiv class=\"abr4-verified\"\u003e\u003cspan class=\"abr4-verified-icon\"\u003e ✓ \u003c\/span\u003e Cliente verificado\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/article\u003e\n\u003c!-- WOMEN 05 --\u003e\n\u003carticle class=\"abr4-card\"\u003e\n\u003cdiv class=\"abr4-image\"\u003e\u003cimg alt=\"Resultado de canas en mujer con ABERA\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/ChatGPT_10.webp?v=1787212244\"\u003e \u003cspan class=\"abr4-tag abr4-before\"\u003e ANTES \u003c\/span\u003e \u003cspan class=\"abr4-tag abr4-after\"\u003e DESPUÉS \u003c\/span\u003e\u003c\/div\u003e\n\u003cdiv class=\"abr4-body\"\u003e\n\u003cdiv class=\"abr4-stars\"\u003e★★★★★\u003c\/div\u003e\n\u003cp class=\"abr4-review\"\u003e“Quería una opción más sencilla entre visitas al salón. Los sobres son muy prácticos para tenerlos en casa.”\u003c\/p\u003e\n\u003cdiv class=\"abr4-customer\"\u003e\u003cstrong\u003e Susan P. \u003c\/strong\u003e \u003cspan class=\"abr4-location\"\u003e California, EE. UU. \u003c\/span\u003e\u003c\/div\u003e\n\u003cdiv class=\"abr4-verified\"\u003e\u003cspan class=\"abr4-verified-icon\"\u003e ✓ \u003c\/span\u003e Cliente verificado\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/article\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"abr4-swipe\"\u003eDesliza para ver más \u003cstrong\u003e→\u003c\/strong\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- =========================================================\nABERA HAIR DYE — BOTANICAL INGREDIENTS\nCONTINUOUS BEIGE BACKGROUND\nDESKTOP: 5 CARDS\nTABLET: 3 CARDS\nMOBILE: HORIZONTAL SWIPE\n========================================================= --\u003e\n\u003cstyle\u003e\n\n\/* =========================================================\nGLOBAL PAGE BACKGROUND\nREMOVE WHITE GAPS BETWEEN SHOPIFY SECTIONS\n========================================================= *\/\n\n#MainContent {\n  background: #f7f3ec !important;\n}\n\n\n\/* REMOVE SHOPIFY SECTION OUTER SPACING *\/\n\n#MainContent .shopify-section:has([id^=\"abera-\"]) {\n  margin-top: 0 !important;\n  margin-bottom: 0 !important;\n\n  padding-top: 0 !important;\n  padding-bottom: 0 !important;\n\n  background: #f7f3ec !important;\n}\n\n\n\/* REMOVE GAP BETWEEN ADJACENT ABERA SECTIONS *\/\n\n#MainContent\n.shopify-section:has([id^=\"abera-\"])\n+\n.shopify-section:has([id^=\"abera-\"]) {\n  margin-top: 0 !important;\n  padding-top: 0 !important;\n}\n\n\n\/* =========================================================\nROOT\n========================================================= *\/\n\n#abera-ingredients-v4,\n#abera-ingredients-v4 * {\n  box-sizing: border-box;\n}\n\n\n#abera-ingredients-v4 {\n  --black: #0f0f0f;\n\n  --gold: #b07d2f;\n  --gold-main: #c89c46;\n\n  --ivory: #f7f3ec;\n\n  --white: #ffffff;\n\n  --text: #171717;\n  --muted: #686159;\n\n  --line: #ddd3c4;\n\n\n  width: 100%;\n\n  margin: 0 !important;\n  padding: 0 !important;\n\n  overflow: hidden;\n\n  background: var(--ivory);\n\n  color: var(--text);\n\n  font-family:\n    \"Inter\",\n    Arial,\n    sans-serif;\n}\n\n\n\/* =========================================================\nSECTION INNER\n========================================================= *\/\n\n#abera-ingredients-v4 .aig4-main {\n  width: 100%;\n\n  margin: 0;\n\n  padding:\n    clamp(48px, 5vw, 76px)\n    0\n    clamp(54px, 5vw, 80px);\n\n  background: var(--ivory);\n}\n\n\n\/* =========================================================\nCONTAINER\n========================================================= *\/\n\n#abera-ingredients-v4 .aig4-container {\n  width: 100%;\n\n  max-width: 100%;\n\n  margin: 0 auto;\n\n  padding-left:\n    clamp(36px, 7vw, 112px);\n\n  padding-right:\n    clamp(36px, 7vw, 112px);\n}\n\n\n\/* =========================================================\nHEADER\n========================================================= *\/\n\n#abera-ingredients-v4 .aig4-header {\n  width: 100%;\n\n  max-width: 100%;\n\n  margin:\n    0\n    auto\n    clamp(32px, 4vw, 46px);\n\n  text-align: center;\n}\n\n\n\/* EYEBROW *\/\n\n#abera-ingredients-v4 .aig4-eyebrow {\n  margin:\n    0\n    0\n    12px;\n\n  padding: 0;\n\n  color: var(--gold);\n\n  font-size: 13px;\n  line-height: 1.3;\n\n  font-weight: 600;\n\n  letter-spacing: 1.4px;\n\n  text-transform: uppercase;\n}\n\n\n\/* TITLE *\/\n\n#abera-ingredients-v4 .aig4-title {\n  width: 100%;\n\n  max-width: 100%;\n\n  margin:\n    0\n    auto\n    14px;\n\n  padding: 0;\n\n  color: var(--black);\n\n  font-size:\n    clamp(20px, 4vw, 30px);\n\n  line-height: 1.15;\n\n  font-weight: 600;\n\n  letter-spacing: 0;\n\n  text-align: center;\n\n  text-wrap: balance;\n}\n\n\n\/* SUBTITLE *\/\n\n#abera-ingredients-v4 .aig4-subtitle {\n  max-width: 850px;\n\n  margin: 0 auto;\n\n  padding: 0;\n\n  color: var(--muted);\n\n  font-size: 15px;\n  line-height: 1.6;\n\n  font-weight: 400;\n\n  text-align: center;\n}\n\n\n\/* =========================================================\nCARD TRACK\n========================================================= *\/\n\n#abera-ingredients-v4 .aig4-track {\n  width: 100%;\n\n  display: grid;\n\n  grid-template-columns:\n    repeat(5, minmax(0, 1fr));\n\n  gap: 16px;\n}\n\n\n\/* =========================================================\nCARD\n========================================================= *\/\n\n#abera-ingredients-v4 .aig4-card {\n  min-width: 0;\n\n  overflow: hidden;\n\n  border:\n    1px solid\n    var(--line);\n\n  border-radius: 11px;\n\n  background: var(--white);\n\n  box-shadow:\n    0 3px 10px\n    rgba(0,0,0,.025);\n}\n\n\n\/* =========================================================\nIMAGE\n========================================================= *\/\n\n#abera-ingredients-v4 .aig4-image {\n  width: 100%;\n\n  aspect-ratio: 1 \/ 1;\n\n  overflow: hidden;\n\n  background: #ece5d9;\n}\n\n\n#abera-ingredients-v4 .aig4-image img {\n  width: 100%;\n  height: 100%;\n\n  display: block;\n\n  object-fit: cover;\n  object-position: center;\n\n  margin: 0;\n\n  border: 0;\n}\n\n\n\/* =========================================================\nCARD CONTENT\n========================================================= *\/\n\n#abera-ingredients-v4 .aig4-copy {\n  padding:\n    17px\n    16px\n    20px;\n}\n\n\n\/* BENEFIT LABEL *\/\n\n#abera-ingredients-v4 .aig4-benefit {\n  margin:\n    0\n    0\n    6px;\n\n  color: var(--gold);\n\n  font-size: 10px;\n  line-height: 1.3;\n\n  font-weight: 600;\n\n  letter-spacing: .8px;\n\n  text-transform: uppercase;\n}\n\n\n\/* INGREDIENT NAME *\/\n\n#abera-ingredients-v4 .aig4-name {\n  margin:\n    0\n    0\n    7px;\n\n  padding: 0;\n\n  color: var(--black);\n\n  font-size: 16px;\n  line-height: 1.3;\n\n  font-weight: 600;\n\n  text-transform: uppercase;\n}\n\n\n\/* DESCRIPTION *\/\n\n#abera-ingredients-v4 .aig4-text {\n  margin: 0;\n  padding: 0;\n\n  color: var(--muted);\n\n  font-size: 13px;\n  line-height: 1.55;\n\n  font-weight: 400;\n\n  word-break: normal;\n\n  overflow-wrap: break-word;\n\n  hyphens: none;\n\n  -webkit-hyphens: none;\n}\n\n\n\/* =========================================================\nSWIPE MESSAGE\n========================================================= *\/\n\n#abera-ingredients-v4 .aig4-swipe {\n  display: none;\n}\n\n\n\/* =========================================================\nDESKTOP HOVER\n========================================================= *\/\n\n@media (min-width: 1200px) {\n\n  #abera-ingredients-v4 .aig4-card {\n    transition:\n      transform .25s ease,\n      box-shadow .25s ease;\n  }\n\n\n  #abera-ingredients-v4 .aig4-card:hover {\n    transform:\n      translateY(-3px);\n\n    box-shadow:\n      0 8px 22px\n      rgba(0,0,0,.06);\n  }\n\n}\n\n\n\/* =========================================================\nTABLET\n========================================================= *\/\n\n@media\n(min-width: 768px)\nand\n(max-width: 100%) {\n\n  #abera-ingredients-v4 .aig4-main {\n    padding:\n      44px\n      0\n      56px;\n  }\n\n\n  #abera-ingredients-v4 .aig4-container {\n    padding-left: 20px;\n    padding-right: 20px;\n  }\n\n\n  #abera-ingredients-v4 .aig4-header {\n    margin-bottom: 34px;\n  }\n\n\n  #abera-ingredients-v4 .aig4-title {\n    font-size:\n      clamp(28px, 4vw, 38px);\n  }\n\n\n  #abera-ingredients-v4 .aig4-track {\n    grid-template-columns:\n      repeat(3, minmax(0, 1fr));\n\n    gap: 14px;\n  }\n\n}\n\n\n\/* =========================================================\nMOBILE\n========================================================= *\/\n\n@media (max-width: 767px) {\n\n  #abera-ingredients-v4 {\n    margin: 0 !important;\n    padding: 0 !important;\n\n    background: var(--ivory);\n  }\n\n\n  #abera-ingredients-v4 .aig4-main {\n    margin: 0;\n\n    padding:\n      34px\n      0\n      40px;\n\n    background: var(--ivory);\n  }\n\n\n  #abera-ingredients-v4 .aig4-container {\n    width: 100%;\n\n    padding-left: 16px;\n    padding-right: 16px;\n  }\n\n\n  \/* =====================================================\n  HEADER\n  ===================================================== *\/\n\n  #abera-ingredients-v4 .aig4-header {\n    margin-bottom: 25px;\n  }\n\n\n  #abera-ingredients-v4 .aig4-eyebrow {\n    margin-bottom: 9px;\n\n    font-size: 11px;\n\n    letter-spacing: 1.2px;\n  }\n\n\n  #abera-ingredients-v4 .aig4-title {\n    width: 100%;\n\n    margin-bottom: 11px;\n\n    font-size:\n      clamp(20px, 4vw, 28px);\n\n    line-height: 1.25;\n\n    letter-spacing: 0;\n\n    word-break: normal;\n\n    overflow-wrap: normal;\n\n    hyphens: none;\n\n    -webkit-hyphens: none;\n  }\n\n\n  #abera-ingredients-v4 .aig4-subtitle {\n    font-size: 14px;\n    line-height: 1.55;\n\n    word-break: normal;\n\n    overflow-wrap: break-word;\n\n    hyphens: none;\n  }\n\n\n  \/* =====================================================\n  MOBILE CAROUSEL\n  ===================================================== *\/\n\n  #abera-ingredients-v4 .aig4-track {\n    width: 100%;\n\n    display: flex;\n\n    gap: 12px;\n\n    overflow-x: auto;\n    overflow-y: hidden;\n\n    padding:\n      0\n      0\n      5px;\n\n    scroll-snap-type: x mandatory;\n\n    scroll-behavior: smooth;\n\n    overscroll-behavior-x: contain;\n\n    scrollbar-width: none;\n\n    -webkit-overflow-scrolling: touch;\n  }\n\n\n  #abera-ingredients-v4\n  .aig4-track::-webkit-scrollbar {\n\n    display: none;\n\n  }\n\n\n  \/* ONE LARGE CARD + NEXT PREVIEW *\/\n\n  #abera-ingredients-v4 .aig4-card {\n    flex:\n      0\n      0\n      76%;\n\n    min-width: 76%;\n\n    scroll-snap-align: start;\n  }\n\n\n  \/* =====================================================\n  MOBILE COPY\n  ===================================================== *\/\n\n  #abera-ingredients-v4 .aig4-copy {\n    padding:\n      16px\n      15px\n      18px;\n  }\n\n\n  #abera-ingredients-v4 .aig4-benefit {\n    font-size: 10px;\n  }\n\n\n  #abera-ingredients-v4 .aig4-name {\n    font-size: 17px;\n  }\n\n\n  #abera-ingredients-v4 .aig4-text {\n    font-size: 14px;\n    line-height: 1.55;\n\n    word-break: normal !important;\n\n    overflow-wrap: break-word !important;\n\n    hyphens: none !important;\n\n    -webkit-hyphens: none !important;\n  }\n\n\n  \/* SWIPE *\/\n\n  #abera-ingredients-v4 .aig4-swipe {\n    display: flex;\n\n    align-items: center;\n    justify-content: flex-end;\n\n    gap: 5px;\n\n    margin-top: 7px;\n\n    color: #918a80;\n\n    font-size: 10px;\n  }\n\n\n  #abera-ingredients-v4\n  .aig4-swipe strong {\n\n    color: var(--gold);\n\n    font-size: 14px;\n\n  }\n\n}\n\n\u003c\/style\u003e\n\u003csection id=\"abera-ingredients-v4\"\u003e\u003c!-- =========================================================\nINGREDIENT CONTENT\n========================================================= --\u003e\n\u003cdiv class=\"aig4-main\"\u003e\n\u003cdiv class=\"aig4-container\"\u003e\u003c!-- =====================================================\n    HEADER\n    ====================================================== --\u003e\n\u003cdiv class=\"aig4-header\"\u003e\n\u003cp class=\"aig4-eyebrow\"\u003eCOLOR + CUIDADO CAPILAR\u003c\/p\u003e\n\u003ch2 class=\"aig4-title\"\u003eCUBRE TUS CANAS CON\u003cbr\u003eCUIDADO CAPILAR BOTÁNICO INTEGRADO\u003c\/h2\u003e\n\u003cp class=\"aig4-subtitle\"\u003eABERA combina tecnología de coloración capilar con ingredientes botánicos de uso común en fórmulas para el cuidado del cabello.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- =====================================================\n    CARDS\n    ====================================================== --\u003e\n\u003cdiv class=\"aig4-track\"\u003e\u003c!-- =================================================\n      01 — ARGAN OIL\n      ================================================== --\u003e\n\u003carticle class=\"aig4-card\"\u003e\n\u003cdiv class=\"aig4-image\"\u003e\u003cimg alt=\"Aceite de Argán\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/tinh-dau-duong-toc-argan-oil-1.webp?v=1787216556\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"aig4-copy\"\u003e\n\u003cdiv class=\"aig4-benefit\"\u003eSUAVIDAD + BRILLO\u003c\/div\u003e\n\u003ch3 class=\"aig4-name\"\u003eACEITE DE ARGÁN\u003c\/h3\u003e\n\u003cp class=\"aig4-text\"\u003eHidrata, suaviza y aporta brillo mientras ayuda a reducir la resequedad y el frizz.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/article\u003e\n\u003c!-- =================================================\n      02 — BLACK GINSENG\n      ================================================== --\u003e\n\u003carticle class=\"aig4-card\"\u003e\n\u003cdiv class=\"aig4-image\"\u003e\u003cimg alt=\"Ginseng Negro\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/Ginseng_1st_Slide.webp?v=1787216601\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"aig4-copy\"\u003e\n\u003cdiv class=\"aig4-benefit\"\u003eCUIDADO DEL CABELLO + CUERO CABELLUDO\u003c\/div\u003e\n\u003ch3 class=\"aig4-name\"\u003eGINSENG NEGRO\u003c\/h3\u003e\n\u003cp class=\"aig4-text\"\u003eAyuda a nutrir el cuero cabelludo y a favorecer un cabello de aspecto más saludable y resistente.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/article\u003e\n\u003c!-- =================================================\n      03 — FO-TI\n      ================================================== --\u003e\n\u003carticle class=\"aig4-card\"\u003e\n\u003cdiv class=\"aig4-image\"\u003e\u003cimg alt=\"Fo-Ti\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/642x361_Fo_Ti_The_Cure_to_Old_Age.webp?v=1787216556\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"aig4-copy\"\u003e\n\u003cdiv class=\"aig4-benefit\"\u003eCABELLO DE ASPECTO SALUDABLE\u003c\/div\u003e\n\u003ch3 class=\"aig4-name\"\u003eFO-TI\u003c\/h3\u003e\n\u003cp class=\"aig4-text\"\u003eTradicionalmente utilizado para favorecer un cabello de aspecto más fuerte y ayudar a mantener su vitalidad natural.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/article\u003e\n\u003c!-- =================================================\n      04 — RED REISHI\n      ================================================== --\u003e\n\u003carticle class=\"aig4-card\"\u003e\n\u003cdiv class=\"aig4-image\"\u003e\u003cimg alt=\"Hongo Reishi Rojo\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/whiskeydarek_Close-up_of_reishi_mushrooms_growing_on_a_log_996344e7-3303-4ea1-9f54-8c1837c54a68.webp?v=1786674307\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"aig4-copy\"\u003e\n\u003cdiv class=\"aig4-benefit\"\u003eCUIDADO ACONDICIONADOR\u003c\/div\u003e\n\u003ch3 class=\"aig4-name\"\u003eREISHI ROJO\u003c\/h3\u003e\n\u003cp class=\"aig4-text\"\u003eAyuda a acondicionar el cuero cabelludo y a favorecer un cabello más suave y de aspecto saludable.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/article\u003e\n\u003c!-- =================================================\n      05 — PINK GRAPEFRUIT\n      ================================================== --\u003e\n\u003carticle class=\"aig4-card\"\u003e\n\u003cdiv class=\"aig4-image\"\u003e\u003cimg alt=\"Toronja Rosa\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/1774218776327_photo-1774156733632-1774156734347965593145.webp?v=1788515551\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"aig4-copy\"\u003e\n\u003cdiv class=\"aig4-benefit\"\u003eCUIDADO DEL CUERO CABELLUDO + RAÍCES\u003c\/div\u003e\n\u003ch3 class=\"aig4-name\"\u003eTORONJA ROSA\u003c\/h3\u003e\n\u003cp class=\"aig4-text\"\u003eAyuda a refrescar y nutrir el cuero cabelludo mientras favorece un cabello de aspecto más saludable y con más volumen.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/article\u003e\n\u003c\/div\u003e\n\u003c!-- MOBILE SWIPE HINT --\u003e\n\u003cdiv class=\"aig4-swipe\"\u003eDesliza para ver más \u003cstrong\u003e→\u003c\/strong\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- =========================================================\nABERA — POST-COLOR HAIR CARE BUNDLE\nCONTINUOUS BEIGE BACKGROUND\nIMPROVED CARD TEXT READABILITY\n========================================================= --\u003e\n\u003cstyle\u003e\n\n\/* =========================================================\nGLOBAL PAGE BACKGROUND\nREMOVE WHITE GAPS BETWEEN SHOPIFY SECTIONS\n========================================================= *\/\n\n#MainContent {\n  background: #f7f3ec !important;\n}\n\n\n\/* SHOPIFY CUSTOM LIQUID WRAPPER *\/\n\n#MainContent .shopify-section:has([id^=\"abera-\"]) {\n  margin-top: 0 !important;\n  margin-bottom: 0 !important;\n\n  padding-top: 0 !important;\n  padding-bottom: 0 !important;\n\n  background: #f7f3ec !important;\n}\n\n\n\/* NO GAP BETWEEN ABERA SECTIONS *\/\n\n#MainContent\n.shopify-section:has([id^=\"abera-\"])\n+\n.shopify-section:has([id^=\"abera-\"]) {\n  margin-top: 0 !important;\n  padding-top: 0 !important;\n}\n\n\n\/* =========================================================\nROOT\n========================================================= *\/\n\n#abera-extra-haircare-v4,\n#abera-extra-haircare-v4 * {\n  box-sizing: border-box;\n}\n\n\n#abera-extra-haircare-v4 {\n  --black: #0f0f0f;\n\n  --gold: #b07d2f;\n  --gold-main: #c89c46;\n  --gold-light: #ead5aa;\n\n  --ivory: #f7f3ec;\n\n  --white: #ffffff;\n\n  --text: #171717;\n  --muted: #625c54;\n\n  --line: #d9cdbd;\n\n\n  width: 100%;\n\n  margin: 0 !important;\n  padding: 0 !important;\n\n  overflow: hidden;\n\n  background: var(--ivory);\n\n  color: var(--text);\n\n  font-family:\n    \"Inter\",\n    Arial,\n    sans-serif;\n}\n\n\n\/* =========================================================\nSECTION INNER\n========================================================= *\/\n\n#abera-extra-haircare-v4 .aeh4-main {\n  width: 100%;\n\n  margin: 0;\n\n  padding:\n    clamp(48px, 5vw, 76px)\n    0\n    clamp(54px, 5vw, 80px);\n\n  background: var(--ivory);\n}\n\n\n\/* =========================================================\nCONTAINER\n========================================================= *\/\n\n#abera-extra-haircare-v4 .aeh4-container {\n  width: 100%;\n\n  max-width: 1500px;\n\n  margin: 0 auto;\n\n  padding-left:\n    clamp(36px, 7vw, 112px);\n\n  padding-right:\n    clamp(36px, 7vw, 112px);\n}\n\n\n\/* =========================================================\nMAIN GRID\n========================================================= *\/\n\n#abera-extra-haircare-v4 .aeh4-grid {\n  width: 100%;\n\n  display: grid;\n\n  grid-template-columns:\n    minmax(250px, .92fr)\n    minmax(0, 2.08fr);\n\n  gap:\n    clamp(36px, 5vw, 72px);\n\n  align-items: center;\n}\n\n\n\/* =========================================================\nLEFT INTRO\n========================================================= *\/\n\n#abera-extra-haircare-v4 .aeh4-intro {\n  width: 100%;\n\n  min-width: 0;\n}\n\n\n\/* EYEBROW *\/\n\n#abera-extra-haircare-v4 .aeh4-eyebrow {\n  margin:\n    0\n    0\n    16px;\n\n  color: var(--gold);\n\n  font-size: 15px;\n  line-height: 1.3;\n\n  font-weight: 600;\n\n  letter-spacing: 0;\n\n  text-transform: none;\n}\n\n\n\/* TITLE *\/\n\n#abera-extra-haircare-v4 .aeh4-title {\n  width: 100%;\n\n  max-width: 430px;\n\n  margin:\n    0\n    0\n    20px;\n\n  color: var(--black);\n\n  font-size:\n    clamp(25px, 2.5vw, 34px);\n\n  line-height: 1.12;\n\n  font-weight: 600;\n\n  letter-spacing: 0;\n\n  text-transform: uppercase;\n\n  text-wrap: balance;\n}\n\n\n\/* DESCRIPTION *\/\n\n#abera-extra-haircare-v4 .aeh4-description {\n  max-width: 460px;\n\n  margin: 0;\n\n  color: var(--muted);\n\n  font-size: 15px;\n  line-height: 1.75;\n\n  font-weight: 400;\n}\n\n\n#abera-extra-haircare-v4\n.aeh4-description strong {\n  color: var(--black);\n\n  font-weight: 600;\n}\n\n\n\/* =========================================================\nCARDS WRAPPER\n========================================================= *\/\n\n#abera-extra-haircare-v4 .aeh4-cards-wrap {\n  width: 100%;\n\n  min-width: 0;\n}\n\n\n\/* =========================================================\nCARDS\n========================================================= *\/\n\n#abera-extra-haircare-v4 .aeh4-cards {\n  width: 100%;\n\n  display: grid;\n\n  grid-template-columns:\n    repeat(4, minmax(0, 1fr));\n\n  gap: 14px;\n}\n\n\n\/* =========================================================\nCARD\n========================================================= *\/\n\n#abera-extra-haircare-v4 .aeh4-card {\n  position: relative;\n\n  width: 100%;\n\n  min-width: 0;\n  min-height: 470px;\n\n  overflow: hidden;\n\n  border:\n    1px solid\n    rgba(176,125,47,.30);\n\n  border-radius: 13px;\n\n  background: #ded6ca;\n\n  box-shadow:\n    0 4px 14px\n    rgba(0,0,0,.035);\n}\n\n\n\/* =========================================================\nBACKGROUND IMAGE\n========================================================= *\/\n\n#abera-extra-haircare-v4 .aeh4-image {\n  position: absolute;\n\n  inset: 0;\n\n  z-index: 1;\n}\n\n\n#abera-extra-haircare-v4 .aeh4-image img {\n  width: 100%;\n  height: 100%;\n\n  display: block;\n\n  object-fit: cover;\n  object-position: center;\n}\n\n\n\/* =========================================================\nIMAGE OVERLAY\nIMPORTANT: STRONGER FOR TEXT READABILITY\n========================================================= *\/\n\n#abera-extra-haircare-v4 .aeh4-overlay {\n  position: \n  inset: 0;\n\n  z-index: 2;\n\n  background:\n    linear-gradient(\n      to bottom,\n\n      rgba(247,243,236,.96) 0%,\n\n      rgba(247,243,236,.91) 22%,\n\n      rgba(247,243,236,.76) 42%,\n\n      rgba(247,243,236,.28) 68%,\n\n      rgba(15,15,15,.14) 100%\n    );\n}\n\n\n\/* =========================================================\nCARD CONTENT\n========================================================= *\/\n\n#abera-extra-haircare-v4 .aeh4-content {\n  position: relative;\n\n  z-index: 13;\n\n  width: 100%;\n\n  padding:\n    18px\n    15px;\n\n  display: flex;\n\n  flex-direction: column;\n\n  align-items: flex-start;\n}\n\n\n\/* =========================================================\nTEXT PANEL\n========================================================= *\/\n\n#abera-extra-haircare-v4 .aeh4-text-panel {\n  width: 100%;\n\n  padding:\n    12px\n    12px\n    13px;\n\n  border:\n    1px solid\n    rgba(255,255,255,.46);\n\n  border-radius: 9px;\n\n  background:\n    rgba(247,243,236,.84);\n\n  box-shadow:\n    0 2px 8px\n    rgba(0,0,0,.025);\n\n  backdrop-filter:\n    blur(5px);\n\n  -webkit-backdrop-filter:\n    blur(5px);\n}\n\n\n\/* =========================================================\nNUMBER\n========================================================= *\/\n\n#abera-extra-haircare-v4 .aeh4-number {\n  width: 30px;\n  height: 30px;\n\n  display: inline-flex;\n\n  align-items: center;\n  justify-content: center;\n\n  margin-bottom: 11px;\n\n  border:\n    1px solid\n    rgba(176,125,47,.55);\n\n  border-radius: 50%;\n\n  background:\n    rgba(255,255,255,.86);\n\n  color: var(--gold);\n\n  font-size: 11px;\n  line-height: 1;\n\n  font-weight: 500;\n}\n\n\n\/* =========================================================\nCARD TITLE\n========================================================= *\/\n\n#abera-extra-haircare-v4 .aeh4-card-title {\n  width: 100%;\n\n  margin:\n    0\n    0\n    8px;\n\n  color: var(--black);\n\n  font-size: 16px;\n  line-height: 1.3;\n\n  font-weight: 600;\n\n  letter-spacing: 0;\n\n  word-break: normal;\n\n  overflow-wrap: normal;\n\n  hyphens: none;\n}\n\n\n\/* =========================================================\nCARD TEXT\n========================================================= *\/\n\n#abera-extra-haircare-v4 .aeh4-card-text {\n  width: 100%;\n\n  margin: 0;\n\n  color: #37332e;\n\n  font-size: 14px;\n  line-height: 1.55;\n\n  font-weight: 400;\n\n  word-break: normal;\n\n  overflow-wrap: break-word;\n\n  hyphens: none;\n\n  -webkit-hyphens: none;\n}\n\n\n\/* =========================================================\nMOBILE CONTROLS\n========================================================= *\/\n\n#abera-extra-haircare-v4 .aeh4-controls {\n  display: none;\n}\n\n\n\/* =========================================================\nDESKTOP\n========================================================= *\/\n\n@media (min-width: 1200px) {\n\n  #abera-extra-haircare-v4 .aeh4-card {\n    transition:\n      transform .25s ease,\n      box-shadow .25s ease;\n  }\n\n\n  #abera-extra-haircare-v4\n  .aeh4-card:hover {\n\n    transform:\n      translateY(-3px);\n\n    box-shadow:\n      0 8px 22px\n      rgba(0,0,0,.06);\n\n  }\n\n}\n\n\n\/* =========================================================\nTABLET\n========================================================= *\/\n\n@media\n(min-width: 768px)\nand\n(max-width: 1199px) {\n\n  #abera-extra-haircare-v4 .aeh4-main {\n    padding:\n      44px\n      0\n      56px;\n  }\n\n\n  #abera-extra-haircare-v4\n  .aeh4-container {\n\n    padding-left: 34px;\n    padding-right: 34px;\n\n  }\n\n\n  #abera-extra-haircare-v4 .aeh4-grid {\n    grid-template-columns: 1fr;\n\n    gap: 30px;\n  }\n\n\n  #abera-extra-haircare-v4 .aeh4-intro {\n    max-width: 760px;\n  }\n\n\n  #abera-extra-haircare-v4\n  .aeh4-description {\n\n    max-width: 720px;\n\n  }\n\n\n  #abera-extra-haircare-v4 .aeh4-cards {\n    grid-template-columns:\n      repeat(2, minmax(0, 1fr));\n  }\n\n\n  #abera-extra-haircare-v4 .aeh4-card {\n    min-height: 430px;\n  }\n\n\n  #abera-extra-haircare-v4\n  .aeh4-card-title {\n\n    font-size: 18px;\n\n  }\n\n\n  #abera-extra-haircare-v4\n  .aeh4-card-text {\n\n    font-size: 14px;\n\n  }\n\n}\n\n\n\/* =========================================================\nMOBILE\n========================================================= *\/\n\n@media (max-width: 767px) {\n\n  #abera-extra-haircare-v4 {\n    margin: 0 !important;\n    padding: 0 !important;\n\n    background: var(--ivory);\n  }\n\n\n  #abera-extra-haircare-v4 .aeh4-main {\n    margin: 0;\n\n    padding:\n      34px\n      0\n      40px;\n\n    background: var(--ivory);\n  }\n\n\n  #abera-extra-haircare-v4\n  .aeh4-container {\n\n    width: 100%;\n\n    padding-left: 16px;\n    padding-right: 16px;\n\n  }\n\n\n  \/* =====================================================\n  INTRO\n  ===================================================== *\/\n\n  #abera-extra-haircare-v4 .aeh4-grid {\n    display: flex;\n\n    flex-direction: column;\n\n    gap: 25px;\n  }\n\n\n  #abera-extra-haircare-v4 .aeh4-intro {\n    width: 100%;\n\n    margin: 0;\n    padding: 0;\n\n    text-align: left;\n  }\n\n\n  #abera-extra-haircare-v4\n  .aeh4-eyebrow {\n\n    margin-bottom: 11px;\n\n    font-size: 14px;\n\n  }\n\n\n  #abera-extra-haircare-v4\n  .aeh4-title {\n\n    width: 100%;\n    max-width: none;\n\n    margin-bottom: 14px;\n\n    font-size:\n      clamp(23px, 6vw, 28px);\n\n    line-height: 1.18;\n\n    word-break: normal;\n\n    overflow-wrap: normal;\n\n    hyphens: none;\n\n  }\n\n\n  #abera-extra-haircare-v4\n  .aeh4-description {\n\n    width: 100%;\n    max-width: none;\n\n    font-size: 15px;\n    line-height: 1.65;\n\n    word-break: normal;\n\n    overflow-wrap: break-word;\n\n    hyphens: none;\n\n    -webkit-hyphens: none;\n\n  }\n\n\n  \/* =====================================================\n  MOBILE CAROUSEL\n  ===================================================== *\/\n\n  #abera-extra-haircare-v4\n  .aeh4-cards-wrap {\n\n    width: 100%;\n\n    min-width: 0;\n\n  }\n\n\n  #abera-extra-haircare-v4 .aeh4-cards {\n    width: 100%;\n\n    display: flex;\n\n    gap: 12px;\n\n    overflow-x: auto;\n    overflow-y: hidden;\n\n    padding:\n      0\n      0\n      5px;\n\n    scroll-snap-type:\n      x mandatory;\n\n    scroll-behavior:\n      smooth;\n\n    overscroll-behavior-x:\n      contain;\n\n    scrollbar-width:\n      none;\n\n    -webkit-overflow-scrolling:\n      touch;\n  }\n\n\n  #abera-extra-haircare-v4\n  .aeh4-cards::-webkit-scrollbar {\n\n    display: none;\n\n  }\n\n\n  #abera-extra-haircare-v4 .aeh4-card {\n    flex:\n      0\n      0\n      84%;\n\n    min-width: 84%;\n\n    min-height: 440px;\n\n    scroll-snap-align:\n      start;\n  }\n\n\n  \/* =====================================================\n  MOBILE TEXT\n  ===================================================== *\/\n\n  #abera-extra-haircare-v4\n  .aeh4-content {\n\n    padding:\n      16px\n      14px;\n\n  }\n\n\n  #abera-extra-haircare-v4\n  .aeh4-text-panel {\n\n    padding:\n      13px\n      13px\n      14px;\n\n    background:\n      rgba(247,243,236,.92);\n\n  }\n\n\n  #abera-extra-haircare-v4\n  .aeh4-card-title {\n\n    margin-bottom: 8px;\n\n    font-size: 18px;\n    line-height: 1.3;\n\n    word-break: normal !important;\n\n    overflow-wrap: normal !important;\n\n    hyphens: none !important;\n\n  }\n\n\n  #abera-extra-haircare-v4\n  .aeh4-card-text {\n\n    font-size: 15px;\n    line-height: 1.55;\n\n    word-break: normal !important;\n\n    overflow-wrap: break-word !important;\n\n    hyphens: none !important;\n\n    -webkit-hyphens: none !important;\n\n  }\n\n\n  \/* =====================================================\n  MOBILE ARROWS\n  ===================================================== *\/\n\n  #abera-extra-haircare-v4\n  .aeh4-controls {\n\n    display: flex;\n\n    align-items: center;\n\n    justify-content:\n      flex-start;\n\n    gap: 8px;\n\n    margin-top: 12px;\n\n  }\n\n\n  #abera-extra-haircare-v4\n  .aeh4-btn {\n\n    width: 32px;\n    height: 32px;\n\n    flex:\n      0\n      0\n      32px;\n\n    display:\n      inline-flex;\n\n    align-items:\n      center;\n\n    justify-content:\n      center;\n\n    padding: 0;\n\n    border:\n      1px solid\n      var(--gold-main);\n\n    border-radius:\n      50%;\n\n    background:\n      var(--black);\n\n    color:\n      var(--gold-main);\n\n    font-family:\n      Arial,\n      sans-serif;\n\n    font-size:\n      17px;\n\n    line-height:\n      1;\n\n    cursor:\n      pointer;\n\n    appearance:\n      none;\n\n    -webkit-appearance:\n      none;\n\n  }\n\n\n  #abera-extra-haircare-v4\n  .aeh4-btn:disabled {\n\n    opacity: .35;\n\n    cursor: default;\n\n  }\n\n}\n\n\u003c\/style\u003e\n\u003csection id=\"abera-extra-haircare-v4\"\u003e\u003c!-- =========================================================\nCONTENT\n========================================================= --\u003e\n\u003cdiv class=\"aeh4-main\"\u003e\n\u003cdiv class=\"aeh4-container\"\u003e\n\u003cdiv class=\"aeh4-grid\"\u003e\u003c!-- ===================================================\n      INTRO\n      ==================================================== --\u003e\n\u003cdiv class=\"aeh4-intro\"\u003e\n\u003cp class=\"aeh4-eyebrow\"\u003eCuidado Capilar Extra\u003c\/p\u003e\n\u003ch2 class=\"aeh4-title\"\u003eKIT DE CUIDADO CAPILAR\u003cbr\u003ePOST-COLOR\u003c\/h2\u003e\n\u003cp class=\"aeh4-description\"\u003eAdemás de un color negro uniforme y de aspecto natural, tu cabello también necesita un cuero cabelludo saludable y raíces más fuertes. El \u003cstrong\u003e Champú y Sérum de Toronja ABERA \u003c\/strong\u003e están diseñados para ayudarte a cuidar ambos. Este kit ayuda a nutrir el cuero cabelludo, apoyar un crecimiento capilar saludable, restaurar la hidratación y el equilibrio de la barrera del cuero cabelludo, y dejar el cabello más suave, menos enredado y visiblemente con más volumen después de teñirlo.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- ===================================================\n      CARDS\n      ==================================================== --\u003e\n\u003cdiv class=\"aeh4-cards-wrap\"\u003e\n\u003cdiv class=\"aeh4-cards\"\u003e\u003c!-- ===============================================\n          CARD 01\n          ================================================ --\u003e\n\u003carticle class=\"aeh4-card\"\u003e\n\u003cdiv class=\"aeh4-image\"\u003e\u003cimg alt=\"Champú y Sérum de Toronja ABERA\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/1_03fe5ee6-cabd-429a-af51-f8203e6245d6.webp?v=1788512561\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"aeh4-overlay\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"aeh4-content\"\u003e\n\u003cdiv class=\"aeh4-number\"\u003e01\u003c\/div\u003e\n\u003cdiv class=\"aeh4-text-panel\"\u003e\n\u003ch3 class=\"aeh4-card-title\"\u003eNutre el Cabello y el Cuero Cabelludo\u003c\/h3\u003e\n\u003cp class=\"aeh4-card-text\"\u003eAyuda a cuidar el cuero cabelludo y las raíces después de la coloración, favoreciendo una rutina de cuidado más saludable para el cabello.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/article\u003e\n\u003c!-- ===============================================\n          CARD 02\n          ================================================ --\u003e\n\u003carticle class=\"aeh4-card\"\u003e\n\u003cdiv class=\"aeh4-image\"\u003e\u003cimg alt=\"Crecimiento capilar saludable\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/Gemini_Generated_Image_cbsbg3cbsbg3cbsb-clean.webp?v=1788513167\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"aeh4-overlay\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"aeh4-content\"\u003e\n\u003cdiv class=\"aeh4-number\"\u003e02\u003c\/div\u003e\n\u003cdiv class=\"aeh4-text-panel\"\u003e\n\u003ch3 class=\"aeh4-card-title\"\u003eApoya un Crecimiento Capilar Saludable\u003c\/h3\u003e\n\u003cp class=\"aeh4-card-text\"\u003eAyuda a crear un mejor entorno en el cuero cabelludo para favorecer un cabello más fuerte, saludable y con más volumen con el tiempo.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/article\u003e\n\u003c!-- ===============================================\n          CARD 03\n          ================================================ --\u003e\n\u003carticle class=\"aeh4-card\"\u003e\n\u003cdiv class=\"aeh4-image\"\u003e\u003cimg alt=\"Cabello suave y sedoso después de la coloración\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/Retinol_22.webp?v=1788514509\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"aeh4-overlay\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"aeh4-content\"\u003e\n\u003cdiv class=\"aeh4-number\"\u003e03\u003c\/div\u003e\n\u003cdiv class=\"aeh4-text-panel\"\u003e\n\u003ch3 class=\"aeh4-card-title\"\u003eReduce la Resequedad y los Enredos\u003c\/h3\u003e\n\u003cp class=\"aeh4-card-text\"\u003eAyuda a reponer la hidratación para que el cabello se sienta más suave, sedoso y fácil de manejar después de teñirlo.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/article\u003e\n\u003c!-- ===============================================\n          CARD 04\n          ================================================ --\u003e\n\u003carticle class=\"aeh4-card\"\u003e\n\u003cdiv class=\"aeh4-image\"\u003e\u003cimg alt=\"Cabello de aspecto más abundante\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/ChatGPT_58.webp?v=1787219168\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"aeh4-overlay\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"aeh4-content\"\u003e\n\u003cdiv class=\"aeh4-number\"\u003e04\u003c\/div\u003e\n\u003cdiv class=\"aeh4-text-panel\"\u003e\n\u003ch3 class=\"aeh4-card-title\"\u003eCabello de Aspecto Más Grueso y Abundante\u003c\/h3\u003e\n\u003cp class=\"aeh4-card-text\"\u003eAl cuidar tanto el cabello como el cuero cabelludo, el dúo ayuda a que el cabello luzca más denso, abundante y saludable.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/article\u003e\n\u003c\/div\u003e\n\u003c!-- =================================================\n        MOBILE ARROWS\n        ================================================== --\u003e\n\u003cdiv class=\"aeh4-controls\"\u003e\u003cbutton aria-label=\"Beneficio anterior para el cuidado del cabello\" class=\"aeh4-btn aeh4-prev\" type=\"button\"\u003e ← \u003c\/button\u003e \u003cbutton aria-label=\"Siguiente beneficio para el cuidado del cabello\" class=\"aeh4-btn aeh4-next\" type=\"button\"\u003e → \u003c\/button\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- =========================================================\nMOBILE SWIPE SCRIPT\n========================================================= --\u003e \u003cscript\u003e\n\n(function () {\n\n\n  const section =\n    document.querySelector(\n      \"#abera-extra-haircare-v4\"\n    );\n\n\n  if (!section) return;\n\n\n  const track =\n    section.querySelector(\n      \".aeh4-cards\"\n    );\n\n\n  const prev =\n    section.querySelector(\n      \".aeh4-prev\"\n    );\n\n\n  const next =\n    section.querySelector(\n      \".aeh4-next\"\n    );\n\n\n  if (\n    !track ||\n    !prev ||\n    !next\n  ) return;\n\n\n\n  function getScrollAmount() {\n\n\n    const card =\n      track.querySelector(\n        \".aeh4-card\"\n      );\n\n\n    if (!card) {\n      return 300;\n    }\n\n\n    const styles =\n      window.getComputedStyle(\n        track\n      );\n\n\n    const gap =\n      parseFloat(\n        styles.columnGap ||\n        styles.gap\n      ) || 12;\n\n\n    return (\n      card.getBoundingClientRect().width\n      +\n      gap\n    );\n\n  }\n\n\n\n  prev.addEventListener(\n    \"click\",\n    function () {\n\n\n      track.scrollBy({\n\n        left:\n          -getScrollAmount(),\n\n        behavior:\n          \"smooth\"\n\n      });\n\n\n    }\n  );\n\n\n\n  next.addEventListener(\n    \"click\",\n    function () {\n\n\n      track.scrollBy({\n\n        left:\n          getScrollAmount(),\n\n        behavior:\n          \"smooth\"\n\n      });\n\n\n    }\n  );\n\n\n\n  function updateButtons() {\n\n\n    const maxScroll =\n      track.scrollWidth\n      -\n      track.clientWidth;\n\n\n    prev.disabled =\n      track.scrollLeft \u003c= 4;\n\n\n    next.disabled =\n      track.scrollLeft \u003e=\n      maxScroll - 4;\n\n  }\n\n\n\n  track.addEventListener(\n    \"scroll\",\n    updateButtons,\n    {\n      passive: true\n    }\n  );\n\n\n  window.addEventListener(\n    \"resize\",\n    updateButtons\n  );\n\n\n  updateButtons();\n\n\n})();\n\n\u003c\/script\u003e\u003c\/section\u003e\n\u003c!-- =========================================================\nABERA HAIR DYE — COMPARISON TABLE\nCONTINUOUS BEIGE BACKGROUND\nDESKTOP + TABLET + MOBILE RESPONSIVE\n========================================================= --\u003e\n\u003cstyle\u003e\n\n\/* =========================================================\nGLOBAL PAGE BACKGROUND\nREMOVE WHITE GAPS BETWEEN SHOPIFY SECTIONS\n========================================================= *\/\n\n#MainContent {\n  background: #f7f3ec !important;\n}\n\n\n\/* REMOVE SHOPIFY CUSTOM LIQUID OUTER SPACING *\/\n\n#MainContent .shopify-section:has([id^=\"abera-\"]) {\n  margin-top: 0 !important;\n  margin-bottom: 0 !important;\n\n  padding-top: 0 !important;\n  padding-bottom: 0 !important;\n\n  background: #f7f3ec !important;\n}\n\n\n\/* REMOVE GAP BETWEEN ADJACENT ABERA SECTIONS *\/\n\n#MainContent\n.shopify-section:has([id^=\"abera-\"])\n+\n.shopify-section:has([id^=\"abera-\"]) {\n  margin-top: 0 !important;\n  padding-top: 0 !important;\n}\n\n\n\/* =========================================================\nROOT\n========================================================= *\/\n\n#abera-comparison-v4,\n#abera-comparison-v4 * {\n  box-sizing: border-box;\n}\n\n\n#abera-comparison-v4 {\n  --black: #0f0f0f;\n\n  --gold: #b07d2f;\n  --gold-main: #c89c46;\n  --gold-light: #ead5aa;\n\n  --ivory: #f7f3ec;\n\n  --white: #ffffff;\n\n  --text: #171717;\n  --muted: #686159;\n\n  --green: #557963;\n\n  --line: #ddd3c4;\n\n\n  width: 100%;\n\n  margin: 0 !important;\n  padding: 0 !important;\n\n  overflow: hidden;\n\n  background: var(--ivory);\n\n  color: var(--text);\n\n  font-family:\n    \"Inter\",\n    Arial,\n    sans-serif;\n}\n\n\n\/* =========================================================\nSECTION INNER\n========================================================= *\/\n\n#abera-comparison-v4 .acp4-main {\n  width: 100%;\n\n  margin: 0;\n\n  padding:\n    clamp(48px, 5vw, 76px)\n    0\n    clamp(54px, 5vw, 80px);\n\n  background: var(--ivory);\n}\n\n\n\/* =========================================================\nCONTAINER\n========================================================= *\/\n\n#abera-comparison-v4 .acp4-container {\n  width: 100%;\n\n  max-width: 1320px;\n\n  margin: 0 auto;\n\n  padding-left:\n    clamp(36px, 7vw, 112px);\n\n  padding-right:\n    clamp(36px, 7vw, 112px);\n}\n\n\n\/* =========================================================\nHEADER\n========================================================= *\/\n\n#abera-comparison-v4 .acp4-header {\n  width: 100%;\n\n  max-width: 950px;\n\n  margin:\n    0\n    auto\n    clamp(28px, 4vw, 42px);\n\n  text-align: center;\n}\n\n\n\/* EYEBROW *\/\n\n#abera-comparison-v4 .acp4-eyebrow {\n  margin:\n    0\n    0\n    10px;\n\n  padding: 0;\n\n  color: var(--gold);\n\n  font-size: 13px;\n  line-height: 1.3;\n\n  font-weight: 600;\n\n  letter-spacing: 1.3px;\n\n  text-transform: uppercase;\n}\n\n\n\/* TITLE *\/\n\n#abera-comparison-v4 .acp4-title {\n  width: 100%;\n\n  margin: 0;\n\n  color: var(--black);\n\n  font-size:\n    clamp(28px, 4vw, 40px);\n\n  line-height: 1.15;\n\n  font-weight: 600;\n\n  letter-spacing: 0;\n\n  text-align: center;\n\n  text-wrap: balance;\n}\n\n\n\/* =========================================================\nTABLE WRAPPER\n========================================================= *\/\n\n#abera-comparison-v4 .acp4-table-wrap {\n  width: 100%;\n\n  overflow: hidden;\n\n  border:\n    1px solid\n    var(--line);\n\n  border-radius: 14px;\n\n  background: var(--white);\n\n  box-shadow:\n    0 4px 16px\n    rgba(0,0,0,.03);\n}\n\n\n\/* =========================================================\nTABLE\n========================================================= *\/\n\n#abera-comparison-v4 .acp4-table {\n  width: 100%;\n\n  margin: 0;\n\n  border-collapse: collapse;\n\n  table-layout: fixed;\n}\n\n\n\/* COLUMN WIDTH *\/\n\n#abera-comparison-v4\n.acp4-table col:nth-child(1) {\n  width: 30%;\n}\n\n\n#abera-comparison-v4\n.acp4-table col:nth-child(2) {\n  width: 35%;\n}\n\n\n#abera-comparison-v4\n.acp4-table col:nth-child(3) {\n  width: 35%;\n}\n\n\n\/* =========================================================\nTABLE HEADER\n========================================================= *\/\n\n#abera-comparison-v4 .acp4-table th {\n  padding:\n    19px\n    18px;\n\n  border-bottom:\n    1px solid\n    var(--line);\n\n  color: var(--black);\n\n  font-size: 14px;\n  line-height: 1.35;\n\n  font-weight: 600;\n\n  text-align: center;\n\n  vertical-align: middle;\n\n  word-break: normal;\n\n  overflow-wrap: normal;\n\n  hyphens: none;\n}\n\n\n\/* FEATURE *\/\n\n#abera-comparison-v4\n.acp4-table th:first-child {\n  background: #f3eee6;\n\n  color: #686159;\n\n  font-size: 11px;\n\n  letter-spacing: .7px;\n\n  text-align: left;\n\n  text-transform: uppercase;\n}\n\n\n\/* ABERA *\/\n\n#abera-comparison-v4\n.acp4-table th:nth-child(2) {\n  background: var(--black);\n\n  color: var(--gold-light);\n}\n\n\n\/* REGULAR HAIR DYE *\/\n\n#abera-comparison-v4\n.acp4-table th:nth-child(3) {\n  background: #eeeae4;\n\n  color: var(--black);\n}\n\n\n\/* =========================================================\nBODY CELLS\n========================================================= *\/\n\n#abera-comparison-v4 .acp4-table td {\n  padding:\n    16px\n    18px;\n\n  border-bottom:\n    1px solid\n    #e9e3d9;\n\n  color: var(--text);\n\n  font-size: 14px;\n  line-height: 1.45;\n\n  font-weight: 400;\n\n  vertical-align: middle;\n\n  word-break: normal;\n\n  overflow-wrap: break-word;\n\n  hyphens: none;\n\n  -webkit-hyphens: none;\n}\n\n\n#abera-comparison-v4\n.acp4-table tbody tr:last-child td {\n  border-bottom: 0;\n}\n\n\n\/* FEATURE COLUMN *\/\n\n#abera-comparison-v4\n.acp4-table td:first-child {\n  color: #514c46;\n\n  font-weight: 600;\n}\n\n\n\/* ABERA COLUMN *\/\n\n#abera-comparison-v4\n.acp4-table td:nth-child(2) {\n  background: #fbf5e9;\n\n  color: var(--black);\n\n  font-weight: 500;\n}\n\n\n\/* REGULAR HAIR DYE COLUMN *\/\n\n#abera-comparison-v4\n.acp4-table td:nth-child(3) {\n  background: #ffffff;\n\n  color: #777168;\n}\n\n\n\/* =========================================================\nVALUE\n========================================================= *\/\n\n#abera-comparison-v4 .acp4-value {\n  width: 100%;\n\n  display: flex;\n\n  align-items: center;\n\n  gap: 10px;\n\n  min-width: 0;\n}\n\n\n\/* =========================================================\nCHECK\n========================================================= *\/\n\n#abera-comparison-v4 .acp4-check {\n  width: 23px;\n  height: 23px;\n\n  flex:\n    0 0\n    23px;\n\n  display: inline-flex;\n\n  align-items: center;\n  justify-content: center;\n\n  border-radius: 50%;\n\n  background: var(--green);\n\n  color: #ffffff;\n\n  font-size: 11px;\n  line-height: 1;\n\n  font-weight: 600;\n}\n\n\n\/* =========================================================\nMINUS\n========================================================= *\/\n\n#abera-comparison-v4 .acp4-minus {\n  width: 23px;\n  height: 23px;\n\n  flex:\n    0 0\n    23px;\n\n  display: inline-flex;\n\n  align-items: center;\n  justify-content: center;\n\n  border-radius: 50%;\n\n  background: #e8e3dc;\n\n  color: #8a847c;\n\n  font-size: 14px;\n  line-height: 1;\n\n  font-weight: 500;\n}\n\n\n\/* =========================================================\nBOTTOM MESSAGE\n========================================================= *\/\n\n#abera-comparison-v4 .acp4-bottom {\n  width: 100%;\n\n  margin:\n    22px\n    0\n    0;\n\n  padding: 0;\n\n  color: var(--gold);\n\n  font-size: 14px;\n  line-height: 1.45;\n\n  font-weight: 600;\n\n  letter-spacing: .2px;\n\n  text-align: center;\n\n  text-transform: uppercase;\n}\n\n\n\/* =========================================================\nDESKTOP HOVER\n========================================================= *\/\n\n@media (min-width: 1200px) {\n\n  #abera-comparison-v4\n  .acp4-table tbody tr {\n\n    transition:\n      background .2s ease;\n\n  }\n\n\n  #abera-comparison-v4\n  .acp4-table tbody tr:hover td:first-child {\n\n    background:\n      #faf8f4;\n\n  }\n\n\n  #abera-comparison-v4\n  .acp4-table tbody tr:hover td:nth-child(2) {\n\n    background:\n      #f8efdF;\n\n  }\n\n}\n\n\n\/* =========================================================\nTABLET\n========================================================= *\/\n\n@media\n(min-width: 768px)\nand\n(max-width: 1199px) {\n\n  #abera-comparison-v4 .acp4-main {\n    padding:\n      44px\n      0\n      56px;\n  }\n\n\n  #abera-comparison-v4\n  .acp4-container {\n\n    padding-left: 34px;\n    padding-right: 34px;\n\n  }\n\n\n  #abera-comparison-v4\n  .acp4-header {\n\n    margin-bottom: 30px;\n\n  }\n\n\n  #abera-comparison-v4\n  .acp4-table th {\n\n    padding:\n      16px\n      13px;\n\n    font-size: 13px;\n\n  }\n\n\n  #abera-comparison-v4\n  .acp4-table td {\n\n    padding:\n      14px\n      13px;\n\n    font-size: 13px;\n\n  }\n\n}\n\n\n\/* =========================================================\nMOBILE\n========================================================= *\/\n\n@media (max-width: 767px) {\n\n  #abera-comparison-v4 {\n    margin: 0 !important;\n    padding: 0 !important;\n\n    background: var(--ivory);\n  }\n\n\n  #abera-comparison-v4 .acp4-main {\n    width: 100%;\n\n    margin: 0;\n\n    padding:\n      34px\n      0\n      40px;\n\n    background: var(--ivory);\n  }\n\n\n  #abera-comparison-v4\n  .acp4-container {\n\n    width: 100%;\n\n    padding-left: 12px;\n    padding-right: 12px;\n\n  }\n\n\n  \/* =====================================================\n  HEADER\n  ===================================================== *\/\n\n  #abera-comparison-v4\n  .acp4-header {\n\n    margin-bottom: 24px;\n\n    padding-left: 5px;\n    padding-right: 5px;\n\n  }\n\n\n  #abera-comparison-v4\n  .acp4-eyebrow {\n\n    margin-bottom: 8px;\n\n    font-size: 11px;\n\n    letter-spacing: 1.1px;\n\n  }\n\n\n  #abera-comparison-v4\n  .acp4-title {\n\n    font-size:\n      clamp(22px, 6vw, 28px);\n\n    line-height: 1.22;\n\n    word-break: normal;\n\n    overflow-wrap: normal;\n\n    hyphens: none;\n\n  }\n\n\n  \/* =====================================================\n  TABLE\n  ===================================================== *\/\n\n  #abera-comparison-v4\n  .acp4-table-wrap {\n\n    width: 100%;\n\n    overflow: hidden;\n\n    border-radius: 10px;\n\n  }\n\n\n  #abera-comparison-v4\n  .acp4-table {\n\n    width: 100%;\n\n    min-width: 0;\n\n    table-layout: fixed;\n\n  }\n\n\n  \/* MOBILE COLUMN WIDTH *\/\n\n  #abera-comparison-v4\n  .acp4-table col:nth-child(1) {\n\n    width: 27%;\n\n  }\n\n\n  #abera-comparison-v4\n  .acp4-table col:nth-child(2) {\n\n    width: 36.5%;\n\n  }\n\n\n  #abera-comparison-v4\n  .acp4-table col:nth-child(3) {\n\n    width: 36.5%;\n\n  }\n\n\n  \/* =====================================================\n  MOBILE HEADER\n  ===================================================== *\/\n\n  #abera-comparison-v4\n  .acp4-table th {\n\n    padding:\n      12px\n      5px;\n\n    font-size: 10px;\n\n    line-height: 1.3;\n\n    text-align: center;\n\n    vertical-align: middle;\n\n    white-space: normal;\n\n    word-break: normal;\n\n    overflow-wrap: normal;\n\n    hyphens: none;\n\n    -webkit-hyphens: none;\n\n  }\n\n\n  #abera-comparison-v4\n  .acp4-table th:first-child {\n\n    padding-left: 7px;\n\n    font-size: 9px;\n\n    text-align: left;\n\n  }\n\n\n  \/* =====================================================\n  MOBILE CELLS\n  ===================================================== *\/\n\n  #abera-comparison-v4\n  .acp4-table td {\n\n    padding:\n      12px\n      5px;\n\n    font-size: 11px;\n\n    line-height: 1.4;\n\n    vertical-align: middle;\n\n    white-space: normal;\n\n    word-break: normal;\n\n    overflow-wrap: break-word;\n\n    hyphens: none;\n\n    -webkit-hyphens: none;\n\n  }\n\n\n  \/* FEATURE *\/\n\n  #abera-comparison-v4\n  .acp4-table td:first-child {\n\n    padding-left: 7px;\n\n    font-size: 10px;\n\n    line-height: 1.35;\n\n    text-align: left;\n\n  }\n\n\n  \/* =====================================================\n  MOBILE VALUES\n  PUT ICON ABOVE COPY FOR MORE TEXT WIDTH\n  ===================================================== *\/\n\n  #abera-comparison-v4 .acp4-value {\n    width: 100%;\n\n    min-height: 58px;\n\n    display: flex;\n\n    flex-direction: column;\n\n    align-items: center;\n    justify-content: center;\n\n    gap: 5px;\n\n    text-align: center;\n\n    word-break: normal;\n\n    overflow-wrap: break-word;\n\n  }\n\n\n  #abera-comparison-v4\n  .acp4-check,\n\n  #abera-comparison-v4\n  .acp4-minus {\n\n    width: 21px;\n    height: 21px;\n\n    flex:\n      0\n      0\n      21px;\n\n    margin:\n      0\n      auto\n      2px;\n\n  }\n\n\n  \/* =====================================================\n  BOTTOM MESSAGE\n  ===================================================== *\/\n\n  #abera-comparison-v4\n  .acp4-bottom {\n\n    margin-top: 18px;\n\n    padding:\n      0\n      8px;\n\n    font-size: 12px;\n\n    line-height: 1.5;\n\n  }\n\n}\n\n\u003c\/style\u003e\n\u003csection id=\"abera-comparison-v4\"\u003e\u003c!-- =========================================================\nCONTENT\n========================================================= --\u003e\n\u003cdiv class=\"acp4-main\"\u003e\n\u003cdiv class=\"acp4-container\"\u003e\u003c!-- =====================================================\n    HEADER\n    ====================================================== --\u003e\n\u003cdiv class=\"acp4-header\"\u003e\n\u003cp class=\"acp4-eyebrow\"\u003eUNA OPCIÓN MÁS SENCILLA\u003c\/p\u003e\n\u003ch2 class=\"acp4-title\"\u003eABERA VS. TINTE CAPILAR CONVENCIONAL\u003c\/h2\u003e\n\u003c\/div\u003e\n\u003c!-- =====================================================\n    TABLE\n    ====================================================== --\u003e\n\u003cdiv class=\"acp4-table-wrap\"\u003e\n\u003ctable class=\"acp4-table\"\u003e\u003ccolgroup\u003e \u003ccol\u003e \u003ccol\u003e \u003ccol\u003e \u003c\/colgroup\u003e\n\u003cthead\u003e\n\u003ctr\u003e\n\u003cth\u003eCARACTERÍSTICA\u003c\/th\u003e\n\u003cth\u003eCHAMPÚ TINTE ABERA\u003c\/th\u003e\n\u003cth\u003eTINTE CAPILAR CONVENCIONAL\u003c\/th\u003e\n\u003c\/tr\u003e\n\u003c\/thead\u003e\n\u003ctbody\u003e\u003c!-- ===============================================\n          APPLICATION\n          ================================================ --\u003e\n\u003ctr\u003e\n\u003ctd\u003eAplicación\u003c\/td\u003e\n\u003ctd\u003e\n\u003cdiv class=\"acp4-value\"\u003e\u003cspan class=\"acp4-check\"\u003e ✓ \u003c\/span\u003e \u003cspan\u003e Aplicación tipo champú \u003c\/span\u003e\u003c\/div\u003e\n\u003c\/td\u003e\n\u003ctd\u003e\n\u003cdiv class=\"acp4-value\"\u003e\u003cspan class=\"acp4-minus\"\u003e − \u003c\/span\u003e \u003cspan\u003e Brocha + seccionado \u003c\/span\u003e\u003c\/div\u003e\n\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c!-- ===============================================\n          MIXING\n          ================================================ --\u003e\n\u003ctr\u003e\n\u003ctd\u003eMezcla\u003c\/td\u003e\n\u003ctd\u003e\n\u003cdiv class=\"acp4-value\"\u003e\u003cspan class=\"acp4-check\"\u003e ✓ \u003c\/span\u003e \u003cspan\u003e Práctico formato en sobres \u003c\/span\u003e\u003c\/div\u003e\n\u003c\/td\u003e\n\u003ctd\u003e\n\u003cdiv class=\"acp4-value\"\u003e\u003cspan class=\"acp4-minus\"\u003e − \u003c\/span\u003e \u003cspan\u003e Varios componentes \u003c\/span\u003e\u003c\/div\u003e\n\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c!-- ===============================================\n          PROCESS TIME\n          ================================================ --\u003e\n\u003ctr\u003e\n\u003ctd\u003eTiempo del proceso\u003c\/td\u003e\n\u003ctd\u003e\n\u003cdiv class=\"acp4-value\"\u003e\u003cspan class=\"acp4-check\"\u003e ✓ \u003c\/span\u003e \u003cspan\u003e Aproximadamente 15 minutos \u003c\/span\u003e\u003c\/div\u003e\n\u003c\/td\u003e\n\u003ctd\u003e\n\u003cdiv class=\"acp4-value\"\u003e\u003cspan class=\"acp4-minus\"\u003e − \u003c\/span\u003e \u003cspan\u003e Proceso de varios pasos \u003c\/span\u003e\u003c\/div\u003e\n\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c!-- ===============================================\n          PACKAGING\n          ================================================ --\u003e\n\u003ctr\u003e\n\u003ctd\u003ePresentación\u003c\/td\u003e\n\u003ctd\u003e\n\u003cdiv class=\"acp4-value\"\u003e\u003cspan class=\"acp4-check\"\u003e ✓ \u003c\/span\u003e \u003cspan\u003e 10 sobres individuales \u003c\/span\u003e\u003c\/div\u003e\n\u003c\/td\u003e\n\u003ctd\u003e\n\u003cdiv class=\"acp4-value\"\u003e\u003cspan class=\"acp4-minus\"\u003e − \u003c\/span\u003e \u003cspan\u003e Kit de tinte de tamaño completo \u003c\/span\u003e\u003c\/div\u003e\n\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c!-- ===============================================\n          AMMONIA\n          ================================================ --\u003e\n\u003ctr\u003e\n\u003ctd\u003eAmoníaco\u003c\/td\u003e\n\u003ctd\u003e\n\u003cdiv class=\"acp4-value\"\u003e\u003cspan class=\"acp4-check\"\u003e ✓ \u003c\/span\u003e \u003cspan\u003e Sin amoníaco \u003c\/span\u003e\u003c\/div\u003e\n\u003c\/td\u003e\n\u003ctd\u003e\n\u003cdiv class=\"acp4-value\"\u003e\u003cspan class=\"acp4-minus\"\u003e − \u003c\/span\u003e \u003cspan\u003e Varía según la fórmula \u003c\/span\u003e\u003c\/div\u003e\n\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c!-- ===============================================\n          HAIR CARE\n          ================================================ --\u003e\n\u003ctr\u003e\n\u003ctd\u003eCuidado capilar\u003c\/td\u003e\n\u003ctd\u003e\n\u003cdiv class=\"acp4-value\"\u003e\u003cspan class=\"acp4-check\"\u003e ✓ \u003c\/span\u003e \u003cspan\u003e Color + Limpieza + Acondicionamiento \u003c\/span\u003e\u003c\/div\u003e\n\u003c\/td\u003e\n\u003ctd\u003e\n\u003cdiv class=\"acp4-value\"\u003e\u003cspan class=\"acp4-minus\"\u003e − \u003c\/span\u003e \u003cspan\u003e Normalmente son pasos separados \u003c\/span\u003e\u003c\/div\u003e\n\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\n\u003c\/table\u003e\n\u003c\/div\u003e\n\u003c!-- =====================================================\n    BOTTOM MESSAGE\n    ====================================================== --\u003e\n\u003cp class=\"acp4-bottom\"\u003eMENOS PREPARACIÓN. MENOS PASOS. UNA FORMA MÁS SENCILLA DE CUBRIR LAS CANAS.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- =========================================================\nABERA HAIR DYE\nSECTION 01 — REAL LIFE ROUTINE\nSECTION 02 — CUSTOMER VIDEOS\nCONTINUOUS BEIGE BACKGROUND\n========================================================= --\u003e\n\u003cp\u003e\u0026nbsp;\u003c\/p\u003e\n\u003c!-- =========================================================\nGLOBAL BACKGROUND FIX\nCó thể giữ đoạn này nếu mỗi section là 1 Custom Liquid riêng\n========================================================= --\u003e\n\u003cstyle\u003e\n\n#MainContent {\n  background: #f7f3ec !important;\n}\n\n#MainContent .shopify-section:has([id^=\"abera-\"]) {\n  margin-top: 0 !important;\n  margin-bottom: 0 !important;\n\n  padding-top: 0 !important;\n  padding-bottom: 0 !important;\n\n  background: #f7f3ec !important;\n}\n\n#MainContent\n.shopify-section:has([id^=\"abera-\"])\n+\n.shopify-section:has([id^=\"abera-\"]) {\n  margin-top: 0 !important;\n  padding-top: 0 !important;\n}\n\n\u003c\/style\u003e\n\u003c!-- =========================================================\n01 — YOUR GRAY-HAIR ROUTINE\n========================================================= --\u003e\n\u003cstyle\u003e\n\n\/* =========================================================\nROOT\n========================================================= *\/\n\n#abera-routine-v4,\n#abera-routine-v4 * {\n  box-sizing: border-box;\n}\n\n#abera-routine-v4 {\n  --black: #0f0f0f;\n  --gold: #b07d2f;\n  --gold-light: #ead5aa;\n  --ivory: #f7f3ec;\n\n  width: 100%;\n\n  margin: 0 !important;\n  padding: 0 !important;\n\n  overflow: hidden;\n\n  background: var(--ivory);\n\n  color: var(--black);\n\n  font-family:\n    \"Inter\",\n    Arial,\n    sans-serif;\n}\n\n\n\/* =========================================================\nMAIN\n========================================================= *\/\n\n#abera-routine-v4 .arr4-main {\n  width: 100%;\n\n  margin: 0;\n\n  padding:\n    clamp(46px, 5vw, 72px)\n    0\n    clamp(50px, 5vw, 76px);\n\n  background: var(--ivory);\n}\n\n\n\/* =========================================================\nCONTAINER\n========================================================= *\/\n\n#abera-routine-v4 .arr4-container {\n  width: 100%;\n\n  max-width: 1500px;\n\n  margin: 0 auto;\n\n  padding-left:\n    clamp(36px, 7vw, 112px);\n\n  padding-right:\n    clamp(36px, 7vw, 112px);\n}\n\n\n\/* =========================================================\nHEADER\n========================================================= *\/\n\n#abera-routine-v4 .arr4-header {\n  max-width: 900px;\n\n  margin:\n    0\n    auto\n    clamp(30px, 4vw, 44px);\n\n  text-align: center;\n}\n\n\n#abera-routine-v4 .arr4-title {\n  margin: 0;\n\n  color: var(--black);\n\n  font-size:\n    clamp(28px, 3vw, 40px);\n\n  line-height: 1.13;\n\n  font-weight: 600;\n\n  letter-spacing: 0;\n\n  text-align: center;\n\n  text-wrap: balance;\n}\n\n\n\/* =========================================================\nGRID\n========================================================= *\/\n\n#abera-routine-v4 .arr4-grid {\n  width: 100%;\n\n  display: grid;\n\n  grid-template-columns:\n    repeat(4, minmax(0, 1fr));\n\n  gap: 18px;\n}\n\n\n\/* =========================================================\nCARD\n========================================================= *\/\n\n#abera-routine-v4 .arr4-card {\n  position: relative;\n\n  width: 100%;\n\n  aspect-ratio: 4 \/ 5;\n\n  min-width: 0;\n\n  overflow: hidden;\n\n  border-radius: 10px;\n\n  background: #d8d2c9;\n\n  box-shadow:\n    0 3px 10px\n    rgba(0,0,0,.035);\n}\n\n\n\/* IMAGE *\/\n\n#abera-routine-v4 .arr4-image {\n  position: absolute;\n\n  inset: 0;\n\n  z-index: 1;\n}\n\n\n#abera-routine-v4 .arr4-image img {\n  width: 100%;\n  height: 100%;\n\n  display: block;\n\n  object-fit: cover;\n  object-position: center;\n\n  transition:\n    transform .4s ease;\n}\n\n\n\/* =========================================================\nOVERLAY\n========================================================= *\/\n\n#abera-routine-v4 .arr4-overlay {\n  position: absolute;\n\n  inset: 0;\n\n  z-index: 2;\n\n  background:\n    linear-gradient(\n      to bottom,\n\n      rgba(0,0,0,0) 30%,\n\n      rgba(0,0,0,.05) 45%,\n\n      rgba(0,0,0,.48) 75%,\n\n      rgba(0,0,0,.88) 100%\n    );\n}\n\n\n\/* =========================================================\nCONTENT\n========================================================= *\/\n\n#abera-routine-v4 .arr4-content {\n  position: absolute;\n\n  z-index: 3;\n\n  left: 0;\n  right: 0;\n  bottom: 0;\n\n  width: 100%;\n\n  padding:\n    18px\n    17px;\n}\n\n\n\/* LABEL *\/\n\n#abera-routine-v4 .arr4-label {\n  margin:\n    0\n    0\n    5px;\n\n  color: var(--gold-light);\n\n  font-size: 14px;\n  line-height: 1.3;\n\n  font-weight: 500;\n\n  text-transform: uppercase;\n}\n\n\n\/* TEXT *\/\n\n#abera-routine-v4 .arr4-text {\n  margin: 0;\n\n  color:\n    rgba(255,255,255,.92);\n\n  font-size: 13px;\n  line-height: 1.5;\n\n  font-weight: 400;\n\n  word-break: normal;\n\n  overflow-wrap: break-word;\n\n  hyphens: none;\n}\n\n\n\/* =========================================================\nDESKTOP\n========================================================= *\/\n\n@media (min-width: 1200px) {\n\n  #abera-routine-v4\n  .arr4-card:hover\n  .arr4-image img {\n\n    transform:\n      scale(1.025);\n\n  }\n\n}\n\n\n\/* =========================================================\nTABLET\n========================================================= *\/\n\n@media\n(min-width: 768px)\nand\n(max-width: 1199px) {\n\n  #abera-routine-v4 .arr4-container {\n    padding-left: 34px;\n    padding-right: 34px;\n  }\n\n\n  #abera-routine-v4 .arr4-grid {\n    grid-template-columns:\n      repeat(2, minmax(0, 1fr));\n\n    gap: 14px;\n  }\n\n}\n\n\n\/* =========================================================\nMOBILE\n========================================================= *\/\n\n@media (max-width: 767px) {\n\n  #abera-routine-v4 {\n    margin: 0 !important;\n    padding: 0 !important;\n\n    background: var(--ivory);\n  }\n\n\n  #abera-routine-v4 .arr4-main {\n    padding:\n      34px\n      0\n      40px;\n  }\n\n\n  #abera-routine-v4 .arr4-container {\n    padding-left: 16px;\n    padding-right: 16px;\n  }\n\n\n  #abera-routine-v4 .arr4-header {\n    margin-bottom: 24px;\n  }\n\n\n  #abera-routine-v4 .arr4-title {\n    font-size:\n      clamp(20px, 4vw, 28px);\n\n    line-height: 1.2;\n\n    word-break: normal;\n\n    overflow-wrap: normal;\n\n    hyphens: none;\n  }\n\n\n  \/* 2 × 2 *\/\n\n  #abera-routine-v4 .arr4-grid {\n    grid-template-columns:\n      repeat(2, minmax(0, 1fr));\n\n    gap: 10px;\n  }\n\n\n  #abera-routine-v4 .arr4-card {\n    border-radius: 8px;\n  }\n\n\n  #abera-routine-v4 .arr4-content {\n    padding:\n      13px\n      11px;\n  }\n\n\n  #abera-routine-v4 .arr4-label {\n    margin-bottom: 4px;\n\n    font-size: 11px;\n    line-height: 1.3;\n  }\n\n\n  #abera-routine-v4 .arr4-text {\n    font-size: 11px;\n    line-height: 1.4;\n\n    word-break: normal;\n\n    overflow-wrap: break-word;\n\n    hyphens: none;\n  }\n\n}\n\n\u003c\/style\u003e\n\u003csection id=\"abera-routine-v4\"\u003e\n\u003cdiv class=\"arr4-main\"\u003e\n\u003cdiv class=\"arr4-container\"\u003e\u003c!-- HEADER --\u003e\n\u003cdiv class=\"arr4-header\"\u003e\n\u003ch2 class=\"arr4-title\"\u003eTU RUTINA PARA LAS CANAS,\u003cbr\u003eDONDEQUIERA QUE TE LLEVE LA VIDA.\u003c\/h2\u003e\n\u003c\/div\u003e\n\u003c!-- CARDS --\u003e\n\u003cdiv class=\"arr4-grid\"\u003e\u003c!-- 01 --\u003e\n\u003carticle class=\"arr4-card\"\u003e\n\u003cdiv class=\"arr4-image\"\u003e\u003cimg alt=\"Rutina ABERA para canas antes del trabajo\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/ChatGPT_54.webp?v=1787217075\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"arr4-overlay\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"arr4-content\"\u003e\n\u003ch3 class=\"arr4-label\"\u003eANTES DEL TRABAJO\u003c\/h3\u003e\n\u003cp class=\"arr4-text\"\u003eRefresca las canas visibles sin programar una visita al salón.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/article\u003e\n\u003c!-- 02 --\u003e\n\u003carticle class=\"arr4-card\"\u003e\n\u003cdiv class=\"arr4-image\"\u003e\u003cimg alt=\"Rutina ABERA para canas antes de un evento\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/ChatGPT_55.webp?v=1787217941\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"arr4-overlay\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"arr4-content\"\u003e\n\u003ch3 class=\"arr4-label\"\u003eANTES DE UN EVENTO\u003c\/h3\u003e\n\u003cp class=\"arr4-text\"\u003eRenueva el aspecto de tu cabello antes de una ocasión importante.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/article\u003e\n\u003c!-- 03 --\u003e\n\u003carticle class=\"arr4-card\"\u003e\n\u003cdiv class=\"arr4-image\"\u003e\u003cimg alt=\"Champú Tinte ABERA para viajes de negocios\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/ChatGPT_57.webp?v=1787218999\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"arr4-overlay\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"arr4-content\"\u003e\n\u003ch3 class=\"arr4-label\"\u003eVIAJE DE NEGOCIOS\u003c\/h3\u003e\n\u003cp class=\"arr4-text\"\u003eLleva sobres individuales en lugar de un kit de tinte voluminoso.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/article\u003e\n\u003c!-- 04 --\u003e\n\u003carticle class=\"arr4-card\"\u003e\n\u003cdiv class=\"arr4-image\"\u003e\u003cimg alt=\"Retoque de raíces con canas ABERA\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/ChatGPT_58.webp?v=1787219168\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"arr4-overlay\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"arr4-content\"\u003e\n\u003ch3 class=\"arr4-label\"\u003eRETOQUE DE RAÍCES\u003c\/h3\u003e\n\u003cp class=\"arr4-text\"\u003eTen listo tu próximo retoque cuando vuelvan a aparecer las canas.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/article\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- =========================================================\n02 — CUSTOMER VIDEOS\n========================================================= --\u003e\n\u003cstyle\u003e\n\n\/* =========================================================\nROOT\n========================================================= *\/\n\n#abera-customer-videos-v4,\n#abera-customer-videos-v4 * {\n  box-sizing: border-box;\n}\n\n\n#abera-customer-videos-v4 {\n  --black: #0f0f0f;\n\n  --gold: #b07d2f;\n  --gold-main: #c89c46;\n\n  --ivory: #f7f3ec;\n\n  --white: #ffffff;\n\n  --text: #171717;\n\n  --line: #ddd3c4;\n\n  --green: #557963;\n\n\n  width: 100%;\n\n  margin: 0 !important;\n  padding: 0 !important;\n\n  overflow: hidden;\n\n  background: var(--ivory);\n\n  color: var(--text);\n\n  font-family:\n    \"Inter\",\n    Arial,\n    sans-serif;\n}\n\n\n\/* =========================================================\nMAIN\n========================================================= *\/\n\n#abera-customer-videos-v4 .acv4-main {\n  width: 100%;\n\n  margin: 0;\n\n  padding:\n    clamp(46px, 5vw, 72px)\n    0\n    clamp(54px, 5vw, 80px);\n\n  background: var(--ivory);\n}\n\n\n\/* =========================================================\nCONTAINER\n========================================================= *\/\n\n#abera-customer-videos-v4 .acv4-container {\n  width: 100%;\n\n  max-width: 1500px;\n\n  margin: 0 auto;\n\n  padding-left:\n    clamp(36px, 7vw, 112px);\n\n  padding-right:\n    clamp(36px, 7vw, 112px);\n}\n\n\n\/* =========================================================\nHEADER\n========================================================= *\/\n\n#abera-customer-videos-v4 .acv4-header {\n  max-width: 1200px;\n\n  margin:\n    0\n    auto\n    clamp(30px, 4vw, 44px);\n\n  text-align: center;\n}\n\n\n\/* EYEBROW *\/\n\n#abera-customer-videos-v4 .acv4-eyebrow {\n  margin:\n    0\n    0\n    10px;\n\n  color: var(--gold);\n\n  font-size: 13px;\n  line-height: 1.3;\n\n  font-weight: 600;\n\n  letter-spacing: 1.3px;\n\n  text-transform: uppercase;\n}\n\n\n\/* TITLE *\/\n\n#abera-customer-videos-v4 .acv4-title {\n  margin: 0;\n\n  color: var(--black);\n\n  font-size:\n    clamp(28px, 3vw, 40px);\n\n  line-height: 1.15;\n\n  font-weight: 600;\n\n  text-align: center;\n\n  text-wrap: balance;\n}\n\n\n\/* =========================================================\nTRACK\n========================================================= *\/\n\n#abera-customer-videos-v4 .acv4-track {\n  width: 100%;\n\n  display: grid;\n\n  grid-template-columns:\n    repeat(4, minmax(0, 1fr));\n\n  gap: 18px;\n}\n\n\n\/* =========================================================\nCARD\n========================================================= *\/\n\n#abera-customer-videos-v4 .acv4-card {\n  min-width: 0;\n\n  overflow: hidden;\n\n  border:\n    1px solid\n    var(--line);\n\n  border-radius: 10px;\n\n  background: var(--white);\n\n  box-shadow:\n    0 3px 12px\n    rgba(0,0,0,.03);\n}\n\n\n\/* =========================================================\nVIDEO\n========================================================= *\/\n\n#abera-customer-videos-v4 .acv4-video {\n  position: relative;\n\n  width: 100%;\n\n  aspect-ratio: 9 \/ 16;\n\n  overflow: hidden;\n\n  background: #111111;\n}\n\n\n#abera-customer-videos-v4 .acv4-video video {\n  position: absolute;\n\n  inset: 0;\n\n  width: 100% !important;\n  height: 100% !important;\n\n  display: block;\n\n  object-fit: cover;\n  object-position: center;\n\n  background: #111111;\n}\n\n\n\/* =========================================================\nINFO\n========================================================= *\/\n\n#abera-customer-videos-v4 .acv4-info {\n  padding:\n    17px\n    16px\n    18px;\n}\n\n\n\/* STARS *\/\n\n#abera-customer-videos-v4 .acv4-stars {\n  margin:\n    0\n    0\n    13px;\n\n  color: #c79637;\n\n  font-size: 18px;\n  line-height: 1;\n\n  letter-spacing: 1px;\n\n  white-space: nowrap;\n}\n\n\n\/* CUSTOMER ROW *\/\n\n#abera-customer-videos-v4 .acv4-person {\n  width: 100%;\n\n  display: flex;\n\n  align-items: center;\n  justify-content: space-between;\n\n  flex-wrap: wrap;\n\n  gap:\n    7px\n    10px;\n}\n\n\n\/* NAME *\/\n\n#abera-customer-videos-v4 .acv4-name {\n  color: var(--black);\n\n  font-size: 14px;\n  line-height: 1.35;\n\n  font-weight: 500;\n}\n\n\n\/* VERIFIED *\/\n\n#abera-customer-videos-v4 .acv4-verified {\n  color: var(--green);\n\n  font-size: 10px;\n  line-height: 1.3;\n\n  font-weight: 500;\n\n  white-space: nowrap;\n}\n\n\n\/* =========================================================\nCONTROLS\n========================================================= *\/\n\n#abera-customer-videos-v4 .acv4-controls {\n  display: none;\n}\n\n\n\/* =========================================================\nTABLET\n========================================================= *\/\n\n@media\n(min-width: 768px)\nand\n(max-width: 1199px) {\n\n  #abera-customer-videos-v4\n  .acv4-container {\n\n    padding-left: 34px;\n    padding-right: 34px;\n\n  }\n\n\n  #abera-customer-videos-v4\n  .acv4-track {\n\n    display: flex;\n\n    gap: 14px;\n\n    overflow-x: auto;\n    overflow-y: hidden;\n\n    padding-bottom: 5px;\n\n    scroll-snap-type:\n      x mandatory;\n\n    scrollbar-width:\n      none;\n\n    -webkit-overflow-scrolling:\n      touch;\n\n  }\n\n\n  #abera-customer-videos-v4\n  .acv4-track::-webkit-scrollbar {\n\n    display: none;\n\n  }\n\n\n  #abera-customer-videos-v4\n  .acv4-card {\n\n    flex:\n      0\n      0\n      42%;\n\n    scroll-snap-align:\n      start;\n\n  }\n\n}\n\n\n\/* =========================================================\nMOBILE\n========================================================= *\/\n\n@media (max-width: 767px) {\n\n  #abera-customer-videos-v4 {\n    margin: 0 !important;\n    padding: 0 !important;\n\n    background: var(--ivory);\n  }\n\n\n  #abera-customer-videos-v4 .acv4-main {\n    padding:\n      34px\n      0\n      40px;\n  }\n\n\n  #abera-customer-videos-v4\n  .acv4-container {\n\n    width: 100%;\n\n    padding-left: 16px;\n    padding-right: 16px;\n\n  }\n\n\n  \/* HEADER *\/\n\n  #abera-customer-videos-v4\n  .acv4-header {\n\n    margin-bottom: 24px;\n\n  }\n\n\n  #abera-customer-videos-v4\n  .acv4-eyebrow {\n\n    margin-bottom: 8px;\n\n    font-size: 11px;\n\n    letter-spacing: 1.1px;\n\n  }\n\n\n  #abera-customer-videos-v4\n  .acv4-title {\n\n    font-size:\n      clamp(23px, 6vw, 28px);\n\n    line-height: 1.2;\n\n    word-break: normal;\n\n    overflow-wrap: normal;\n\n    hyphens: none;\n\n  }\n\n\n  \/* =====================================================\n  MOBILE CAROUSEL\n  ===================================================== *\/\n\n  #abera-customer-videos-v4\n  .acv4-track {\n\n    width: 100%;\n\n    display: flex;\n\n    gap: 12px;\n\n    overflow-x: auto;\n    overflow-y: hidden;\n\n    padding-bottom: 5px;\n\n    scroll-snap-type:\n      x mandatory;\n\n    scroll-behavior:\n      smooth;\n\n    overscroll-behavior-x:\n      contain;\n\n    scrollbar-width:\n      none;\n\n    -webkit-overflow-scrolling:\n      touch;\n\n  }\n\n\n  #abera-customer-videos-v4\n  .acv4-track::-webkit-scrollbar {\n\n    display: none;\n\n  }\n\n\n  #abera-customer-videos-v4\n  .acv4-card {\n\n    flex:\n      0\n      0\n      78%;\n\n    min-width: 78%;\n\n    scroll-snap-align:\n      start;\n\n  }\n\n\n  #abera-customer-videos-v4\n  .acv4-info {\n\n    padding:\n      15px\n      14px\n      16px;\n\n  }\n\n\n  #abera-customer-videos-v4\n  .acv4-stars {\n\n    margin-bottom: 12px;\n\n    font-size: 17px;\n\n  }\n\n\n  #abera-customer-videos-v4\n  .acv4-name {\n\n    font-size: 14px;\n\n  }\n\n\n  \/* =====================================================\n  MOBILE ARROWS\n  ===================================================== *\/\n\n  #abera-customer-videos-v4\n  .acv4-controls {\n\n    display: flex;\n\n    align-items: center;\n\n    gap: 8px;\n\n    margin-top: 12px;\n\n  }\n\n\n  #abera-customer-videos-v4\n  .acv4-btn {\n\n    width: 32px;\n    height: 32px;\n\n    flex:\n      0\n      0\n      32px;\n\n    display: inline-flex;\n\n    align-items: center;\n    justify-content: center;\n\n    padding: 0;\n\n    border:\n      1px solid\n      var(--gold-main);\n\n    border-radius:\n      50%;\n\n    background:\n      var(--black);\n\n    color:\n      var(--gold-main);\n\n    font-family:\n      Arial,\n      sans-serif;\n\n    font-size:\n      17px;\n\n    line-height:\n      1;\n\n    cursor:\n      pointer;\n\n    appearance:\n      none;\n\n    -webkit-appearance:\n      none;\n\n  }\n\n\n  #abera-customer-videos-v4\n  .acv4-btn:disabled {\n\n    opacity: .35;\n\n    cursor: default;\n\n  }\n\n}\n\n\u003c\/style\u003e\n\u003csection id=\"abera-customer-videos-v4\"\u003e\n\u003cdiv class=\"acv4-main\"\u003e\n\u003cdiv class=\"acv4-container\"\u003e\u003c!-- HEADER --\u003e\n\u003cdiv class=\"acv4-header\"\u003e\n\u003cp class=\"acv4-eyebrow\"\u003ePERSONAS REALES. COBERTURA REAL DE CANAS.\u003c\/p\u003e\n\u003ch2 class=\"acv4-title\"\u003eDESCUBRE POR QUÉ LOS CLIENTES ESTÁN HACIENDO EL CAMBIO.\u003c\/h2\u003e\n\u003c\/div\u003e\n\u003c!-- VIDEOS --\u003e\n\u003cdiv class=\"acv4-track\"\u003e\u003c!-- 01 --\u003e\n\u003carticle class=\"acv4-card\"\u003e\n\u003cdiv class=\"acv4-video\"\u003e\u003cvideo preload=\"metadata\" playsinline=\"\" controls=\"controls\" poster=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/0803.webp?v=1787234744\" src=\"https:\/\/cdn.shopify.com\/videos\/c\/o\/v\/96e4ee60842546d28b4956b7d7229628.mp4\"\u003e\u003c\/video\u003e\u003c\/div\u003e\n\u003cdiv class=\"acv4-info\"\u003e\n\u003cdiv class=\"acv4-stars\"\u003e★★★★★\u003c\/div\u003e\n\u003cdiv class=\"acv4-person\"\u003e\u003cspan class=\"acv4-name\"\u003e Mark E. \u003c\/span\u003e \u003cspan class=\"acv4-verified\"\u003e ✓ Cliente verificado \u003c\/span\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/article\u003e\n\u003c!-- 02 --\u003e\n\u003carticle class=\"acv4-card\"\u003e\n\u003cdiv class=\"acv4-video\"\u003e\u003cvideo preload=\"metadata\" playsinline=\"\" controls=\"controls\" poster=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/0803-2-20260803093356-ioqjc.webp?v=1787235039\" src=\"https:\/\/cdn.shopify.com\/videos\/c\/o\/v\/1760d30ec5044633b1563f825eb48e87.mp4\"\u003e\u003c\/video\u003e\u003c\/div\u003e\n\u003cdiv class=\"acv4-info\"\u003e\n\u003cdiv class=\"acv4-stars\"\u003e★★★★★\u003c\/div\u003e\n\u003cdiv class=\"acv4-person\"\u003e\u003cspan class=\"acv4-name\"\u003e Emma O. \u003c\/span\u003e \u003cspan class=\"acv4-verified\"\u003e ✓ Cliente verificado \u003c\/span\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/article\u003e\n\u003c!-- 03 --\u003e\n\u003carticle class=\"acv4-card\"\u003e\n\u003cdiv class=\"acv4-video\"\u003e\u003cvideo preload=\"metadata\" playsinline=\"\" controls=\"controls\" poster=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/unbox-20260803093950-avtmk.webp?v=1787235039\" src=\"https:\/\/cdn.shopify.com\/videos\/c\/o\/v\/2e42d08b4e8d4c7cb6e8df19edf34b8c.mp4\"\u003e\u003c\/video\u003e\u003c\/div\u003e\n\u003cdiv class=\"acv4-info\"\u003e\n\u003cdiv class=\"acv4-stars\"\u003e★★★★★\u003c\/div\u003e\n\u003cdiv class=\"acv4-person\"\u003e\u003cspan class=\"acv4-name\"\u003e Jack L. \u003c\/span\u003e \u003cspan class=\"acv4-verified\"\u003e ✓ Cliente verificado \u003c\/span\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/article\u003e\n\u003c!-- 04 --\u003e\n\u003carticle class=\"acv4-card\"\u003e\n\u003cdiv class=\"acv4-video\"\u003e\u003cvideo preload=\"metadata\" playsinline=\"\" controls=\"controls\" poster=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/hairpack-20260803095427-h2gd3.webp?v=1787235039\" src=\"https:\/\/cdn.shopify.com\/videos\/c\/o\/v\/eee2693211dc4c819856830d88428650.mp4\"\u003e\u003c\/video\u003e\u003c\/div\u003e\n\u003cdiv class=\"acv4-info\"\u003e\n\u003cdiv class=\"acv4-stars\"\u003e★★★★★\u003c\/div\u003e\n\u003cdiv class=\"acv4-person\"\u003e\u003cspan class=\"acv4-name\"\u003e Ave R. \u003c\/span\u003e \u003cspan class=\"acv4-verified\"\u003e ✓ Cliente verificado \u003c\/span\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/article\u003e\n\u003c\/div\u003e\n\u003c!-- MOBILE ARROWS --\u003e\n\u003cdiv class=\"acv4-controls\"\u003e\u003cbutton aria-label=\"Video anterior de cliente\" class=\"acv4-btn acv4-prev\" type=\"button\"\u003e ← \u003c\/button\u003e \u003cbutton aria-label=\"Siguiente video de cliente\" class=\"acv4-btn acv4-next\" type=\"button\"\u003e → \u003c\/button\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- =========================================================\nMOBILE CAROUSEL JS\n========================================================= --\u003e \u003cscript\u003e\n\n(function () {\n\n  const section =\n    document.querySelector(\n      \"#abera-customer-videos-v4\"\n    );\n\n  if (!section) return;\n\n\n  const track =\n    section.querySelector(\n      \".acv4-track\"\n    );\n\n  const prev =\n    section.querySelector(\n      \".acv4-prev\"\n    );\n\n  const next =\n    section.querySelector(\n      \".acv4-next\"\n    );\n\n\n  if (!track || !prev || !next) return;\n\n\n  function getScrollAmount() {\n\n    const card =\n      track.querySelector(\n        \".acv4-card\"\n      );\n\n    if (!card) return 300;\n\n\n    const styles =\n      window.getComputedStyle(\n        track\n      );\n\n\n    const gap =\n      parseFloat(\n        styles.columnGap ||\n        styles.gap\n      ) || 12;\n\n\n    return (\n      card.getBoundingClientRect().width\n      +\n      gap\n    );\n\n  }\n\n\n  prev.addEventListener(\n    \"click\",\n    function () {\n\n      track.scrollBy({\n\n        left:\n          -getScrollAmount(),\n\n        behavior:\n          \"smooth\"\n\n      });\n\n    }\n  );\n\n\n  next.addEventListener(\n    \"click\",\n    function () {\n\n      track.scrollBy({\n\n        left:\n          getScrollAmount(),\n\n        behavior:\n          \"smooth\"\n\n      });\n\n    }\n  );\n\n\n  function updateButtons() {\n\n    const max =\n      track.scrollWidth\n      -\n      track.clientWidth;\n\n\n    prev.disabled =\n      track.scrollLeft \u003c= 4;\n\n\n    next.disabled =\n      track.scrollLeft \u003e=\n      max - 4;\n\n  }\n\n\n  track.addEventListener(\n    \"scroll\",\n    updateButtons,\n    {\n      passive: true\n    }\n  );\n\n\n  window.addEventListener(\n    \"resize\",\n    updateButtons\n  );\n\n\n  updateButtons();\n\n})();\n\n\u003c\/script\u003e\u003c\/section\u003e\n\u003c!-- =========================================================\nABERA HAIR DYE — FAQ\nCONTINUOUS BEIGE BACKGROUND\n11 QUESTIONS\nNO JAVASCRIPT REQUIRED\n========================================================= --\u003e\n\u003cstyle\u003e\n\n\/* =========================================================\nGLOBAL PAGE BACKGROUND\nREMOVE WHITE GAPS BETWEEN ABERA SECTIONS\n========================================================= *\/\n\n#MainContent {\n  background: #f7f3ec !important;\n}\n\n\n\/* SHOPIFY WRAPPERS *\/\n\n#MainContent .shopify-section:has([id^=\"abera-\"]) {\n  margin-top: 0 !important;\n  margin-bottom: 0 !important;\n\n  padding-top: 0 !important;\n  padding-bottom: 0 !important;\n\n  background: #f7f3ec !important;\n}\n\n\n\/* FAQ WRAPPER — EXTRA SAFETY *\/\n\n#MainContent .shopify-section:has(#abera-faq-v4) {\n  margin: 0 !important;\n  padding: 0 !important;\n\n  background: #f7f3ec !important;\n}\n\n\n\/* REMOVE GAP BETWEEN ADJACENT ABERA SECTIONS *\/\n\n#MainContent\n.shopify-section:has([id^=\"abera-\"])\n+\n.shopify-section:has([id^=\"abera-\"]) {\n\n  margin-top: 0 !important;\n  padding-top: 0 !important;\n\n}\n\n\n\/* =========================================================\nROOT\n========================================================= *\/\n\n#abera-faq-v4,\n#abera-faq-v4 * {\n  box-sizing: border-box;\n}\n\n\n#abera-faq-v4 {\n  --black: #0f0f0f;\n\n  --gold: #b07d2f;\n  --gold-main: #c89c46;\n\n  --ivory: #f7f3ec;\n\n  --text: #171717;\n  --muted: #625d56;\n\n  --line: #d8d0c3;\n\n\n  width: 100%;\n\n  margin: 0 !important;\n  padding: 0 !important;\n\n  background: var(--ivory);\n\n  color: var(--text);\n\n  font-family:\n    \"Inter\",\n    Arial,\n    sans-serif;\n}\n\n\n\/* =========================================================\nSECTION INNER\n========================================================= *\/\n\n#abera-faq-v4 .afq4-main {\n  width: 100%;\n\n  margin: 0;\n\n  padding:\n    clamp(48px, 5vw, 76px)\n    0\n    clamp(54px, 5vw, 80px);\n\n  background: var(--ivory);\n}\n\n\n\/* =========================================================\nCONTAINER\n========================================================= *\/\n\n#abera-faq-v4 .afq4-container {\n  width: 100%;\n\n  max-width: 1250px;\n\n  margin: 0 auto;\n\n  padding-left:\n    clamp(36px, 7vw, 112px);\n\n  padding-right:\n    clamp(36px, 7vw, 112px);\n}\n\n\n\/* =========================================================\nTITLE\n========================================================= *\/\n\n#abera-faq-v4 .afq4-title {\n  width: 100%;\n\n  margin:\n    0\n    0\n    clamp(30px, 4vw, 42px);\n\n  padding: 0;\n\n  color: var(--black);\n\n  font-size:\n    clamp(28px, 3vw, 40px);\n\n  line-height: 1.15;\n\n  font-weight: 600;\n\n  letter-spacing: 0;\n\n  text-align: center;\n\n  text-wrap: balance;\n}\n\n\n\/* =========================================================\nFAQ LIST\n========================================================= *\/\n\n#abera-faq-v4 .afq4-list {\n  width: 100%;\n\n  margin: 0;\n  padding: 0;\n\n  border-top:\n    1px solid\n    var(--line);\n}\n\n\n\/* =========================================================\nITEM\n========================================================= *\/\n\n#abera-faq-v4 .afq4-item {\n  width: 100%;\n\n  margin: 0;\n  padding: 0;\n\n  border-bottom:\n    1px solid\n    var(--line);\n\n  background: transparent;\n}\n\n\n\/* REMOVE BROWSER DEFAULT MARKER *\/\n\n#abera-faq-v4\n.afq4-question::-webkit-details-marker {\n\n  display: none;\n\n}\n\n\n#abera-faq-v4\n.afq4-question::marker {\n\n  content: \"\";\n\n}\n\n\n\/* =========================================================\nQUESTION\n========================================================= *\/\n\n#abera-faq-v4 .afq4-question {\n  position: relative;\n\n  width: 100%;\n\n  min-height: 72px;\n\n  display: flex;\n\n  align-items: center;\n\n  margin: 0;\n\n  padding:\n    20px\n    42px\n    20px\n    0;\n\n  list-style: none;\n\n  cursor: pointer;\n\n  color: var(--black);\n\n  font-size: 14px;\n  line-height: 1.45;\n\n  font-weight: 500;\n\n  text-align: left;\n\n  outline: none;\n\n  word-break: normal;\n\n  overflow-wrap: break-word;\n\n  hyphens: none;\n\n  -webkit-hyphens: none;\n}\n\n\n\/* =========================================================\nPLUS\n========================================================= *\/\n\n#abera-faq-v4\n.afq4-question::after {\n\n  content: \"+\";\n\n  position: absolute;\n\n  top: 50%;\n  right: 2px;\n\n  transform:\n    translateY(-50%);\n\n  color: var(--gold);\n\n  font-size: 20px;\n  line-height: 1;\n\n  font-weight: 400;\n\n}\n\n\n\/* OPEN = MINUS *\/\n\n#abera-faq-v4\n.afq4-item[open]\n.afq4-question::after {\n\n  content: \"−\";\n\n}\n\n\n\/* =========================================================\nANSWER\n========================================================= *\/\n\n#abera-faq-v4 .afq4-answer {\n  width: 100%;\n\n  max-width: 1000px;\n\n  margin: 0;\n\n  padding:\n    0\n    55px\n    21px\n    0;\n\n  color: var(--muted);\n\n  font-size: 14px;\n  line-height: 1.65;\n\n  font-weight: 400;\n\n  word-break: normal;\n\n  overflow-wrap: break-word;\n\n  hyphens: none;\n\n  -webkit-hyphens: none;\n}\n\n\n#abera-faq-v4 .afq4-answer p {\n  margin: 0;\n  padding: 0;\n}\n\n\n\/* =========================================================\nDESKTOP HOVER\n========================================================= *\/\n\n@media (min-width: 768px) {\n\n  #abera-faq-v4\n  .afq4-question {\n\n    transition:\n      color .2s ease;\n\n  }\n\n\n  #abera-faq-v4\n  .afq4-question:hover {\n\n    color: var(--gold);\n\n  }\n\n}\n\n\n\/* =========================================================\nTABLET\n========================================================= *\/\n\n@media\n(min-width: 768px)\nand\n(max-width: 1199px) {\n\n  #abera-faq-v4 .afq4-main {\n    padding:\n      44px\n      0\n      56px;\n  }\n\n\n  #abera-faq-v4 .afq4-container {\n    padding-left: 34px;\n    padding-right: 34px;\n  }\n\n\n  #abera-faq-v4 .afq4-title {\n    margin-bottom: 30px;\n\n    font-size:\n      clamp(27px, 4vw, 36px);\n  }\n\n}\n\n\n\/* =========================================================\nMOBILE\n========================================================= *\/\n\n@media (max-width: 767px) {\n\n  #abera-faq-v4 {\n    margin: 0 !important;\n    padding: 0 !important;\n\n    background: var(--ivory);\n  }\n\n\n  #abera-faq-v4 .afq4-main {\n    width: 100%;\n\n    margin: 0;\n\n    padding:\n      34px\n      0\n      40px;\n\n    background: var(--ivory);\n  }\n\n\n  #abera-faq-v4 .afq4-container {\n    width: 100%;\n\n    padding-left: 16px;\n    padding-right: 16px;\n  }\n\n\n  \/* TITLE *\/\n\n  #abera-faq-v4 .afq4-title {\n    margin-bottom: 24px;\n\n    font-size:\n      clamp(23px, 6vw, 29px);\n\n    line-height: 1.2;\n\n    word-break: normal;\n\n    overflow-wrap: normal;\n\n    hyphens: none;\n  }\n\n\n  \/* QUESTION *\/\n\n  #abera-faq-v4 .afq4-question {\n    min-height: 64px;\n\n    padding:\n      17px\n      31px\n      17px\n      0;\n\n    font-size: 14px;\n    line-height: 1.45;\n\n    word-break: normal !important;\n\n    overflow-wrap: break-word !important;\n\n    hyphens: none !important;\n\n    -webkit-hyphens: none !important;\n  }\n\n\n  #abera-faq-v4\n  .afq4-question::after {\n\n    right: 1px;\n\n    font-size: 19px;\n\n  }\n\n\n  \/* ANSWER *\/\n\n  #abera-faq-v4 .afq4-answer {\n    max-width: 100%;\n\n    padding:\n      0\n      28px\n      18px\n      0;\n\n    font-size: 13px;\n    line-height: 1.6;\n  }\n\n}\n\n\u003c\/style\u003e\n\u003csection id=\"abera-faq-v4\"\u003e\u003c!-- =========================================================\nFAQ CONTENT\n========================================================= --\u003e\n\u003cdiv class=\"afq4-main\"\u003e\n\u003cdiv class=\"afq4-container\"\u003e\u003c!-- TITLE --\u003e\n\u003ch2 class=\"afq4-title\"\u003ePREGUNTAS FRECUENTES\u003c\/h2\u003e\n\u003c!-- =====================================================\n    FAQ LIST\n    ====================================================== --\u003e\n\u003cdiv class=\"afq4-list\"\u003e\u003c!-- 01 --\u003e\n\u003cdetails class=\"afq4-item\"\u003e\n\u003csummary class=\"afq4-question\"\u003e¿Cuánto dura el color en el cabello?\u003c\/summary\u003e\n\u003cdiv class=\"afq4-answer\"\u003e\n\u003cp\u003eSegún el tipo de cabello y la frecuencia de lavado, Abera suele durar de 4 a 6 semanas.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c!-- 02 --\u003e\n\u003cdetails class=\"afq4-item\"\u003e\n\u003csummary class=\"afq4-question\"\u003e¿Puede causar alergias o es apto para piel sensible?\u003c\/summary\u003e\n\u003cdiv class=\"afq4-answer\"\u003e\n\u003cp\u003eAbera contiene sustancias químicas a las que algunas personas pueden ser sensibles, por ejemplo PPD y peróxido de hidrógeno. Recomendamos realizar una prueba de parche 24 horas antes de la aplicación completa.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c!-- 03 --\u003e\n\u003cdetails class=\"afq4-item\"\u003e\n\u003csummary class=\"afq4-question\"\u003e¿Un sobre es suficiente para una aplicación?\u003c\/summary\u003e\n\u003cdiv class=\"afq4-answer\"\u003e\n\u003cp\u003eLa cantidad necesaria depende del largo y grosor de tu cabello, así como de la zona que quieras teñir.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c!-- 04 --\u003e\n\u003cdetails class=\"afq4-item\"\u003e\n\u003csummary class=\"afq4-question\"\u003e¿Puedo usarlo solo en las raíces con canas?\u003c\/summary\u003e\n\u003cdiv class=\"afq4-answer\"\u003e\n\u003cp\u003eSí. Puedes concentrar la aplicación en las zonas con canas visibles, como las raíces, las sienes y la línea del cabello, siguiendo las instrucciones del producto.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c!-- 05 --\u003e\n\u003cdetails class=\"afq4-item\"\u003e\n\u003csummary class=\"afq4-question\"\u003e¿Funciona en cualquier tipo de cabello?\u003c\/summary\u003e\n\u003cdiv class=\"afq4-answer\"\u003e\n\u003cp\u003eSí, Abera funciona en tipos de cabello del 1A al 4C. Gracias a su textura similar a un champú, es fácil de aplicar y cubre las canas desde la raíz hasta las puntas.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c!-- 06 --\u003e\n\u003cdetails class=\"afq4-item\"\u003e\n\u003csummary class=\"afq4-question\"\u003e¿Este champú deja manchas en la piel o la tela?\u003c\/summary\u003e\n\u003cdiv class=\"afq4-answer\"\u003e\n\u003cp\u003eEl Champú Tinte Instantáneo Abera está diseñado para una aplicación más limpia y sencilla. Recomendamos usar guantes durante la aplicación y evitar toallas y ropa blancas o de colores claros, ya que el pigmento puede transferirse si el producto no se enjuaga por completo.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c!-- 07 --\u003e\n\u003cdetails class=\"afq4-item\"\u003e\n\u003csummary class=\"afq4-question\"\u003e¿Puedo usar este champú en la barba?\u003c\/summary\u003e\n\u003cdiv class=\"afq4-answer\"\u003e\n\u003cp\u003eSi la piel de tu rostro se irrita con facilidad, prueba primero el producto en una zona pequeña antes de aplicarlo de forma más amplia y sigue las instrucciones del producto.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c!-- 08 --\u003e\n\u003cdetails class=\"afq4-item\"\u003e\n\u003csummary class=\"afq4-question\"\u003e¿Se puede usar con mis productos habituales para el cuidado del cabello?\u003c\/summary\u003e\n\u003cdiv class=\"afq4-answer\"\u003e\n\u003cp\u003eRecomendamos usar nuestro champú y acondicionador entre aplicaciones de color. Puedes aplicar acondicionador después de enjuagar completamente el tinte.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c!-- 09 --\u003e\n\u003cdetails class=\"afq4-item\"\u003e\n\u003csummary class=\"afq4-question\"\u003e¿Debo realizar una prueba de alergia?\u003c\/summary\u003e\n\u003cdiv class=\"afq4-answer\"\u003e\n\u003cp\u003eSí. Sigue las instrucciones de la prueba de alergia incluidas con el producto de coloración antes de usarlo.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c!-- 10 --\u003e\n\u003cdetails class=\"afq4-item\"\u003e\n\u003csummary class=\"afq4-question\"\u003e¿Funciona en cabello completamente canoso?\u003c\/summary\u003e\n\u003cdiv class=\"afq4-answer\"\u003e\n\u003cp\u003eLa cobertura puede variar según el color original de tu cabello, el porcentaje de canas, el estado del cabello y la aplicación.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c!-- 11 --\u003e\n\u003cdetails class=\"afq4-item\"\u003e\n\u003csummary class=\"afq4-question\"\u003e¿Cuánto tardará en llegar mi pedido?\u003c\/summary\u003e\n\u003cdiv class=\"afq4-answer\"\u003e\n\u003cp\u003eLos pedidos se envían desde nuestras instalaciones en EE. UU. dentro de 1 a 2 días hábiles después de recibir el pedido. Los pedidos dentro de EE. UU. generalmente llegan entre 3 y 4 días después. Recibirás un correo electrónico con un número de seguimiento cuando se envíe tu paquete para que puedas seguir tu pedido hasta la puerta de tu casa.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e","brand":"ABERA US","offers":[{"title":"1 caja","offer_id":54087720239472,"sku":"CB-ABERA102+SL1","price":28.99,"currency_code":"USD","in_stock":true},{"title":"2 Cajas","offer_id":54087720272240,"sku":"CB-ABERA102+SL2-CB-DGBUOI081+SL1","price":46.99,"currency_code":"USD","in_stock":true},{"title":"3 Cajas + Paquete de Cuidado Capilar Gratis","offer_id":54087720305008,"sku":"CB-ABERA102+SL3-CB-DGBUOI081+SL1-CB-SRBUOI080+SL1","price":75.99,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/files\/81qm-71baqL._SL1500.webp?v=1785484769"}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0973\/6624\/5744\/collections\/hinh_3.webp?v=1759909260","url":"https:\/\/www.abera.us\/es\/collections\/hair-care.oembed","provider":"ABERA","version":"1.0","type":"link"}