{"product_id":"shampoo-batana-oil","title":"Shampoo Batana OIL","description":"\u003clink rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\"\u003e\n\u003clink rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin\u003e\n\u003clink href=\"https:\/\/fonts.googleapis.com\/css2?family=Barlow+Condensed:ital,wght@0,400;0,600;0,700;0,800;1,800\u0026amp;family=Inter:wght@400;500;600;700;800\u0026amp;display=swap\" rel=\"stylesheet\"\u003e\n\n\u003cstyle data-cwl-mobile-type\u003e\n@media (max-width: 640px) {\n [data-block=\"hero\"] h1,\n [data-block=\"hero\"] [class$=\"-title\"],\n [data-block=\"hero\"] [class*=\"-hero-title\"],\n [data-block=\"hero\"] [class*=\"-headline\"] {\n font-size: clamp(30px, 7.5vw, 40px) !important;\n line-height: 1.08 !important;\n font-weight: 800 !important;\n letter-spacing: -0.01em !important;\n text-wrap: balance;\n }\n [data-block=\"hero\"] h1 + p,\n [data-block=\"hero\"] [class$=\"-sub\"],\n [data-block=\"hero\"] [class*=\"-subheadline\"],\n [data-block=\"hero\"] [class*=\"-hero-sub\"] {\n font-size: 17px !important;\n line-height: 1.55 !important;\n opacity: 1 !important;\n color: inherit;\n }\n [data-block=\"hero\"] [class*=\"-rating\"] {\n font-size: 13px !important;\n }\n}\n@media (max-width: 400px) {\n [data-block=\"hero\"] h1,\n [data-block=\"hero\"] [class$=\"-title\"],\n [data-block=\"hero\"] [class*=\"-hero-title\"],\n [data-block=\"hero\"] [class*=\"-headline\"] {\n font-size: clamp(28px, 8.5vw, 34px) !important;\n }\n [data-block=\"hero\"] h1 + p,\n [data-block=\"hero\"] [class$=\"-sub\"],\n [data-block=\"hero\"] [class*=\"-subheadline\"] {\n font-size: 16px !important;\n }\n}\n\u003c\/style\u003e\n\u003cstyle\u003e\n\/* ═══ CONSTRUCTOR-WEB THEME OVERRIDE — hide gallery + theme-side product UI ═══ *\/\n\n\/* 1. Galería del theme — ocultar completamente *\/\n[id*=\"MainProduct\"] .product__media-gallery,\n[id*=\"MainProduct\"] .product__media-list,\n[id*=\"MainProduct\"] .product__media-item,\n[id*=\"MainProduct\"] .product__media-toggle,\n[id*=\"MainProduct\"] .product__media-zoom-button,\n[id*=\"MainProduct\"] .product__media-wrapper,\n[id*=\"MainProduct\"] .product__media,\n[id*=\"MainProduct\"] .gallery-slider,\n[id*=\"MainProduct\"] .product__media-list--no-outer-spacing,\n.product-media-modal,\n.product-single__media-group,\n.product-single__photos,\n.product__main-photos {\n display: none !important;\n}\n\n\/* 2. Title\/price\/rating\/buy-form del theme — el landing tiene los suyos.\n Selectores con \u003e para ser quirúrgicos: solo hijos directos del info-container,\n no afectar nada que esté dentro del body_html (rte product__description). *\/\n[id*=\"MainProduct\"] \u003e .product__info-container \u003e .product__title,\n[id*=\"MainProduct\"] \u003e .product__info-container \u003e .product__price,\n[id*=\"MainProduct\"] \u003e .product__info-container \u003e .product__rating,\n[id*=\"MainProduct\"] \u003e .product__info-container \u003e .product-form,\n[id*=\"MainProduct\"] .product__info \u003e .product__title,\n[id*=\"MainProduct\"] .product__info \u003e .product__price,\n[id*=\"MainProduct\"] .product__info \u003e .product__rating,\n[id*=\"MainProduct\"] .product__info \u003e .product-form,\n[id*=\"MainProduct\"] [data-product-form] {\n display: none !important;\n}\n\n\/* 3. info-container del theme: full-width, sin padding (porque tiene el\n description block adentro = body_html del landing) *\/\n[id*=\"MainProduct\"] .product__info-container,\n[id*=\"MainProduct\"] .product__info-wrapper,\n[id*=\"MainProduct\"] .main-product__info-container,\n[id*=\"MainProduct\"] .product__info {\n width: 100% !important;\n max-width: 100% !important;\n flex: 1 1 100% !important;\n padding: 0 !important;\n margin: 0 !important;\n}\n\n\/* 4. Wrapper section: sin padding del theme *\/\n.shopify-section[id*=\"MainProduct\"],\n.shopify-section[id*=\"MainProduct\"] \u003e div,\n.shopify-section [class*=\"section-template--\"][class*=\"__main-padding\"] {\n padding: 0 !important;\n margin: 0 !important;\n}\n\n\/* 5. Wrapper del landing toma todo el ancho útil *\/\n.cwl-wrap-fhc, .fhc.cwl-wrap-fhc, .rte.product__description {\n max-width: 100% !important;\n width: 100% !important;\n}\n\n\n\/* ═══ RELEASIT COD FORM — sticky button protection ═══ *\/\nhtml body [class*=\"releasit\"][class*=\"sticky\"],\nhtml body [id*=\"releasit\"][id*=\"sticky\"],\nhtml body [class*=\"rcod\"][class*=\"sticky\"],\nhtml body [id*=\"rcod\"][id*=\"sticky\"],\nhtml body [class*=\"releasit\"][class*=\"atc\"],\nhtml body [id*=\"releasit\"][id*=\"atc\"],\nhtml body [class*=\"rcod\"][class*=\"atc\"],\nhtml body [id*=\"rcod\"][id*=\"atc\"],\nhtml body [class*=\"releasit\"][class*=\"floating\"],\nhtml body [id*=\"releasit\"][id*=\"floating\"],\nhtml body [class*=\"releasit\"][class*=\"bar\"],\nhtml body [id*=\"releasit\"][id*=\"bar\"],\nhtml body .releasit-cod-form-sticky-atc,\nhtml body #releasit-cod-form-sticky-atc,\nhtml body .releasit-sticky-atc,\nhtml body #releasit-sticky-atc,\nhtml body .rcod-sticky-atc,\nhtml body #rcod-sticky-atc,\nhtml body .rcod-sticky-atc-button,\nhtml body #rcod-sticky-atc-button,\nhtml body .rcod-floating-button,\nhtml body #rcod-floating-button {\n display: block !important;\n visibility: visible !important;\n opacity: 1 !important;\n pointer-events: auto !important;\n position: fixed !important;\n bottom: 0 !important;\n left: 0 !important;\n right: 0 !important;\n transform: none !important;\n -webkit-transform: none !important;\n translate: 0 0 !important;\n clip-path: none !important;\n -webkit-clip-path: none !important;\n height: auto !important;\n max-height: none !important;\n z-index: 999999 !important;\n}\n\/* Si Releasit le pone una clase --hidden o --collapsed, neutralizamos también *\/\nhtml body [class*=\"releasit\"][class*=\"--hidden\"],\nhtml body [class*=\"rcod\"][class*=\"--hidden\"],\nhtml body [class*=\"releasit\"][class*=\"-hidden\"],\nhtml body [class*=\"rcod\"][class*=\"-hidden\"],\nhtml body [class*=\"releasit\"][class*=\"collapsed\"],\nhtml body [class*=\"rcod\"][class*=\"collapsed\"] {\n display: block !important;\n visibility: visible !important;\n opacity: 1 !important;\n transform: none !important;\n}\n\n\n\n .fhc {\n \/* Palette tokens — overrideables via section.settings (Shopify theme editor).\n Defaults preserve the original Full Hair Club look (cream\/navy\/orange).\n Buttons usan --orange (base) y --orange-2 (hover) — cambialos para reskinear todos los CTAs. *\/\n --cream: #faf6f0;\n --cream-2: #f3ede4;\n --navy: #2d1b15;\n --navy-deep: #1f120c;\n --orange: #c41e3a;\n --orange-2: #a01829;\n --orange-soft: #e85a6d;\n --brown: #8b4513;\n --ink: #1a1a1a;\n --muted: #6b6b6b;\n --line: #2d1b15;\n --font-display: 'Barlow Condensed', 'Inter', sans-serif;\n }\n * { box-sizing: border-box; }\n html, body { margin: 0; padding: 0; }\n body {\n background: var(--cream, #fbeed8);\n font-family: 'Inter', system-ui, sans-serif;\n color: #1b1b1b;\n -webkit-font-smoothing: antialiased;\n }\n .fhc {\n background: var(--cream);\n font-family: 'Inter', system-ui, sans-serif;\n color: var(--ink);\n }\n .fhc .display {\n font-family: 'Barlow Condensed', 'Inter', sans-serif;\n font-weight: 800;\n letter-spacing: 0.01em;\n line-height: 0.95;\n text-transform: uppercase;\n }\n\n \/* top dark bar *\/\n .topbar { background: #1b1b1b; height: 28px; }\n\n \/* header *\/\n .header-wrap { background: var(--cream); }\n .fhc .header {\n max-width: 1280px;\n margin: 0 auto;\n height: 76px;\n display: flex; align-items: center; justify-content: space-between;\n padding: 0 32px;\n }\n .fhc .logo {\n font-family: 'Barlow Condensed', sans-serif;\n color: var(--navy);\n line-height: 0.85;\n text-align: center;\n }\n .logo .word { font-size: 34px; font-weight: 800; font-style: italic; letter-spacing: -0.02em; }\n .logo .sub { font-size: 9px; font-weight: 700; letter-spacing: 0.32em; margin-top: 4px; color: var(--navy); }\n .fhc .cta-pill {\n background: var(--orange);\n color: #fff;\n border: none;\n font-family: 'Barlow Condensed', sans-serif;\n font-weight: 800;\n font-size: 18px;\n letter-spacing: 0.08em;\n padding: 14px 26px;\n border-radius: 4px;\n cursor: pointer;\n text-transform: uppercase;\n white-space: nowrap;\n }\n .cta-pill:hover { background: var(--orange-2); }\n\n \/* page — base 2-col flex *\/\n .fhc .page {\n max-width: 1100px;\n margin: 0 auto;\n padding: 24px 24px 80px;\n display: flex;\n flex-direction: row;\n flex-wrap: nowrap;\n gap: 32px;\n align-items: flex-start;\n }\n .fhc .left { flex: 0 0 calc(50% - 16px); max-width: calc(50% - 16px); min-width: 0; display: flex; flex-direction: column; gap: 24px; }\n .fhc .right { flex: 0 0 calc(50% - 16px); max-width: calc(50% - 16px); min-width: 0; display: flex; flex-direction: column; gap: 24px; }\n \/* Force 2-col desktop+tablet above 600px — flex row *\/\n @media (min-width: 601px) {\n .fhc .page { display: flex !important; flex-direction: row !important; flex-wrap: nowrap !important; gap: 32px !important; }\n .fhc .left, .fhc .right { flex: 0 0 calc(50% - 16px) !important; max-width: calc(50% - 16px) !important; min-width: 0 !important; display: flex !important; flex-direction: column !important; }\n .fhc .mobile-trust { display: none !important; }\n \/* Thumbs más pequeños para alinear altura total con hero square *\/\n .fhc .gallery { grid-template-columns: 72px 1fr !important; gap: 12px !important; }\n .fhc .thumb { width: 72px !important; aspect-ratio: 1 \/ 1 !important; }\n .fhc .thumbs { gap: 10px !important; grid-template-rows: repeat(5, auto) !important; align-content: start !important; }\n }\n .fhc .gallery {\n display: grid;\n grid-template-columns: 96px 1fr;\n gap: 14px;\n }\n .thumbs { display: grid; grid-template-rows: repeat(5, 1fr); gap: 14px; }\n .fhc .thumb {\n width: 96px;\n border-radius: 8px;\n border: 1.5px solid var(--navy);\n background: #fff;\n display: flex; flex-direction: column; align-items: center; justify-content: space-between;\n padding: 6px;\n cursor: pointer;\n overflow: hidden;\n position: relative;\n }\n .fhc .thumb .t-title {\n font-family: 'Barlow Condensed', sans-serif;\n font-weight: 800;\n font-size: 8px;\n color: var(--navy);\n text-align: center;\n line-height: 1.05;\n text-transform: uppercase;\n padding: 0 2px;\n }\n .fhc .thumb .t-body {\n flex: 1;\n width: 100%;\n margin: 4px 0;\n background:\n linear-gradient(135deg, #f5d4a6 0%, #e8b985 100%);\n border-radius: 4px;\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 2px;\n padding: 3px;\n }\n .fhc .thumb .t-body span {\n background: rgba(255,255,255,0.55);\n border-radius: 2px;\n }\n .thumb.active { outline: 2px solid var(--orange); outline-offset: 1px; }\n\n .fhc .hero {\n background: transparent !important;\n border-radius: 10px;\n aspect-ratio: 1 \/ 1;\n display: flex; align-items: center; justify-content: center;\n position: relative;\n overflow: hidden;\n }\n .fhc .hero-slide { background: transparent !important; }\n .fhc .hero-slide img { width: 100% !important; height: 100% !important; object-fit: cover !important; display: block !important; }\n\n .fhc .hero-slide {\n width: 100%; height: 100%;\n flex: 0 0 100%;\n display: flex; align-items: center; justify-content: center;\n position: relative;\n }\n .hero \u003e .hero-slide { display: none; }\n .hero \u003e .hero-slide.active { display: flex; }\n .hero-dots { display: none; }\n .fhc .hero-placeholder {\n width: 78%; height: 78%;\n border-radius: 12px;\n display: flex; align-items: flex-end; justify-content: center;\n padding: 24px;\n position: relative;\n }\n .hero-placeholder.hp-1 { background: linear-gradient(135deg, #d97a4a 0%, #c96442 100%); }\n .hero-placeholder.hp-2 { background: linear-gradient(135deg, #2c4263 0%, #1c2f5a 100%); }\n .hero-placeholder.hp-3 { background: linear-gradient(135deg, #f0d28a 0%, #d9a85c 100%); }\n .hero-placeholder.hp-4 { background: linear-gradient(135deg, #4a3829 0%, #2c2218 100%); }\n .fhc .hp-label {\n font-family: 'Barlow Condensed', sans-serif;\n font-weight: 800;\n letter-spacing: 0.04em;\n text-transform: uppercase;\n color: #fff;\n font-size: 18px;\n line-height: 1.1;\n text-align: center;\n text-shadow: 0 2px 8px rgba(0,0,0,0.3);\n }\n .hero-placeholder.hp-3 .hp-label { color: var(--navy); text-shadow: none; }\n\n \/* product can *\/\n .fhc .can {\n width: 230px;\n height: 380px;\n position: relative;\n filter: drop-shadow(0 30px 40px rgba(0,0,0,0.45));\n }\n .fhc .can .cap {\n position: absolute; top: 0; left: 0; right: 0; height: 110px;\n background: linear-gradient(180deg, #2c4263 0%, #1f3251 60%, #14223d 100%);\n border-radius: 115px 115px 6px 6px \/ 22px 22px 6px 6px;\n box-shadow: inset 0 -6px 12px rgba(0,0,0,0.3);\n }\n .fhc .can .cap::before {\n content: \"\"; position: absolute; left: 50%; top: 8px; transform: translateX(-50%);\n width: 110px; height: 18px;\n background: linear-gradient(180deg, #d97a55 0%, #b85d3a 100%);\n border-radius: 50%;\n box-shadow: inset 0 2px 3px rgba(0,0,0,0.3);\n }\n .fhc .can .cap::after {\n content: \"\"; position: absolute; left: 0; right: 0; bottom: 0; height: 8px;\n background: rgba(0,0,0,0.35);\n }\n .fhc .can .body {\n position: absolute; top: 100px; left: 0; right: 0; bottom: 0;\n background:\n linear-gradient(180deg, #faf7f0 0%, #f0ead9 100%);\n border-radius: 6px 6px 8px 8px;\n box-shadow: inset 6px 0 14px rgba(0,0,0,0.12), inset -6px 0 14px rgba(0,0,0,0.12);\n display: flex; flex-direction: column; align-items: center; padding: 28px 14px 18px;\n }\n .fhc .can .tagline {\n font-family: 'Barlow Condensed', sans-serif;\n font-weight: 800;\n color: #fff;\n font-size: 12px;\n letter-spacing: 0.1em;\n text-transform: uppercase;\n position: absolute; top: 60px; left: 0; right: 0; text-align: center;\n }\n .fhc .can .brand {\n font-family: 'Barlow Condensed', sans-serif;\n font-weight: 800;\n font-style: italic;\n color: var(--navy);\n font-size: 56px;\n line-height: 0.85;\n margin-top: 18px;\n }\n .fhc .can .brand-sub {\n font-family: 'Barlow Condensed', sans-serif;\n font-weight: 700;\n color: var(--navy);\n font-size: 11px;\n letter-spacing: 0.32em;\n margin-top: 4px;\n }\n .fhc .can .shade {\n margin-top: 28px;\n background: var(--brown);\n color: #fff;\n font-family: 'Barlow Condensed', sans-serif;\n font-weight: 800;\n font-size: 11px;\n letter-spacing: 0.18em;\n padding: 5px 14px;\n border-radius: 999px;\n }\n .fhc .can .desc {\n font-family: 'Barlow Condensed', sans-serif;\n font-weight: 600;\n font-size: 11px;\n color: var(--navy);\n text-align: center;\n margin-top: auto;\n line-height: 1.3;\n letter-spacing: 0.02em;\n }\n\n \/* FAQs *\/\n .faqs { margin-top: 28px; display: flex; flex-direction: column; gap: 14px; }\n .fhc .faq {\n background: #fff;\n border: 1.5px solid var(--navy);\n border-radius: 12px;\n padding: 0;\n }\n .fhc .faq-q {\n width: 100%; background: none; border: none; cursor: pointer;\n display: flex; align-items: center; justify-content: space-between;\n padding: 18px 22px;\n font-family: 'Inter', sans-serif;\n font-weight: 600;\n font-size: 15px;\n color: var(--navy);\n text-align: left;\n }\n .fhc .faq-q .icon {\n font-family: 'Barlow Condensed', sans-serif;\n font-weight: 700;\n font-size: 22px;\n color: var(--navy);\n line-height: 1;\n transition: transform 0.2s ease;\n }\n .faq.open .faq-q .icon { transform: rotate(45deg); }\n .fhc .faq-a {\n max-height: 0; overflow: hidden;\n transition: max-height 0.25s ease;\n padding: 0 22px;\n color: var(--muted);\n font-size: 14px;\n line-height: 1.55;\n }\n .fhc .faq.open .faq-a {\n max-height: 240px;\n padding: 0 22px 18px;\n }\n\n \/* right column *\/\n .right { padding-top: 4px; }\n .fhc .stars {\n display: flex; align-items: center; gap: 8px;\n color: var(--orange);\n font-size: 16px;\n }\n .fhc .stars .meta {\n font-family: 'Barlow Condensed', sans-serif;\n font-weight: 800;\n color: var(--ink);\n font-size: 13px;\n letter-spacing: 0.05em;\n }\n .fhc h1.title {\n font-size: 56px;\n color: var(--navy);\n margin: 14px 0 14px;\n }\n .fhc .lede {\n font-size: 14px; color: var(--ink); margin: 0 0 18px;\n }\n .fhc .benefits {\n display: grid;\n grid-template-columns: 1fr 1fr;\n column-gap: 22px;\n row-gap: 10px;\n margin-bottom: 22px;\n }\n .fhc .benefit {\n display: flex; align-items: center; gap: 10px;\n font-size: 14px; color: var(--ink); font-weight: 500;\n }\n .fhc .check {\n width: 18px; height: 18px; flex: 0 0 18px;\n background: var(--orange);\n color: #fff;\n border-radius: 50%;\n display: inline-flex; align-items: center; justify-content: center;\n font-size: 11px;\n }\n .benefit:nth-child(5), .benefit:nth-child(6) { grid-column: 1 \/ -1; }\n\n .fhc .bundle-title {\n font-family: 'Barlow Condensed', sans-serif;\n font-weight: 800;\n font-size: 18px;\n letter-spacing: 0.18em;\n text-align: center;\n color: var(--ink);\n margin: 8px 0 14px;\n }\n\n .fhc .bundle {\n border: 1.5px solid var(--navy);\n border-radius: 12px;\n background: #fff;\n padding: 14px 18px 14px 14px;\n display: grid;\n grid-template-columns: 22px 60px minmax(0, 1fr) auto;\n align-items: center;\n gap: 18px;\n cursor: pointer;\n margin-bottom: 12px;\n position: relative;\n }\n .fhc .bundle.active { border-color: var(--orange); border-width: 2px; padding: 13.5px 17.5px 13.5px 13.5px; }\n .fhc .radio {\n width: 20px; height: 20px;\n border-radius: 50%;\n border: 2px solid var(--navy);\n background: #fff;\n position: relative;\n }\n .bundle.active .radio { border-color: var(--orange); }\n .fhc .bundle.active .radio::after {\n content: \"\"; position: absolute; inset: 3px;\n border-radius: 50%; background: var(--orange);\n }\n .fhc .bundle-thumb {\n width: 70px; height: 70px;\n background: var(--cream-2);\n border-radius: 8px;\n display: flex; align-items: center; justify-content: center;\n position: relative;\n }\n .fhc .bundle-thumb .mini-can {\n width: 44px; height: 56px;\n border-radius: 6px;\n background: linear-gradient(135deg, #f0e8d6 0%, #e3d9c0 100%) !important;\n border: 1px dashed rgba(31,58,95,0.35);\n position: relative;\n }\n .fhc .bundle-thumb .mini-can-OLD {\n width: 28px; height: 50px;\n border-radius: 4px 4px 3px 3px;\n background: linear-gradient(180deg, var(--navy) 0 36%, #f5efe0 36% 100%);\n position: relative;\n }\n .fhc .bundle-thumb .mini-can::after {\n content: 'full';\n position: absolute; left: 0; right: 0; top: 55%;\n text-align: center;\n font-family: 'Barlow Condensed', sans-serif;\n font-weight: 800; font-style: italic;\n color: var(--navy); font-size: 9px;\n }\n .fhc .bundle-thumb .qty-badge {\n position: absolute; bottom: -6px; left: -6px;\n background: var(--orange);\n color: #fff;\n font-family: 'Barlow Condensed', sans-serif;\n font-weight: 800;\n font-size: 11px;\n width: 24px; height: 24px;\n border-radius: 50%;\n display: flex; align-items: center; justify-content: center;\n border: 2px solid #fff;\n }\n .fhc .bundle-info { display: flex; flex-direction: column; gap: 4px; padding-right: 16px; }\n .fhc .bundle-info .name {\n font-family: 'Barlow Condensed', sans-serif;\n font-weight: 800;\n font-size: 18px;\n letter-spacing: 0.04em;\n color: var(--navy);\n }\n .fhc .bundle-info .per {\n font-size: 12px; color: var(--muted);\n }\n .fhc .bundle-info .badges {\n display: flex; gap: 6px; margin-top: 4px; flex-wrap: wrap;\n }\n .fhc .badge-tag {\n background: var(--orange);\n color: #fff;\n font-family: 'Barlow Condensed', sans-serif;\n font-weight: 800;\n font-size: 9.5px;\n letter-spacing: 0.05em;\n padding: 3px 8px;\n border-radius: 999px;\n white-space: nowrap;\n }\n .bundle-prices { text-align: right; padding-right: 6px; }\n .fhc .bundle-prices .pnow {\n font-family: 'Barlow Condensed', sans-serif;\n font-weight: 800;\n font-size: 22px;\n color: var(--orange-2);\n }\n .fhc .bundle-prices .pold {\n font-size: 14px; color: #aaa; text-decoration: line-through;\n }\n\n .fhc .add-bundle {\n width: 100%;\n background: var(--orange-soft);\n color: #fff;\n border: none;\n font-family: 'Barlow Condensed', sans-serif;\n font-weight: 800;\n font-size: 20px;\n letter-spacing: 0.12em;\n padding: 16px;\n border-radius: 10px;\n cursor: pointer;\n text-transform: uppercase;\n margin-top: 12px;\n transition: background 0.15s ease;\n }\n .add-bundle.enabled { background: var(--orange); }\n .add-bundle.enabled:hover { background: var(--orange-2); }\n\n \/* ========== SECTION DIVIDERS (torn paper) ========== *\/\n .fhc .torn-top, .fhc .torn-bottom { display: none !important; }\n .fhc .torn-top--ORIGINAL, .fhc .torn-bottom--ORIGINAL {\n height: 28px;\n background-repeat: repeat-x;\n background-size: 800px 28px;\n }\n .fhc .torn-top {\n background-image: url(\"data:image\/svg+xml;utf8,\u003csvg xmlns='http:\/\/www.w3.org\/2000\/svg' viewBox='0 0 800 28' preserveAspectRatio='none'\u003e\u003cpath d='M0,28 L0,12 Q20,4 40,10 T80,8 T120,14 T160,6 T200,12 T240,4 T280,11 T320,7 T360,13 T400,5 T440,10 T480,15 T520,6 T560,11 T600,4 T640,12 T680,8 T720,14 T760,6 T800,10 L800,28 Z' fill='%23fbeed8'\/\u003e\u003c\/svg\u003e\");\n margin-top: -1px;\n }\n .fhc .torn-bottom {\n background-image: url(\"data:image\/svg+xml;utf8,\u003csvg xmlns='http:\/\/www.w3.org\/2000\/svg' viewBox='0 0 800 28' preserveAspectRatio='none'\u003e\u003cpath d='M0,0 L0,16 Q20,24 40,18 T80,20 T120,14 T160,22 T200,16 T240,24 T280,17 T320,21 T360,15 T400,23 T440,18 T480,13 T520,22 T560,17 T600,24 T640,16 T680,20 T720,14 T760,22 T800,18 L800,0 Z' fill='%23fbeed8'\/\u003e\u003c\/svg\u003e\");\n margin-bottom: -1px;\n }\n\n .fhc .section {\n max-width: 1280px;\n margin: 0 auto;\n padding: 60px 32px;\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 64px;\n align-items: center;\n }\n\n \/* Why full hair club? *\/\n .why { padding: 40px 32px 60px; }\n .fhc .why h2 {\n font-family: 'Barlow Condensed', sans-serif;\n font-weight: 800;\n color: var(--navy);\n font-size: 36px;\n letter-spacing: 0.01em;\n margin: 0 0 22px;\n text-transform: uppercase;\n }\n .fhc .why-bens {\n display: grid;\n grid-template-columns: auto auto auto;\n column-gap: 28px;\n row-gap: 12px;\n justify-content: start;\n }\n .why-bens .benefit { font-size: 14px; }\n\n .fhc .review-card {\n background: #fff;\n border: 1.5px solid var(--navy);\n border-radius: 14px;\n padding: 22px 26px;\n }\n .fhc .review-card .row1 {\n display: flex; align-items: center; gap: 10px; margin-bottom: 10px;\n }\n .review-card .stars-mini { color: var(--orange, #f5a623); font-size: 16px; letter-spacing: 1px; }\n .fhc .review-card .r-title {\n font-family: 'Barlow Condensed', sans-serif;\n font-weight: 800;\n color: var(--navy);\n font-size: 16px;\n letter-spacing: 0.04em;\n }\n .fhc .review-card .r-body {\n color: var(--navy);\n font-size: 15px;\n line-height: 1.45;\n margin: 0 0 14px;\n font-weight: 500;\n }\n .fhc .review-card .r-author-row {\n display: flex; align-items: center; gap: 10px; margin-top: 4px;\n }\n .fhc .review-card .r-avatar {\n width: 38px; height: 38px; border-radius: 50%;\n object-fit: cover; flex-shrink: 0;\n border: 2px solid var(--orange);\n background: var(--cream-2);\n display: inline-flex; align-items: center; justify-content: center;\n font-family: 'Barlow Condensed', sans-serif; font-weight: 800;\n color: var(--navy); font-size: 16px;\n }\n .fhc .review-card .r-author {\n color: var(--navy);\n font-size: 13px;\n font-style: italic;\n opacity: 0.85;\n }\n\n \/* Section background bands *\/\n .fhc .band {\n background: var(--cream-2);\n position: relative;\n }\n\n \/* Tag pills *\/\n .fhc .tag-pill {\n display: inline-block;\n border: 1.5px dashed var(--orange);\n color: var(--orange);\n font-family: 'Barlow Condensed', sans-serif;\n font-weight: 800;\n font-size: 14px;\n letter-spacing: 0.16em;\n padding: 6px 14px;\n border-radius: 4px;\n margin-bottom: 18px;\n white-space: nowrap;\n }\n .fhc .section h2.section-title {\n font-family: 'Barlow Condensed', sans-serif;\n font-weight: 800;\n color: var(--navy);\n font-size: 44px;\n letter-spacing: 0.01em;\n margin: 0 0 18px;\n text-transform: uppercase;\n line-height: 1;\n }\n .fhc .section p.section-body {\n font-size: 15px;\n line-height: 1.55;\n color: var(--ink);\n margin: 0;\n max-width: 460px;\n }\n\n .fhc .photo-frame {\n aspect-ratio: 4 \/ 3.2;\n border-radius: 12px;\n border: 1.5px solid var(--navy);\n overflow: hidden;\n background: #d4cdb6;\n position: relative;\n display: flex; align-items: center; justify-content: center;\n }\n .fhc .photo-frame .ph-label {\n position: absolute;\n inset: auto 0 12px 0;\n text-align: center;\n color: rgba(255,255,255,0.85);\n font-family: 'Barlow Condensed', sans-serif;\n font-weight: 700;\n font-size: 12px;\n letter-spacing: 0.18em;\n text-transform: uppercase;\n }\n .fhc .photo-villain {\n background: #f0e9dc;\n border: 1.5px dashed rgba(28, 47, 90, 0.25);\n }\n .fhc .photo-villain::before { content: none; }\n\n .fhc .photo-hero {\n background: #f0e9dc;\n border: 1.5px dashed rgba(28, 47, 90, 0.25);\n }\n .fhc .photo-hero::before { content: none; }\n\n .fhc .bridge {\n text-align: center;\n padding: 40px 24px 56px;\n max-width: 680px;\n margin: 0 auto;\n font-family: 'Barlow Condensed', sans-serif;\n font-weight: 700;\n font-size: 22px;\n line-height: 1.35;\n letter-spacing: 0.01em;\n color: var(--navy);\n text-transform: uppercase;\n }\n .fhc .bridge a {\n display: inline-block;\n margin-top: 14px;\n padding: 12px 28px;\n background: var(--orange);\n color: #fff !important;\n text-decoration: none !important;\n font-weight: 800;\n font-size: 15px;\n letter-spacing: 0.06em;\n border-radius: 999px;\n box-shadow: 0 4px 12px rgba(232, 122, 62, 0.3);\n transition: transform 0.15s ease, box-shadow 0.15s ease, background 0.15s ease;\n }\n .fhc .bridge a:hover {\n background: var(--orange-2);\n transform: translateY(-1px);\n box-shadow: 0 6px 16px rgba(232, 122, 62, 0.4);\n }\n .fhc .bridge::before {\n content: \"👇\";\n display: block;\n font-size: 28px;\n margin-bottom: 12px;\n }\n @media (max-width: 600px) {\n .fhc .bridge { padding: 28px 16px 40px; font-size: 18px; }\n .fhc .bridge a { font-size: 14px; padding: 11px 22px; }\n .fhc .bridge::before { font-size: 24px; margin-bottom: 8px; }\n }\n\n .fhc .hero-stars {\n display: flex; align-items: center; gap: 8px;\n margin-bottom: 14px;\n }\n .hero-stars .s { color: var(--orange, #f5a623); font-size: 16px; letter-spacing: 1px; }\n .fhc .hero-stars .meta {\n font-family: 'Barlow Condensed', sans-serif;\n font-weight: 800; font-size: 13px; letter-spacing: 0.05em;\n color: var(--ink);\n }\n\n .fhc .tile-grid {\n display: grid;\n grid-template-columns: repeat(3, 1fr);\n gap: 14px;\n margin-top: 22px;\n max-width: 460px;\n }\n .fhc .tile {\n background: #fff;\n border: 1.5px solid var(--navy);\n border-radius: 14px;\n padding: 18px 12px 14px;\n display: flex; flex-direction: column; align-items: center; gap: 10px;\n text-align: center;\n }\n .fhc .tile .ico {\n width: 44px; height: 44px;\n color: var(--orange);\n display: flex; align-items: center; justify-content: center;\n }\n .tile .ico svg { width: 100%; height: 100%; fill: currentColor; }\n .fhc .tile .tile-icon-text { font-size: 32px; line-height: 1; display: inline-block; }\n .fhc .tile .ico img { width: 100%; height: 100%; object-fit: contain; display: block; }\n .fhc .tile .tlabel {\n font-family: 'Barlow Condensed', sans-serif;\n font-weight: 800;\n font-size: 13px;\n color: var(--orange);\n letter-spacing: 0.06em;\n line-height: 1.15;\n text-transform: uppercase;\n }\n\n .fhc .hero-cta {\n width: 100%;\n background: var(--orange);\n color: #fff;\n border: none;\n font-family: 'Barlow Condensed', sans-serif;\n font-weight: 800;\n font-size: 22px;\n letter-spacing: 0.12em;\n padding: 16px;\n border-radius: 8px;\n cursor: pointer;\n text-transform: uppercase;\n margin-top: 16px;\n }\n .hero-cta:hover { background: var(--orange-2); }\n\n \/* ========== QUOTE + BEFORE\/AFTER ========== *\/\n .fhc .quote-wrap {\n max-width: 1280px; margin: 0 auto; padding: 60px 32px 40px; text-align: center;\n }\n .fhc .quote-wrap .quote {\n font-family: 'Barlow Condensed', sans-serif;\n font-weight: 800;\n color: var(--navy);\n font-size: 32px;\n letter-spacing: 0.01em;\n text-transform: uppercase;\n line-height: 1.1;\n margin: 0 auto 28px;\n max-width: 720px;\n }\n .fhc .ba-row {\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 18px;\n justify-content: center;\n align-items: stretch;\n max-width: 720px;\n margin: 0 auto;\n }\n .fhc .ba-card {\n width: 100%;\n aspect-ratio: 1 \/ 1;\n border-radius: 14px;\n position: relative;\n background: #f0e9dc;\n overflow: hidden;\n box-shadow: 0 4px 16px rgba(0,0,0,0.12);\n }\n .fhc .ba-card.before { background: #f0e9dc; }\n .fhc .ba-card img {\n position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; display: block;\n }\n .fhc .ba-card .sticker {\n position: absolute;\n font-size: 36px;\n line-height: 1;\n filter: drop-shadow(0 2px 4px rgba(0,0,0,0.3));\n display: none;\n }\n .fhc .ba-label {\n position: absolute;\n top: 14px;\n left: 14px;\n z-index: 2;\n font-family: 'Barlow Condensed', sans-serif;\n font-weight: 800;\n font-size: 14px;\n letter-spacing: 0.14em;\n color: #fff;\n background: rgba(28, 47, 90, 0.95);\n padding: 8px 14px;\n border-radius: 4px;\n text-transform: uppercase;\n box-shadow: 0 2px 8px rgba(0,0,0,0.25);\n }\n .fhc .ba-label-after {\n background: var(--orange, #e87a3e);\n }\n @media (max-width: 600px) {\n .fhc .ba-row { gap: 10px; padding: 0 8px; }\n .fhc .ba-label { font-size: 12px; top: 10px; left: 10px; padding: 6px 10px; }\n }\n .ba-card.before .sticker { top: -10px; left: -10px; }\n .ba-card.after .sticker { top: -10px; right: -10px; }\n\n \/* ========== 3 STEPS ========== *\/\n .fhc .steps-wrap {\n max-width: 1280px; margin: 0 auto; padding: 50px 32px 60px; text-align: center;\n }\n .fhc .steps-wrap h2 {\n font-family: 'Barlow Condensed', sans-serif;\n font-weight: 800;\n color: var(--navy);\n font-size: 32px;\n letter-spacing: 0.01em;\n text-transform: uppercase;\n margin: 0 0 38px;\n }\n .fhc .steps {\n display: grid; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); gap: 30px;\n max-width: 900px; margin: 0 auto;\n }\n .fhc .step {\n display: grid; grid-template-columns: 70px 1fr; gap: 16px; align-items: start; text-align: left;\n }\n .fhc .step .step-ico {\n width: 70px; height: 70px;\n background: var(--orange);\n border-radius: 50%;\n display: flex; align-items: center; justify-content: center;\n color: var(--navy);\n }\n .step .step-ico svg { width: 38px; height: 38px; fill: var(--navy); }\n .fhc .step .step-icon-text { font-size: 36px; line-height: 1; display: inline-block; }\n .fhc .step .step-ico img { width: 70%; height: 70%; object-fit: contain; }\n .fhc .step .step-num {\n font-family: 'Barlow Condensed', sans-serif;\n font-weight: 800;\n color: var(--navy);\n font-size: 18px;\n letter-spacing: 0.06em;\n margin-bottom: 4px;\n }\n .fhc .step .step-text {\n font-size: 13px; color: var(--ink); line-height: 1.45;\n border-bottom: 1px solid #d8cdb3;\n padding-bottom: 10px;\n }\n\n \/* ========== TESTIMONIALS BAND ========== *\/\n .test-band { background: var(--cream-2); }\n .test-wrap { max-width: 1280px; margin: 0 auto; padding: 50px 32px 60px; text-align: center; }\n\n .fhc .polaroids {\n display: flex; justify-content: center; align-items: center;\n margin-bottom: 28px;\n height: 130px;\n position: relative;\n }\n .fhc .polaroid {\n width: 110px; height: 110px;\n border: 1.5px solid var(--navy);\n border-radius: 8px;\n margin: 0 -10px;\n background: linear-gradient(135deg, #8a7a6c 0%, #5a4d42 100%);\n box-shadow: 0 6px 14px rgba(0,0,0,0.25);\n }\n .polaroid:nth-child(1) { transform: rotate(-10deg) translateY(8px); background: #f0e9dc; border: 1.5px dashed rgba(28, 47, 90, 0.25); box-shadow: none; }\n .polaroid:nth-child(2) { transform: rotate(6deg) translateY(-4px); background: #f0e9dc; border: 1.5px dashed rgba(28, 47, 90, 0.25); box-shadow: none; }\n .polaroid:nth-child(3) { transform: rotate(-4deg) translateY(-12px); z-index: 2; background: #f0e9dc; border: 1.5px dashed rgba(28, 47, 90, 0.25); box-shadow: none; }\n .polaroid:nth-child(4) { transform: rotate(8deg) translateY(4px); background: #f0e9dc; border: 1.5px dashed rgba(28, 47, 90, 0.25); box-shadow: none; }\n\n .fhc .stars-big {\n color: var(--orange, #f5a623); font-size: 28px; letter-spacing: 6px; margin-bottom: 14px;\n }\n .fhc .test-headline {\n font-family: 'Barlow Condensed', sans-serif;\n font-weight: 800;\n color: var(--navy);\n font-size: 30px;\n letter-spacing: 0.01em;\n text-transform: uppercase;\n margin: 0 0 28px;\n line-height: 1.15;\n }\n .test-headline .accent { color: var(--orange); }\n\n .fhc .reviews {\n display: grid; grid-template-columns: repeat(4, 1fr); gap: 14px; margin-bottom: 30px;\n }\n .fhc .rev {\n background: #fff;\n border: 1.5px solid var(--navy);\n border-radius: 12px;\n padding: 14px 16px;\n text-align: left;\n }\n .rev .rh { display: flex; align-items: center; gap: 8px; margin-bottom: 8px; }\n .rev .rh .rs { color: var(--orange, #f5a623); font-size: 11px; letter-spacing: 1px; }\n .rev .rh .rt { font-family: 'Barlow Condensed', sans-serif; font-weight: 800; color: var(--navy); font-size: 13px; letter-spacing: 0.04em; }\n .rev .rb { font-size: 12px; color: var(--ink); line-height: 1.45; margin: 0 0 10px; }\n .rev .ra { font-size: 11px; color: var(--navy); font-style: italic; opacity: 0.7; }\n\n .fhc .test-cta {\n background: var(--orange); color: #fff; border: none;\n font-family: 'Barlow Condensed', sans-serif;\n font-weight: 800; font-size: 18px; letter-spacing: 0.1em;\n padding: 14px 38px; border-radius: 6px; cursor: pointer;\n text-transform: uppercase;\n }\n .test-cta:hover { background: var(--orange-2); }\n\n \/* ========== STATS \/ RINGS ========== *\/\n .stats-wrap { max-width: 1280px; margin: 0 auto; padding: 50px 32px 80px; text-align: center; }\n .fhc .stats-wrap h2 {\n font-family: 'Barlow Condensed', sans-serif;\n font-weight: 800; color: var(--navy);\n font-size: 30px; letter-spacing: 0.01em;\n text-transform: uppercase; margin: 0 0 28px;\n }\n .fhc .stats {\n display: grid; grid-template-columns: repeat(3, 1fr); gap: 18px; max-width: 1000px; margin: 0 auto;\n }\n .fhc .stat {\n background: #fff;\n border: 1.5px solid var(--navy);\n border-radius: 12px;\n padding: 18px 22px;\n display: grid;\n grid-template-columns: 78px 1fr;\n align-items: center;\n gap: 16px;\n text-align: left;\n }\n .fhc .stat-ico {\n width: 72px; height: 72px;\n border-radius: 16px;\n background: linear-gradient(135deg, rgba(232, 122, 62, 0.15) 0%, rgba(232, 122, 62, 0.06) 100%);\n border: 1.5px solid rgba(232, 122, 62, 0.25);\n display: flex; align-items: center; justify-content: center;\n flex-shrink: 0;\n }\n .fhc .stat-ico .stat-emoji {\n font-size: 36px; line-height: 1;\n }\n .fhc .stat-ico img {\n width: 60%; height: 60%; object-fit: contain;\n }\n .stat-text { font-size: 14px; line-height: 1.45; color: var(--ink); }\n .stat-text b { color: var(--orange-2); font-weight: 800; font-size: 17px; }\n\n \/* ========== US VS THEM ========== *\/\n .vs-wrap { max-width: 1280px; margin: 0 auto; padding: 30px 32px 50px; }\n .fhc .vs-wrap h2 {\n font-family: 'Barlow Condensed', sans-serif;\n font-weight: 800; color: var(--navy);\n font-size: 30px; letter-spacing: 0.01em;\n text-transform: uppercase; text-align: center;\n margin: 0 0 32px;\n }\n .vs-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 36px; align-items: start; }\n\n .fhc .compare-table {\n display: flex;\n align-items: stretch;\n position: relative;\n }\n .fhc .ct-col {\n flex: 1;\n background: #fff;\n border: 1.5px solid var(--navy);\n display: flex; flex-direction: column;\n }\n .ct-col.first { border-radius: 14px 0 0 14px; border-right: none; flex: 1.3; }\n .ct-col.last { border-radius: 0 14px 14px 0; border-left: none; }\n .fhc .ct-col.us {\n background: var(--cream-2);\n border-radius: 14px;\n margin: -10px -1px;\n z-index: 2;\n flex: 0.9;\n }\n .fhc .ct-cell {\n padding: 16px 18px;\n border-bottom: 1px solid #e1d6bd;\n font-size: 13px;\n color: var(--ink);\n display: flex; align-items: center;\n height: 64px;\n box-sizing: border-box;\n }\n .fhc .ct-cell.head {\n font-family: 'Barlow Condensed', sans-serif;\n font-weight: 800;\n font-size: 18px;\n letter-spacing: 0.05em;\n color: var(--navy);\n border-bottom: 1.5px solid var(--navy);\n height: 70px;\n text-transform: uppercase;\n }\n .ct-cell.center { justify-content: center; }\n .ct-cell.last { border-bottom: none; }\n .fhc .check-circle, .fhc .x-circle {\n width: 28px; height: 28px; border-radius: 50%;\n display: inline-flex; align-items: center; justify-content: center;\n color: #fff; font-size: 14px; font-weight: 800;\n }\n .check-circle { background: var(--navy); }\n .x-circle { background: var(--ink); }\n\n .vs-reviews { display: flex; flex-direction: column; gap: 14px; }\n .fhc .vs-rev {\n background: #fff;\n border: 1.5px solid var(--navy);\n border-radius: 12px;\n padding: 14px 18px;\n }\n .vs-rev .rh { display: flex; align-items: center; gap: 8px; margin-bottom: 8px; }\n .vs-rev .rh .rs { color: var(--orange, #f5a623); font-size: 12px; letter-spacing: 1px; }\n .vs-rev .rh .rt { font-family: 'Barlow Condensed', sans-serif; font-weight: 800; color: var(--navy); font-size: 14px; letter-spacing: 0.04em; }\n .vs-rev .rb { font-size: 13px; color: var(--ink); line-height: 1.45; margin: 0 0 8px; }\n .vs-rev .ra { font-size: 12px; color: var(--navy); font-style: italic; opacity: 0.7; }\n\n .vs-cta-wrap { text-align: center; margin-top: 30px; }\n .fhc .vs-cta {\n background: var(--orange); color: #fff; border: none;\n font-family: 'Barlow Condensed', sans-serif;\n font-weight: 800; font-size: 18px; letter-spacing: 0.1em;\n padding: 14px 50px; border-radius: 6px; cursor: pointer;\n text-transform: uppercase;\n }\n .vs-cta:hover { background: var(--orange-2); }\n\n \/* ========== FAQS SECTION ========== *\/\n .faqs-band { background: var(--cream-2); }\n .fhc .faqs-wrap {\n max-width: 760px; margin: 0 auto; padding: 60px 32px 80px;\n }\n .fhc .faqs-wrap h2 {\n font-family: 'Barlow Condensed', sans-serif;\n font-weight: 800; color: var(--navy);\n font-size: 36px; letter-spacing: 0.02em;\n text-align: center; margin: 0 0 30px;\n text-transform: uppercase;\n }\n\n \/* TABLET *\/\n @media (max-width: 1100px) and (min-width: 601px) {\n .header { padding: 0 24px; }\n .page { padding: 20px 24px 60px; }\n h1.title { font-size: 44px; }\n .gallery { grid-template-columns: 96px 1fr; gap: 14px; }\n .thumb { width: 96px; }\n .thumb .t-title { font-size: 8px; }\n .why { padding: 32px 24px 40px; }\n .section { padding: 50px 24px; gap: 40px; }\n .quote-wrap, .steps-wrap, .test-wrap, .stats-wrap, .vs-wrap, .faqs-wrap { padding-left: 24px; padding-right: 24px; }\n .reviews { grid-template-columns: repeat(2, 1fr); }\n .vs-grid { grid-template-columns: 1fr; gap: 28px; }\n .stats { grid-template-columns: 1fr; }\n .section h2.section-title { font-size: 38px; }\n }\n\n .mobile-trust { display: none; }\n\n @media (max-width: 600px) {\n .fhc .mobile-trust {\n display: block;\n padding: 28px 16px 0;\n max-width: 1280px;\n margin: 0 auto;\n grid-column: 1 \/ -1;\n order: 4;\n }\n .fhc .m-stars { color: var(--orange); font-size: 22px; letter-spacing: 6px; text-align: center; margin-bottom: 14px; }\n .fhc .m-trust-title {\n font-family: var(--font-display);\n font-weight: 800; color: var(--navy);\n font-size: 30px; line-height: 1.05; letter-spacing: -0.01em;\n text-align: center; margin: 0 0 22px; text-transform: uppercase;\n }\n .m-trust-title .hl { color: var(--orange); }\n .fhc .m-trust-card {\n background: var(--cream-2); border-radius: 18px; padding: 22px 18px;\n display: grid; grid-template-columns: 1fr; gap: 18px;\n align-items: center; position: relative; overflow: hidden;\n }\n .fhc .m-trust-can { order: -1; }\n .fhc .m-trust-points { order: 1; }\n .m-trust-points { display: flex; flex-direction: column; gap: 14px; }\n .m-trust-row { display: grid; grid-template-columns: 44px 1fr; gap: 12px; align-items: flex-start; }\n .m-trust-row + .m-trust-row { border-top: 1px solid rgba(28, 47, 90, 0.1); padding-top: 14px; }\n .fhc .m-trust-ico {\n width: 44px; height: 44px; border-radius: 50%;\n background: var(--orange); color: var(--cream);\n display: flex; align-items: center; justify-content: center; flex-shrink: 0;\n }\n .m-trust-ico svg { width: 22px; height: 22px; }\n .fhc .m-trust-h {\n font-family: var(--font-display); font-weight: 800; color: var(--navy);\n font-size: 11px; letter-spacing: 0.04em; margin-bottom: 4px; text-transform: uppercase;\n }\n .fhc .m-trust-text p { margin: 0; font-size: 11px; line-height: 1.45; color: rgba(28, 47, 90, 0.75); }\n .fhc .m-trust-can {\n display: flex; align-items: center; justify-content: center;\n align-self: center; width: 100%; max-width: 280px; aspect-ratio: 1 \/ 1;\n margin: 0 auto; overflow: hidden; border-radius: 12px;\n }\n .fhc .m-trust-can .can {\n transform: scale(0.48); transform-origin: center center;\n filter: drop-shadow(0 16px 22px rgba(0,0,0,0.35));\n }\n\n .header { padding: 0 18px; height: 64px; }\n .logo .word { font-size: 28px; }\n .logo .sub { font-size: 8px; letter-spacing: 0.28em; }\n .cta-pill { font-size: 14px; padding: 11px 18px; letter-spacing: 0.06em; }\n\n .fhc .page { flex-direction: column !important; gap: 28px !important; padding: 16px 16px 60px !important; max-width: 100% !important; box-sizing: border-box !important; }\n .fhc .left, .fhc .right { display: contents !important; flex: none !important; max-width: none !important; }\n .fhc * { box-sizing: border-box; }\n .fhc img { max-width: 100%; height: auto; }\n .fhc .sb { max-width: 100%; overflow: hidden; }\n .gallery-block { order: 1; }\n .header-block { order: 2; }\n .bundle-block { order: 3; }\n .faqs-block { order: 4; margin-top: 0; }\n\n .fhc .gallery { display: flex !important; flex-direction: column; gap: 12px; min-width: 0; max-width: 100%; }\n .fhc .hero {\n aspect-ratio: 1 \/ 1; order: -1;\n width: 100%; max-width: 100%;\n border-radius: 14px; overflow: hidden;\n display: flex; flex-direction: row;\n overflow-x: auto; overflow-y: hidden;\n scroll-snap-type: x mandatory;\n -webkit-overflow-scrolling: touch; scrollbar-width: none;\n }\n .fhc .hero-slide { flex: 0 0 100%; width: 100%; max-width: 100%; }\n .fhc .hero-slide img { width: 100% !important; height: 100% !important; object-fit: cover !important; max-width: 100% !important; }\n .hero::-webkit-scrollbar { display: none; }\n .hero \u003e .hero-slide:not(:first-child) { display: flex; }\n .fhc .hero-slide { flex: 0 0 100%; width: 100%; scroll-snap-align: start; }\n .fhc .hero-dots { display: flex; justify-content: center; gap: 8px; margin-top: 4px; }\n .fhc .hero-dots .dot {\n width: 8px; height: 8px; border-radius: 50%;\n background: rgba(28, 47, 90, 0.25);\n transition: background 0.2s, width 0.2s;\n }\n .fhc .hero-dots .dot.active { background: var(--orange); width: 22px; border-radius: 4px; }\n .thumbs { display: none; }\n\n h1.title { font-size: 38px; }\n .stars { font-size: 14px; }\n .stars .meta { font-size: 11px; }\n .benefits { grid-template-columns: 1fr; row-gap: 8px; }\n .benefit:nth-child(5), .benefit:nth-child(6) { grid-column: auto; }\n\n .bundle { grid-template-columns: 20px 54px minmax(0,1fr) auto; gap: 8px; padding: 12px; }\n .bundle.active { padding: 11.5px; }\n .bundle-thumb { width: 54px; height: 54px; }\n .bundle-info .name { font-size: 16px; }\n .bundle-info .per { font-size: 11px; }\n .badge-tag { font-size: 9px; padding: 2px 7px; }\n .bundle-prices .pnow { font-size: 18px; }\n .bundle-prices .pold { font-size: 12px; }\n .add-bundle { font-size: 17px; padding: 14px; }\n\n .faqs { margin-top: 8px; }\n .faq-q { padding: 14px 16px; font-size: 13px; }\n .faq.open .faq-a { padding: 0 16px 14px; }\n\n .why { padding: 32px 16px 40px; }\n .why \u003e div { grid-template-columns: 1fr !important; gap: 24px !important; }\n .why h2 { font-size: 26px; margin-bottom: 16px; }\n .why-bens { grid-template-columns: 1fr !important; row-gap: 8px !important; }\n .why-bens .benefit { grid-column: auto !important; }\n .review-card { padding: 18px; }\n\n .fhc .section { grid-template-columns: 1fr !important; gap: 24px; padding: 40px 16px; }\n .fhc .section h2.section-title { font-size: 32px; }\n .fhc .section p.section-body { font-size: 14px; max-width: 100%; }\n .fhc .photo-frame { aspect-ratio: 4 \/ 3; max-width: 100%; width: 100%; order: -1; }\n \/* mobile bridge override moved into base @media 600 *\/\n .tile-grid { max-width: 100%; gap: 10px; }\n .tile { padding: 14px 8px 12px; }\n .tile .ico { width: 36px; height: 36px; }\n .tile .tlabel { font-size: 11px; }\n .hero-cta { font-size: 18px; padding: 14px; }\n\n .quote-wrap { padding: 40px 16px 28px; }\n .quote-wrap .quote { font-size: 22px; }\n .ba-row { gap: 10px; }\n .fhc .ba-card { width: 100%; max-width: 100%; }\n\n .steps-wrap { padding: 32px 16px 40px; }\n .steps-wrap h2 { font-size: 22px; margin-bottom: 24px; }\n .steps { grid-template-columns: 1fr; gap: 20px; }\n .step { grid-template-columns: 56px 1fr; }\n .step .step-ico { width: 56px; height: 56px; }\n .step .step-ico svg { width: 30px; height: 30px; }\n\n .test-wrap { padding: 36px 16px 44px; }\n .polaroids { height: 110px; }\n .polaroid { width: 84px; height: 84px; }\n .stars-big { font-size: 22px; letter-spacing: 4px; }\n .test-headline { font-size: 22px; }\n .reviews { grid-template-columns: 1fr 1fr; gap: 10px; }\n .rev { padding: 12px 14px; }\n .test-cta { padding: 12px 26px; font-size: 16px; }\n\n .stats-wrap { padding: 32px 16px 50px; }\n .stats-wrap h2 { font-size: 22px; }\n .stats { grid-template-columns: 1fr; gap: 12px; }\n .stat { padding: 14px 16px; }\n\n .vs-wrap { padding: 24px 16px 40px; }\n .vs-wrap h2 { font-size: 22px; margin-bottom: 22px; }\n .vs-grid { grid-template-columns: 1fr; gap: 24px; }\n .ct-cell { padding: 12px; height: auto; min-height: 60px; font-size: 12px; }\n .ct-cell.head { font-size: 14px; height: 60px; }\n .check-circle, .x-circle { width: 24px; height: 24px; font-size: 12px; }\n\n .faqs-wrap { padding: 40px 16px 60px; }\n .faqs-wrap h2 { font-size: 28px; margin-bottom: 22px; }\n }\n\n @media (max-width: 480px) {\n .reviews { grid-template-columns: 1fr; }\n .why-bens { grid-template-columns: 1fr; }\n h1.title { font-size: 32px; }\n .quote-wrap .quote { font-size: 18px; }\n .test-headline { font-size: 19px; }\n }\n\n \/* Announcement bar *\/\n .ab { background: var(--navy, #1f3a5f); color: #fff; padding: 8px 16px; text-align: center; }\n .ab-track { display: flex; gap: 32px; justify-content: center; flex-wrap: wrap; font-family: 'Barlow Condensed', sans-serif; font-weight: 700; font-size: 12px; letter-spacing: 0.16em; text-transform: uppercase; }\n .ab-item { color: #fff; }\n .ab-item::before { content: \"★ \"; color: var(--orange, #e87a3e); }\n\n \/* Custom mobile sticky CTA — estilo igual al \"Pagar al Recibir\" de Releasit COD *\/\n .fhc-mobile-sticky { display: none; }\n @media (max-width: 600px) {\n .fhc-mobile-sticky {\n display: block !important;\n position: fixed !important;\n bottom: 0 !important;\n left: 0 !important;\n right: 0 !important;\n z-index: 99999 !important;\n padding: 0 !important;\n background: transparent !important;\n }\n .fhc-mobile-sticky-btn {\n width: 100% !important;\n background: #22c55e !important;\n color: #fff !important;\n border: none !important;\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif !important;\n font-weight: 600 !important;\n font-size: 16px !important;\n letter-spacing: 0 !important;\n padding: 16px 16px !important;\n border-radius: 0 !important;\n cursor: pointer !important;\n text-transform: none !important;\n box-shadow: 0 -2px 8px rgba(0,0,0,0.15) !important;\n display: flex !important;\n align-items: center !important;\n justify-content: center !important;\n gap: 8px !important;\n }\n .fhc-mobile-sticky-btn:hover { background: #16a34a !important; }\n body { padding-bottom: 56px !important; }\n }\n\n \/* Scrolling marquee banner *\/\n .sb { background: var(--orange, #e87a3e); overflow: hidden; padding: 5px 0; margin: 0; }\n .sb-track { display: flex; gap: 32px; white-space: nowrap; animation: sb-scroll 12s linear infinite; font-family: 'Barlow Condensed', sans-serif; font-weight: 800; font-size: 13px; letter-spacing: 0.14em; text-transform: uppercase; color: #fff; }\n .sb-item { display: inline-flex; align-items: center; gap: 10px; }\n .sb-item::after { content: \"\\2605\"; color: #fff; font-size: 13px; }\n @keyframes sb-scroll { 0% { transform: translateX(0); } 100% { transform: translateX(-50%); } }\n\n \/* Problem block *\/\n .problem-wrap { max-width: 1100px; margin: 0 auto; padding: 56px 32px; text-align: center; }\n .problem-title { font-family: 'Barlow Condensed', sans-serif; font-weight: 800; color: var(--navy); font-size: 36px; letter-spacing: 0.01em; line-height: 1.1; text-transform: uppercase; margin: 0 0 24px; }\n .problem-checklist { list-style: none; padding: 0; margin: 0 0 24px; display: grid; gap: 12px; max-width: 760px; margin-inline: auto; text-align: left; }\n .problem-checklist li { display: flex; align-items: flex-start; gap: 12px; font-size: 16px; color: var(--ink); line-height: 1.45; }\n .problem-check { flex: 0 0 22px; width: 22px; height: 22px; background: var(--orange); color: #fff; border-radius: 50%; display: inline-flex; align-items: center; justify-content: center; font-size: 13px; font-weight: 800; }\n .problem-paragraph { font-size: 16px; line-height: 1.55; color: var(--ink); max-width: 720px; margin: 0 auto; }\n\n \/* Final CTA *\/\n .finalcta-wrap { background: var(--navy); color: #fff; padding: 60px 32px; text-align: center; }\n .finalcta-title { font-family: 'Barlow Condensed', sans-serif; font-weight: 800; color: #fff; font-size: 38px; letter-spacing: 0.01em; line-height: 1.1; text-transform: uppercase; margin: 0 0 14px; }\n .finalcta-subtitle { font-size: 16px; line-height: 1.55; color: rgba(255,255,255,0.92); max-width: 720px; margin: 0 auto 28px; }\n .finalcta-btn { background: var(--orange); color: #fff; border: none; cursor: pointer; font-family: 'Barlow Condensed', sans-serif; font-weight: 800; font-size: 22px; letter-spacing: 0.12em; padding: 18px 40px; border-radius: 10px; text-transform: uppercase; transition: background 0.15s ease; }\n .finalcta-btn:hover { background: var(--orange-2); }\n .finalcta-trust {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));\n gap: 14px;\n margin-top: 32px;\n max-width: 800px;\n margin-left: auto;\n margin-right: auto;\n }\n .finalcta-badge {\n font-family: 'Barlow Condensed', sans-serif;\n font-weight: 700;\n font-size: 16px;\n letter-spacing: 0.04em;\n color: #fff;\n display: flex;\n align-items: center;\n justify-content: center;\n gap: 10px;\n padding: 14px 16px;\n background: rgba(255, 255, 255, 0.08);\n border: 1px solid rgba(255, 255, 255, 0.15);\n border-radius: 10px;\n line-height: 1.2;\n text-align: center;\n }\n .finalcta-badge::before { content: \"\\2605\"; color: var(--orange, #e87a3e); font-size: 18px; flex-shrink: 0; }\n .finalcta-badge.has-icon::before { content: none; }\n .finalcta-badge .badge-ico { font-size: 22px; line-height: 1; flex-shrink: 0; }\n @media (max-width: 600px) {\n .finalcta-trust { grid-template-columns: 1fr 1fr; gap: 10px; max-width: 100%; }\n .finalcta-badge { font-size: 13px; padding: 12px 10px; gap: 8px; }\n .finalcta-badge .badge-ico { font-size: 20px; }\n .finalcta-badge::before { font-size: 16px; }\n }\n\n @media (max-width: 760px) {\n .problem-title { font-size: 26px; }\n .finalcta-title { font-size: 28px; }\n .ab-track { font-size: 11px; gap: 16px; }\n\n \/* Reviews + Stats: scroll horizontal en mobile *\/\n .fhc .reviews, .fhc .stats {\n display: flex !important;\n grid-template-columns: none !important;\n overflow-x: auto;\n scroll-snap-type: x mandatory;\n -webkit-overflow-scrolling: touch;\n scrollbar-width: none;\n gap: 12px;\n padding: 4px 16px 12px;\n margin: 0 -16px;\n }\n .fhc .reviews::-webkit-scrollbar, .fhc .stats::-webkit-scrollbar { display: none; }\n .fhc .rev { flex: 0 0 78%; min-width: 240px; max-width: 320px; scroll-snap-align: start; }\n .fhc .stat { flex: 0 0 75%; min-width: 240px; scroll-snap-align: start; }\n }\n\n .fhc .thumb-ph { width: 100%; height: 100%; min-height: 60px; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 4px; background: linear-gradient(135deg, #f0e8d6 0%, #e3d9c0 100%); color: var(--navy); font-family: 'Inter', sans-serif; font-size: 10px; font-weight: 600; opacity: 0.7; text-align: center; padding: 4px; }\n .fhc .thumb-ph span { font-size: 18px; opacity: 0.5; }\n\n\n\u003c\/style\u003e\n\n\u003cdiv class=\"fhc cwl-wrap-fhc\" id=\"shopify-section-\"\u003e\n\u003cdiv class=\"fhc cwl-wrap-fhc\"\u003e\n\u003cdiv class=\"sb\"\u003e\u003cdiv class=\"sb-track\"\u003e\n\u003cspan class=\"sb-item\"\u003e100% BATANA PURO\u003c\/span\u003e\u003cspan class=\"sb-item\"\u003ePAGO CONTRA ENTREGA\u003c\/span\u003e\u003cspan class=\"sb-item\"\u003eENVÍO GRATIS\u003c\/span\u003e\u003cspan class=\"sb-item\"\u003eGARANTÍA 90 DÍAS\u003c\/span\u003e\u003cspan class=\"sb-item\"\u003eRESULTADOS EN SEMANAS\u003c\/span\u003e\u003cspan class=\"sb-item\"\u003eENTREGA 24-48H\u003c\/span\u003e\u003cspan class=\"sb-item\"\u003e100% BATANA PURO\u003c\/span\u003e\u003cspan class=\"sb-item\"\u003ePAGO CONTRA ENTREGA\u003c\/span\u003e\u003cspan class=\"sb-item\"\u003eENVÍO GRATIS\u003c\/span\u003e\u003cspan class=\"sb-item\"\u003eGARANTÍA 90 DÍAS\u003c\/span\u003e\u003cspan class=\"sb-item\"\u003eRESULTADOS EN SEMANAS\u003c\/span\u003e\u003cspan class=\"sb-item\"\u003eENTREGA 24-48H\u003c\/span\u003e\n\u003c\/div\u003e\u003c\/div\u003e\n\u003cmain class=\"page fhc-2col-grid\" style=\"display:flex;flex-direction:row;flex-wrap:nowrap;gap:32px;align-items:flex-start;max-width:1100px;margin:0 auto;padding:24px 24px 80px\"\u003e\n \u003c!-- MOBILE-ONLY TRUST SECTION --\u003e\n \u003csection class=\"mobile-trust\" data-block=\"mobileTrust\" data-block-label=\"Trust card móvil\"\u003e\n \u003cdiv class=\"m-stars\"\u003e★★★★★\u003c\/div\u003e\n \u003ch2 class=\"m-trust-title\"\u003eCOMPRÁ CON CONFIANZA\u003c\/h2\u003e\n \u003cdiv class=\"m-trust-card\"\u003e\n \u003cdiv class=\"m-trust-points\"\u003e\n\u003cdiv class=\"m-trust-row\"\u003e\n\u003cdiv class=\"m-trust-ico\"\u003e\u003cspan style=\"font-size:22px\"\u003e⭐\u003c\/span\u003e\u003c\/div\u003e\n\u003cdiv class=\"m-trust-text\"\u003e\n\u003cdiv class=\"m-trust-h\"\u003ePago al recibir\u003c\/div\u003e\n\u003cp\u003eNo pagás nada hasta que el frasco esté en tus manos.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"m-trust-row\"\u003e\n\u003cdiv class=\"m-trust-ico\"\u003e\u003cspan style=\"font-size:22px\"\u003e⭐\u003c\/span\u003e\u003c\/div\u003e\n\u003cdiv class=\"m-trust-text\"\u003e\n\u003cdiv class=\"m-trust-h\"\u003eEnvío rápido\u003c\/div\u003e\n\u003cp\u003eEntrega en 24-48 horas en todo El Salvador.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"m-trust-row\"\u003e\n\u003cdiv class=\"m-trust-ico\"\u003e\u003cspan style=\"font-size:22px\"\u003e⭐\u003c\/span\u003e\u003c\/div\u003e\n\u003cdiv class=\"m-trust-text\"\u003e\n\u003cdiv class=\"m-trust-h\"\u003eGarantía 90 días\u003c\/div\u003e\n\u003cp\u003eSi no funciona, te devolvemos el 100% de tu dinero.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n \u003cdiv class=\"m-trust-can\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0912\/0684\/4690\/files\/cwl-15c8493f-0-1778092177790.webp?v=1778092179\" alt=\"Producto\" style=\"width:100%;height:100%;object-fit:contain;display:block;border-radius:10px\"\u003e\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- LEFT COLUMN --\u003e\n \u003cdiv class=\"left\" style=\"flex:0 0 calc(50% - 16px);max-width:calc(50% - 16px);min-width:0;display:flex;flex-direction:column;gap:24px\"\u003e\n \u003csection class=\"gallery-block\" data-block=\"hero\" data-block-label=\"Hero\"\u003e\n \u003cdiv class=\"gallery\"\u003e\n \u003cdiv class=\"thumbs\"\u003e\n \u003cdiv class=\"thumb active\" data-slide=\"0\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0912\/0684\/4690\/files\/cwl-15c8493f-1-1778092180130.webp?v=1778092182\" alt=\"Thumb 0\" style=\"width:100%;height:100%;object-fit:cover;border-radius:6px;display:block\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"thumb\" data-slide=\"1\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0912\/0684\/4690\/files\/cwl-15c8493f-2-1778092182487.webp?v=1778092184\" alt=\"Thumb 1\" style=\"width:100%;height:100%;object-fit:cover;border-radius:6px;display:block\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"thumb\" data-slide=\"2\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0912\/0684\/4690\/files\/cwl-15c8493f-3-1778092184782.webp?v=1778092186\" alt=\"Thumb 2\" style=\"width:100%;height:100%;object-fit:cover;border-radius:6px;display:block\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"thumb\" data-slide=\"3\"\u003e\u003cdiv class=\"t-body\"\u003e\n\u003cspan\u003e\u003c\/span\u003e\u003cspan\u003e\u003c\/span\u003e\u003cspan\u003e\u003c\/span\u003e\u003cspan\u003e\u003c\/span\u003e\n\u003c\/div\u003e\u003c\/div\u003e\n \u003cdiv class=\"thumb\" data-slide=\"4\"\u003e\u003cdiv class=\"t-body\"\u003e\n\u003cspan\u003e\u003c\/span\u003e\u003cspan\u003e\u003c\/span\u003e\u003cspan\u003e\u003c\/span\u003e\u003cspan\u003e\u003c\/span\u003e\n\u003c\/div\u003e\u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"hero\" id=\"heroCarousel\"\u003e\n \u003cdiv class=\"hero-slide active\" data-idx=\"0\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0912\/0684\/4690\/files\/cwl-15c8493f-1-1778092180130.webp?v=1778092182\" alt=\"Slide 0\" style=\"width:100%;height:100%;object-fit:cover;display:block\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"hero-slide\" data-idx=\"1\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0912\/0684\/4690\/files\/cwl-15c8493f-2-1778092182487.webp?v=1778092184\" alt=\"Slide 1\" style=\"width:100%;height:100%;object-fit:cover;display:block\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"hero-slide\" data-idx=\"2\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0912\/0684\/4690\/files\/cwl-15c8493f-3-1778092184782.webp?v=1778092186\" alt=\"Slide 2\" style=\"width:100%;height:100%;object-fit:cover;display:block\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"hero-slide\" data-idx=\"3\"\u003e\u003cdiv class=\"hero-placeholder hp-1\"\u003e\u003cdiv class=\"hp-label\"\u003e📷 Imagen 4\u003c\/div\u003e\u003c\/div\u003e\u003c\/div\u003e\n \u003cdiv class=\"hero-slide\" data-idx=\"4\"\u003e\u003cdiv class=\"hero-placeholder hp-4\"\u003e\u003cdiv class=\"hp-label\"\u003e📷 Imagen 5\u003c\/div\u003e\u003c\/div\u003e\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"hero-dots\" id=\"heroDots\" aria-hidden=\"true\"\u003e\n \u003cspan class=\"dot active\"\u003e\u003c\/span\u003e\n \u003cspan class=\"dot\"\u003e\u003c\/span\u003e\n \u003cspan class=\"dot\"\u003e\u003c\/span\u003e\n \u003cspan class=\"dot\"\u003e\u003c\/span\u003e\n \u003cspan class=\"dot\"\u003e\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"faqs-block\" data-block=\"faq\" data-block-label=\"FAQs\"\u003e\n \u003cdiv class=\"faqs\" id=\"faqs\"\u003e\n\u003cdiv class=\"faq\"\u003e\n\u003cbutton class=\"faq-q\"\u003e\u003cspan\u003e¿Puedo pagar al recibir el producto?\u003c\/span\u003e\u003cspan class=\"icon\"\u003e+\u003c\/span\u003e\u003c\/button\u003e\u003cdiv class=\"faq-a\"\u003e\u003cp\u003eSí. Ofrecemos pago contra entrega en todo El Salvador. Solo pagás cuando el repartidor te entrega el frasco en tu casa. No necesitás tarjeta.\u003c\/p\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"faq\"\u003e\n\u003cbutton class=\"faq-q\"\u003e\u003cspan\u003e¿Cuánto tarda en llegar a mi dirección?\u003c\/span\u003e\u003cspan class=\"icon\"\u003e+\u003c\/span\u003e\u003c\/button\u003e\u003cdiv class=\"faq-a\"\u003e\u003cp\u003eEntre 24 y 48 horas hábiles dentro de El Salvador. En zonas más alejadas puede tardar hasta 72 horas.\u003c\/p\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"faq\"\u003e\n\u003cbutton class=\"faq-q\"\u003e\u003cspan\u003e¿Sirve para cabello tinturado o con keratina?\u003c\/span\u003e\u003cspan class=\"icon\"\u003e+\u003c\/span\u003e\u003c\/button\u003e\u003cdiv class=\"faq-a\"\u003e\u003cp\u003eSí. La fórmula es libre de sulfatos, así que no decolora la tintura ni daña tratamientos. De hecho, ayuda a reparar el daño previo.\u003c\/p\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"faq\"\u003e\n\u003cbutton class=\"faq-q\"\u003e\u003cspan\u003e¿En cuánto tiempo veo resultados?\u003c\/span\u003e\u003cspan class=\"icon\"\u003e+\u003c\/span\u003e\u003c\/button\u003e\u003cdiv class=\"faq-a\"\u003e\u003cp\u003eLa mayoría de las clientas nota menos caída entre las semanas 2 y 4. Los resultados de grosor y crecimiento son visibles entre las semanas 6 y 12.\u003c\/p\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"faq\"\u003e\n\u003cbutton class=\"faq-q\"\u003e\u003cspan\u003e¿Cómo lo uso? ¿Reemplaza mi shampoo normal?\u003c\/span\u003e\u003cspan class=\"icon\"\u003e+\u003c\/span\u003e\u003c\/button\u003e\u003cdiv class=\"faq-a\"\u003e\u003cp\u003eSí, lo usás como tu shampoo de siempre, 3-4 veces por semana. Aplicá en cuero cabelludo mojado, masajeá 2-3 minutos y enjuagá.\u003c\/p\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n \u003c\/section\u003e\n \u003c\/div\u003e\n\n \u003c!-- RIGHT COLUMN --\u003e\n \u003cdiv class=\"right\" style=\"flex:0 0 calc(50% - 16px);max-width:calc(50% - 16px);min-width:0;display:flex;flex-direction:column;gap:24px\"\u003e\n \u003csection class=\"header-block\" data-block=\"hero\" data-block-label=\"Encabezado del producto\"\u003e\n \u003cdiv class=\"stars\"\u003e\n \u003cspan\u003e★★★★★\u003c\/span\u003e\n \u003cspan class=\"meta\"\u003e(4.8) 11,231+ +5,000 SALVADOREÑAS YA LO PROBARON ★★★★★\u003c\/span\u003e\n \u003c\/div\u003e\n \u003ch1 class=\"title display\"\u003eEL RITUAL HONDUREÑO\u003cbr\u003eQUE FRENA LA CAÍDA\u003cbr\u003eY DEVUELVE EL GROSOR\u003cbr\u003eA TU CABELLO\u003c\/h1\u003e\n \u003cp class=\"lede\"\u003eShampoo Batana Oil 100% puro: nutre desde la raíz, detiene la caída y recupera el brillo natural.\u003c\/p\u003e\n\n \u003cdiv class=\"benefits\"\u003e\n\u003cdiv class=\"benefit\"\u003e\n\u003cspan class=\"check\"\u003e✓\u003c\/span\u003eFrena la caída en 2-3 semanas\u003c\/div\u003e\n\u003cdiv class=\"benefit\"\u003e\n\u003cspan class=\"check\"\u003e✓\u003c\/span\u003eFortalece la raíz y aumenta el grosor\u003c\/div\u003e\n\u003cdiv class=\"benefit\"\u003e\n\u003cspan class=\"check\"\u003e✓\u003c\/span\u003e100% Batana puro de Honduras\u003c\/div\u003e\n\u003cdiv class=\"benefit\"\u003e\n\u003cspan class=\"check\"\u003e✓\u003c\/span\u003eApto para pelo tinturado y rizado\u003c\/div\u003e\n\u003cdiv class=\"benefit\"\u003e\n\u003cspan class=\"check\"\u003e✓\u003c\/span\u003eSin químicos que resequen\u003c\/div\u003e\n\u003cdiv class=\"benefit\"\u003e\n\u003cspan class=\"check\"\u003e✓\u003c\/span\u003ePago contra entrega en El Salvador\u003c\/div\u003e\n\u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"bundle-block\" data-block=\"bundle\" data-block-label=\"Bundle precios\"\u003e\n \u003cdiv class=\"bundle-title\"\u003eELEGÍ TU PACK Y AHORRÁ\u003c\/div\u003e\n\n \u003cdiv id=\"bundles\"\u003e\n \u003cdiv class=\"bundle rsi-trigger-btn\" data-id=\"1\" data-variant-id=\"\" role=\"button\" tabindex=\"0\"\u003e\n \u003cdiv class=\"radio\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"bundle-thumb\"\u003e\n\u003cdiv class=\"mini-can\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"qty-badge\"\u003e1X\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bundle-info\"\u003e\n \u003cdiv class=\"name\"\u003e1 FRASCO\u003c\/div\u003e\n \u003cdiv class=\"per\"\u003e$25.00 por frasco\u003c\/div\u003e\n \u003cdiv class=\"badges\"\u003e\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bundle-prices\"\u003e\n \u003cdiv class=\"pnow\"\u003e$25.00\u003c\/div\u003e\n \u003cdiv class=\"pold\"\u003e$30.00\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"bundle active rsi-trigger-btn\" data-id=\"2\" data-variant-id=\"\" role=\"button\" tabindex=\"0\"\u003e\n \u003cdiv class=\"radio\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"bundle-thumb\"\u003e\n\u003cdiv class=\"mini-can\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"qty-badge\"\u003e2X\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bundle-info\"\u003e\n \u003cdiv class=\"name\"\u003e2 FRASCOS\u003c\/div\u003e\n \u003cdiv class=\"per\"\u003e$19.50 por frasco\u003c\/div\u003e\n \u003cdiv class=\"badges\"\u003e\n\u003cspan class=\"badge-tag\"\u003eMÁS VENDIDO\u003c\/span\u003e\u003cspan class=\"badge-tag\"\u003eAHORRÁ $11\u003c\/span\u003e\n\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bundle-prices\"\u003e\n \u003cdiv class=\"pnow\"\u003e$40.00\u003c\/div\u003e\n \u003cdiv class=\"pold\"\u003e$50.00\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"bundle rsi-trigger-btn\" data-id=\"3\" data-variant-id=\"\" role=\"button\" tabindex=\"0\"\u003e\n \u003cdiv class=\"radio\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"bundle-thumb\"\u003e\n\u003cdiv class=\"mini-can\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"qty-badge\"\u003e3X\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bundle-info\"\u003e\n \u003cdiv class=\"name\"\u003e3 FRASCOS\u003c\/div\u003e\n \u003cdiv class=\"per\"\u003e$16.33 por frasco\u003c\/div\u003e\n \u003cdiv class=\"badges\"\u003e\n\u003cspan class=\"badge-tag\"\u003eMEJOR PRECIO\u003c\/span\u003e\u003cspan class=\"badge-tag\"\u003eAHORRÁ $26 + ENVÍO GRATI\u003c\/span\u003e\n\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bundle-prices\"\u003e\n \u003cdiv class=\"pnow\"\u003e$54.00\u003c\/div\u003e\n \u003cdiv class=\"pold\"\u003e$75.00\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cbutton class=\"add-bundle enabled rsi-trigger-btn\" data-variant-id=\"\"\u003eAGREGAR AL CARRITO — PAGO AL RECIBIR\u003c\/button\u003e\n \u003c\/section\u003e\n \u003c\/div\u003e\n \u003c\/main\u003e\n\n \u003c!-- ========== ¿TE RECONOCÉS EN ESTO? ========== --\u003e\n \u003csection class=\"problem-wrap\" data-block=\"problem\" data-block-label=\"Problema (¿Te reconocés?)\"\u003e\n \u003ch2 class=\"problem-title\"\u003e¿ENCONTRÁS PELO EN LA DUCHA, EN LA ALMOHADA Y EN EL CEPILLO?\u003c\/h2\u003e\n \u003cul class=\"problem-checklist\"\u003e\n\u003cli\u003e\n\u003cspan class=\"problem-check\"\u003e✓\u003c\/span\u003e\u003cspan\u003eTu cabello se cae más de lo normal cuando te peinás o lavás\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli\u003e\n\u003cspan class=\"problem-check\"\u003e✓\u003c\/span\u003e\u003cspan\u003eSentís el pelo más fino, sin volumen y sin cuerpo\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli\u003e\n\u003cspan class=\"problem-check\"\u003e✓\u003c\/span\u003e\u003cspan\u003eLas puntas se quiebran y el pelo se ve opaco y sin vida\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli\u003e\n\u003cspan class=\"problem-check\"\u003e✓\u003c\/span\u003e\u003cspan\u003eProbaste shampoos caros y ninguno te dio resultados reales\u003c\/span\u003e\n\u003c\/li\u003e\n\u003c\/ul\u003e\n \u003cp class=\"problem-paragraph\"\u003eNo estás sola. La caída del cabello afecta a 1 de cada 3 mujeres en El Salvador, y la mayoría de los shampoos comerciales solo limpian — no nutren. El Batana Oil, usado por las mujeres hondureñas desde hace siglos, ataca el problema desde la raíz.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003c!-- ========== WHY FULL HAIR CLUB ========== --\u003e\n \u003csection class=\"why\" data-block=\"whySection\" data-block-label=\"Why us + review\"\u003e\n \u003cdiv style=\"max-width:1280px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:start;\"\u003e\n \u003cdiv\u003e\n \u003ch2\u003ePOR QUÉ FUNCIONA EL BATANA\u003c\/h2\u003e\n \u003cdiv class=\"why-bens\"\u003e\n\u003cdiv class=\"benefit\"\u003e\n\u003cspan class=\"check\"\u003e✓\u003c\/span\u003ePenetra el folículo y reactiva el crecimiento natu\u003c\/div\u003e\n\u003cdiv class=\"benefit\"\u003e\n\u003cspan class=\"check\"\u003e✓\u003c\/span\u003eRepara la fibra capilar dañada por químicos y calo\u003c\/div\u003e\n\u003cdiv class=\"benefit\"\u003e\n\u003cspan class=\"check\"\u003e✓\u003c\/span\u003eHidrata profundamente sin dejar el pelo grasoso\u003c\/div\u003e\n\u003cdiv class=\"benefit\"\u003e\n\u003cspan class=\"check\"\u003e✓\u003c\/span\u003eSella las puntas y reduce el quiebre hasta en un 8\u003c\/div\u003e\n\u003cdiv class=\"benefit\"\u003e\n\u003cspan class=\"check\"\u003e✓\u003c\/span\u003eAporta brillo natural sin siliconas ni parabenos\u003c\/div\u003e\n\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"review-card\"\u003e\n \u003cdiv class=\"row1\"\u003e\n \u003cspan class=\"stars-mini\"\u003e★★★★★\u003c\/span\u003e\n \u003cspan class=\"r-title\"\u003eMI PELO VOLVIÓ A LA VIDA\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cp class=\"r-body\"\u003eDespués de 3 partos sentía que se me caía todo. En 6 semanas con Batana noté el cambio: menos caída, más grosor y un brillo que no tenía hace años.\u003c\/p\u003e\n \u003cdiv class=\"r-author-row\"\u003e\n\u003cspan class=\"r-avatar r-avatar-placeholder\"\u003e—\u003c\/span\u003e\u003cdiv class=\"r-author\"\u003e— Karla M., San Salvador\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- ========== THE VILLAIN ========== --\u003e\n \u003cdiv class=\"band\"\u003e\n \u003cdiv class=\"torn-top\"\u003e\u003c\/div\u003e\n \u003csection class=\"section\" data-block=\"villain\" data-block-label=\"Villain (problema)\"\u003e\n \u003cdiv\u003e\n \u003cspan class=\"tag-pill\"\u003eEL ENEMIGO REAL\u003c\/span\u003e\n \u003ch2 class=\"section-title\"\u003eLOS SHAMPOOS COMERCIALES TE ESTÁN RESECA\u003c\/h2\u003e\n \u003cp class=\"section-body\"\u003eSulfatos, parabenos y siliconas baratas. Eso es lo que tiene la mayoría de los shampoos del supermercado. Te dejan el pelo aparentemente suave, pero por dentro lo van debilitando hasta que se cae.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"photo-frame photo-villain\"\u003e\u003cdiv class=\"ph-label\"\u003e📷 Foto del problema\u003c\/div\u003e\u003c\/div\u003e\n \u003c\/section\u003e\n \u003cdiv class=\"bridge\"\u003e\n Por eso el Batana Oil es diferente →\n \u003ca href=\"#hero\"\u003eMIRÁ CÓMO\u003c\/a\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"torn-bottom\"\u003e\u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- ========== THE HERO ========== --\u003e\n \u003csection class=\"section\" id=\"hero\" data-block=\"meet\" data-block-label=\"Meet (solución)\"\u003e\n \u003cdiv\u003e\n \u003cspan class=\"tag-pill\"\u003eCONOCÉ EL PRODUCTO\u003c\/span\u003e\n \u003ch2 class=\"section-title\"\u003eSHAMPOO BATANA OIL: EL SECRETO ANCESTRAL DE HONDURAS\u003c\/h2\u003e\n \u003cp class=\"section-body\"\u003eExtraído de la nuez del árbol de Batana en La Mosquitia hondureña, este aceite es usado por el pueblo Miskito desde hace siglos para mantener el cabello largo, grueso y brillante. Lo combinamos con una base de shampoo suave, sin sulfatos, p\u003c\/p\u003e\n \u003cdiv class=\"tile-grid\"\u003e\n\u003cdiv class=\"tile\"\u003e\n \u003cdiv class=\"ico\"\u003e\u003cspan class=\"tile-icon-text\"\u003e🌿\u003c\/span\u003e\u003c\/div\u003e\n \u003cdiv class=\"tlabel\"\u003e100% Natural\u003c\/div\u003e\n \u003c\/div\u003e\n\u003cdiv class=\"tile\"\u003e\n \u003cdiv class=\"ico\"\u003e\u003cspan class=\"tile-icon-text\"\u003e💧\u003c\/span\u003e\u003c\/div\u003e\n \u003cdiv class=\"tlabel\"\u003eSin Sulfatos\u003c\/div\u003e\n \u003c\/div\u003e\n\u003cdiv class=\"tile\"\u003e\n \u003cdiv class=\"ico\"\u003e\u003cspan class=\"tile-icon-text\"\u003e✨\u003c\/span\u003e\u003c\/div\u003e\n \u003cdiv class=\"tlabel\"\u003eBrillo Real\u003c\/div\u003e\n \u003c\/div\u003e\n\u003cdiv class=\"tile\"\u003e\n \u003cdiv class=\"ico\"\u003e\u003cspan class=\"tile-icon-text\"\u003e💪\u003c\/span\u003e\u003c\/div\u003e\n \u003cdiv class=\"tlabel\"\u003eRaíz Fuerte\u003c\/div\u003e\n \u003c\/div\u003e\n\u003cdiv class=\"tile\"\u003e\n \u003cdiv class=\"ico\"\u003e\u003cspan class=\"tile-icon-text\"\u003e🇭🇳\u003c\/span\u003e\u003c\/div\u003e\n \u003cdiv class=\"tlabel\"\u003eOrigen Honduras\u003c\/div\u003e\n \u003c\/div\u003e\n\u003cdiv class=\"tile\"\u003e\n \u003cdiv class=\"ico\"\u003e\u003cspan class=\"tile-icon-text\"\u003e🧴\u003c\/span\u003e\u003c\/div\u003e\n \u003cdiv class=\"tlabel\"\u003eUso Diario\u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv\u003e\n \u003cdiv class=\"hero-stars\"\u003e\n \u003cspan class=\"s\"\u003e★★★★★\u003c\/span\u003e\n \u003cspan class=\"meta\"\u003e(4.8) 11,231+ +5,000 SALVADOREÑAS YA LO PROBARON ★★★★★\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"photo-frame photo-hero\"\u003e\u003cdiv class=\"ph-label\"\u003e📷 Foto del producto\u003c\/div\u003e\u003c\/div\u003e\n \u003cbutton class=\"hero-cta rsi-trigger-btn\"\u003eQUIERO MI BATANA — PAGO AL RECIBIR\u003c\/button\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- ========== QUOTE + BEFORE\/AFTER ========== --\u003e\n \u003csection class=\"quote-wrap\" data-block=\"quote\" data-block-label=\"Quote + Antes\/Después\"\u003e\n \u003ch2 class=\"quote\"\u003e\"En 8 semanas dejé de ver pelo en la ducha. Mi cabello se ve más grueso y con un brillo que no tenía desde los 20.\" — María José, Santa Ana\u003c\/h2\u003e\n \u003cdiv class=\"ba-row\"\u003e\n \u003cdiv class=\"ba-card before\"\u003e\n\u003cspan class=\"ba-label ba-label-before\"\u003eANTES\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ba-card after\"\u003e\n\u003cspan class=\"ba-label ba-label-after\"\u003eDESPUÉS\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- ========== 3 SIMPLE STEPS ========== --\u003e\n \u003csection class=\"steps-wrap\" data-block=\"steps\" data-block-label=\"3 pasos\"\u003e\n \u003ch2\u003eCÓMO USARLO EN 3 PASOS\u003c\/h2\u003e\n \u003cdiv class=\"steps\"\u003e\n\u003cdiv class=\"step\"\u003e\n \u003cdiv class=\"step-ico\"\u003e\u003cspan class=\"step-icon-text\"\u003e💦\u003c\/span\u003e\u003c\/div\u003e\n \u003cdiv\u003e\n \u003cdiv class=\"step-num\"\u003ePASO PASO 1 — MOJÁ EL CAB\u003c\/div\u003e\n \u003cp class=\"step-text\"\u003eMojá bien tu cabello con agua tibia. El agua tibia abre la cutícula y permite que el Batana penetre mejor.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003cdiv class=\"step\"\u003e\n \u003cdiv class=\"step-ico\"\u003e\u003cspan class=\"step-icon-text\"\u003e🧴\u003c\/span\u003e\u003c\/div\u003e\n \u003cdiv\u003e\n \u003cdiv class=\"step-num\"\u003ePASO PASO 2 — APLICÁ Y MA\u003c\/div\u003e\n \u003cp class=\"step-text\"\u003eAplicá una porción del tamaño de una moneda en el cuero cabelludo. Masajeá con las yemas de los dedos por 2-3 minutos en movimientos circulares.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003cdiv class=\"step\"\u003e\n \u003cdiv class=\"step-ico\"\u003e\u003cspan class=\"step-icon-text\"\u003e✨\u003c\/span\u003e\u003c\/div\u003e\n \u003cdiv\u003e\n \u003cdiv class=\"step-num\"\u003ePASO PASO 3 — DEJÁ ACTUAR\u003c\/div\u003e\n \u003cp class=\"step-text\"\u003eDejá actuar 2 minutos más mientras lavás el cuerpo. Enjuagá con agua tibia. Usalo 3-4 veces por semana para resultados óptimos.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- ========== TESTIMONIALS BAND ========== --\u003e\n \u003cdiv class=\"test-band\"\u003e\n \u003cdiv class=\"torn-top\"\u003e\u003c\/div\u003e\n \u003csection class=\"test-wrap\" data-block=\"testimonials\" data-block-label=\"Testimonios\"\u003e\n \u003cdiv class=\"polaroids\"\u003e\n \u003cdiv class=\"polaroid\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"polaroid\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"polaroid\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"polaroid\"\u003e\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"stars-big\"\u003e★★★★★\u003c\/div\u003e\n \u003ch2 class=\"test-headline\"\u003eMILES DE SALVADOREÑAS YA RECUPERARON SU CABELLO\u003c\/h2\u003e\n\n \u003cdiv class=\"reviews\"\u003e\n\u003cdiv class=\"rev\"\u003e\n\u003cdiv class=\"rh\"\u003e\n\u003cspan class=\"rs\"\u003e★★★★★\u003c\/span\u003e\u003cspan class=\"rt\"\u003eDEJÉ DE TENERLE MIEDO AL CEPILLO\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cp class=\"rb\"\u003eAntes el cepillo quedaba lleno de pelo cada mañana. Llevo 2 meses con el Batana y la diferencia es brutal. Mi pelo está más fuerte y mi mamá me preguntó qué me hice.\u003c\/p\u003e\n\u003cdiv class=\"ra\"\u003e- Gabriela R., San Miguel\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"rev\"\u003e\n\u003cdiv class=\"rh\"\u003e\n\u003cspan class=\"rs\"\u003e★★★★★\u003c\/span\u003e\u003cspan class=\"rt\"\u003eADIÓS A LAS PUNTAS QUEBRADAS\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cp class=\"rb\"\u003eTenía el pelo destruido por la plancha y las tinturas. En 5 semanas las puntas dejaron de partirse y siento el pelo mucho más sano. Vale cada centavo.\u003c\/p\u003e\n\u003cdiv class=\"ra\"\u003e- Andrea L., Santa Tecla\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"rev\"\u003e\n\u003cdiv class=\"rh\"\u003e\n\u003cspan class=\"rs\"\u003e★★★★★\u003c\/span\u003e\u003cspan class=\"rt\"\u003ePOR FIN ALGO QUE FUNCIONA\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cp class=\"rb\"\u003eProbé de todo después del parto. El Batana fue lo único que me devolvió el grosor. Recomendado 1000%, además me lo entregaron en 2 días y pagué al recibir.\u003c\/p\u003e\n\u003cdiv class=\"ra\"\u003e- Sofía P., San Salvador\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"rev\"\u003e\n\u003cdiv class=\"rh\"\u003e\n\u003cspan class=\"rs\"\u003e★★★★★\u003c\/span\u003e\u003cspan class=\"rt\"\u003eMI ESPOSO TAMBIÉN LO USA\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cp class=\"rb\"\u003eLo compré para mí pero mi esposo lo empezó a usar y le frenó las entradas. Ahora pedimos 2 frascos cada mes. Excelente producto.\u003c\/p\u003e\n\u003cdiv class=\"ra\"\u003e- Marcela T., Soyapango\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\n \u003cbutton class=\"test-cta rsi-trigger-btn\"\u003eQUIERO LOS MISMOS RESULTADOS\u003c\/button\u003e\n \u003c\/section\u003e\n \u003cdiv class=\"torn-bottom\"\u003e\u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- ========== STATS \/ ICONS ========== --\u003e\n \u003csection class=\"stats-wrap\" data-block=\"stats\" data-block-label=\"Stats\"\u003e\n \u003ch2\u003eRESULTADOS QUE HABLAN POR SÍ SOLOS\u003c\/h2\u003e\n \u003cdiv class=\"stats\"\u003e\n\u003cdiv class=\"stat\"\u003e\n \u003cdiv class=\"stat-ico\"\u003e\u003cspan class=\"stat-emoji\"\u003e💆‍♀️\u003c\/span\u003e\u003c\/div\u003e\n \u003cdiv class=\"stat-text\"\u003e\n\u003cstrong\u003e92%\u003c\/strong\u003e de las clientas notó menos caída en las primeras 4 semanas\u003c\/div\u003e\n \u003c\/div\u003e\n\u003cdiv class=\"stat\"\u003e\n \u003cdiv class=\"stat-ico\"\u003e\u003cspan class=\"stat-emoji\"\u003e✨\u003c\/span\u003e\u003c\/div\u003e\n \u003cdiv class=\"stat-text\"\u003e\n\u003cstrong\u003e+5,000\u003c\/strong\u003e salvadoreñas ya lo probaron y recomprarían\u003c\/div\u003e\n \u003c\/div\u003e\n\u003cdiv class=\"stat\"\u003e\n \u003cdiv class=\"stat-ico\"\u003e\u003cspan class=\"stat-emoji\"\u003e⭐\u003c\/span\u003e\u003c\/div\u003e\n \u003cdiv class=\"stat-text\"\u003e\n\u003cstrong\u003e4.8\/5\u003c\/strong\u003e estrellas promedio en reseñas verificadas\u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- ========== US VS THEM ========== --\u003e\n \u003csection class=\"vs-wrap\" data-block=\"vsSection\" data-block-label=\"VS Comparativa\"\u003e\n \u003ch2\u003eBATANA OIL VS LOS SHAMPOOS COMUNES\u003c\/h2\u003e\n \u003cdiv class=\"vs-grid\"\u003e\n \u003cdiv class=\"compare-table\"\u003e\n\u003cdiv class=\"ct-col first\"\u003e\n \u003cdiv class=\"ct-cell head\"\u003ePOR QUÉ ELEGIRNOS\u003c\/div\u003e\n\u003cdiv class=\"ct-cell\"\u003e100% Batana puro de Honduras\u003c\/div\u003e\n\u003cdiv class=\"ct-cell\"\u003eSin sulfatos, parabenos ni siliconas\u003c\/div\u003e\n\u003cdiv class=\"ct-cell\"\u003eFrena la caída y nutre desde la raíz\u003c\/div\u003e\n\u003cdiv class=\"ct-cell\"\u003ePago contra entrega en El Salvador\u003c\/div\u003e\n\u003cdiv class=\"ct-cell last\"\u003eGarantía 90 días o te devolvemos tu dinero\u003c\/div\u003e\n\u003c\/div\u003e\n \u003cdiv class=\"ct-col us\"\u003e\n \u003cdiv class=\"ct-cell head center\"\u003e\u003cdiv style=\"font-family:'Barlow Condensed',sans-serif;font-weight:800;font-style:italic;font-size:28px;color:var(--navy);line-height:0.85;\"\u003eBATANA OIL\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv class=\"ct-cell center\"\u003e\u003cspan class=\"check-circle\"\u003e✓\u003c\/span\u003e\u003c\/div\u003e\n\u003cdiv class=\"ct-cell center\"\u003e\u003cspan class=\"check-circle\"\u003e✓\u003c\/span\u003e\u003c\/div\u003e\n\u003cdiv class=\"ct-cell center\"\u003e\u003cspan class=\"check-circle\"\u003e✓\u003c\/span\u003e\u003c\/div\u003e\n\u003cdiv class=\"ct-cell center\"\u003e\u003cspan class=\"check-circle\"\u003e✓\u003c\/span\u003e\u003c\/div\u003e\n\u003cdiv class=\"ct-cell center last\"\u003e\u003cspan class=\"check-circle\"\u003e✓\u003c\/span\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n \u003cdiv class=\"ct-col last\"\u003e\n \u003cdiv class=\"ct-cell head center\"\u003eOTROS SHAMPOOS\u003c\/div\u003e\n\u003cdiv class=\"ct-cell center\"\u003e\u003cspan class=\"x-circle\"\u003e✕\u003c\/span\u003e\u003c\/div\u003e\n\u003cdiv class=\"ct-cell center\"\u003e\u003cspan class=\"x-circle\"\u003e✕\u003c\/span\u003e\u003c\/div\u003e\n\u003cdiv class=\"ct-cell center\"\u003e\u003cspan class=\"x-circle\"\u003e✕\u003c\/span\u003e\u003c\/div\u003e\n\u003cdiv class=\"ct-cell center\"\u003e\u003cspan class=\"x-circle\"\u003e✕\u003c\/span\u003e\u003c\/div\u003e\n\u003cdiv class=\"ct-cell center last\"\u003e\u003cspan class=\"x-circle\"\u003e✕\u003c\/span\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\n \u003cdiv class=\"vs-reviews\"\u003e\n\u003cdiv class=\"vs-rev\"\u003e\n\u003cdiv class=\"rh\"\u003e\n\u003cspan class=\"rs\"\u003e★★★★★\u003c\/span\u003e\u003cspan class=\"rt\"\u003eNADA SE LE COMPARA\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cp class=\"rb\"\u003eProbé shampoos caros de salón y ninguno me dio el resultado del Batana. Es otro nivel.\u003c\/p\u003e\n\u003cdiv class=\"ra\"\u003e- Lucía F., La Libertad\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"vs-rev\"\u003e\n\u003cdiv class=\"rh\"\u003e\n\u003cspan class=\"rs\"\u003e★★★★★\u003c\/span\u003e\u003cspan class=\"rt\"\u003eVALE CADA CENTAVO\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cp class=\"rb\"\u003ePensé que $25 era caro hasta que vi los resultados. Los shampoos del super son tirar la plata.\u003c\/p\u003e\n\u003cdiv class=\"ra\"\u003e- Roxana M., San Salvador\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"vs-rev\"\u003e\n\u003cdiv class=\"rh\"\u003e\n\u003cspan class=\"rs\"\u003e★★★★★\u003c\/span\u003e\u003cspan class=\"rt\"\u003ePOR FIN UNO QUE NO RESECA\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cp class=\"rb\"\u003eTengo el pelo tinturado y todo me lo dejaba seco. Este lo nutre de verdad. Lo recomiendo.\u003c\/p\u003e\n\u003cdiv class=\"ra\"\u003e- Patricia G., Santa Ana\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"vs-cta-wrap\"\u003e\n \u003cbutton class=\"vs-cta rsi-trigger-btn\"\u003ePROBAR BATANA OIL HOY\u003c\/button\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- ========== FINAL CTA ========== --\u003e\n \u003csection class=\"finalcta-wrap\" data-block=\"finalCta\" data-block-label=\"Final CTA\"\u003e\n \u003ch2 class=\"finalcta-title\"\u003eRECUPERÁ TU CABELLO HOY\u003cbr\u003eCON LA TRANQUILIDAD DE PAGAR AL RECIBIR\u003c\/h2\u003e\n \u003cp class=\"finalcta-subtitle\"\u003eStock limitado. Garantía de 90 días. Si no ves resultados, te devolvemos tu dinero.\u003c\/p\u003e\n \u003cbutton class=\"finalcta-btn rsi-trigger-btn\"\u003ePEDIR AHORA — PAGO CONTRA ENTREGA\u003c\/button\u003e\n \u003cdiv class=\"finalcta-trust\"\u003e\n\u003cspan class=\"finalcta-badge has-icon\"\u003e\u003cspan class=\"badge-ico\"\u003e💵\u003c\/span\u003ePago contra entrega\u003c\/span\u003e\u003cspan class=\"finalcta-badge has-icon\"\u003e\u003cspan class=\"badge-ico\"\u003e🚚\u003c\/span\u003eEnvío 24-48h en SV\u003c\/span\u003e\u003cspan class=\"finalcta-badge has-icon\"\u003e\u003cspan class=\"badge-ico\"\u003e✅\u003c\/span\u003eGarantía 90 días\u003c\/span\u003e\u003cspan class=\"finalcta-badge has-icon\"\u003e\u003cspan class=\"badge-ico\"\u003e🌿\u003c\/span\u003e100% Batana puro\u003c\/span\u003e\n\u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- ========== FAQS ========== --\u003e\n \u003cdiv class=\"faqs-band\"\u003e\n \u003cdiv class=\"torn-top\"\u003e\u003c\/div\u003e\n \u003csection class=\"faqs-wrap\" data-block=\"faq\" data-block-label=\"FAQ Band\"\u003e\n \u003ch2\u003ePREGUNTAS FRECUENTES\u003c\/h2\u003e\n \u003cdiv class=\"faqs\"\u003e\n\u003cdiv class=\"faq\"\u003e\n\u003cbutton class=\"faq-q\"\u003e\u003cspan\u003e¿Puedo pagar al recibir el producto?\u003c\/span\u003e\u003cspan class=\"icon\"\u003e+\u003c\/span\u003e\u003c\/button\u003e\u003cdiv class=\"faq-a\"\u003e\u003cp\u003eSí. Ofrecemos pago contra entrega en todo El Salvador. Solo pagás cuando el repartidor te entrega el frasco en tu casa. No necesitás tarjeta.\u003c\/p\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"faq\"\u003e\n\u003cbutton class=\"faq-q\"\u003e\u003cspan\u003e¿Cuánto tarda en llegar a mi dirección?\u003c\/span\u003e\u003cspan class=\"icon\"\u003e+\u003c\/span\u003e\u003c\/button\u003e\u003cdiv class=\"faq-a\"\u003e\u003cp\u003eEntre 24 y 48 horas hábiles dentro de El Salvador. En zonas más alejadas puede tardar hasta 72 horas.\u003c\/p\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"faq\"\u003e\n\u003cbutton class=\"faq-q\"\u003e\u003cspan\u003e¿Sirve para cabello tinturado o con keratina?\u003c\/span\u003e\u003cspan class=\"icon\"\u003e+\u003c\/span\u003e\u003c\/button\u003e\u003cdiv class=\"faq-a\"\u003e\u003cp\u003eSí. La fórmula es libre de sulfatos, así que no decolora la tintura ni daña tratamientos. De hecho, ayuda a reparar el daño previo.\u003c\/p\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"faq\"\u003e\n\u003cbutton class=\"faq-q\"\u003e\u003cspan\u003e¿En cuánto tiempo veo resultados?\u003c\/span\u003e\u003cspan class=\"icon\"\u003e+\u003c\/span\u003e\u003c\/button\u003e\u003cdiv class=\"faq-a\"\u003e\u003cp\u003eLa mayoría de las clientas nota menos caída entre las semanas 2 y 4. Los resultados de grosor y crecimiento son visibles entre las semanas 6 y 12.\u003c\/p\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"faq\"\u003e\n\u003cbutton class=\"faq-q\"\u003e\u003cspan\u003e¿Cómo lo uso? ¿Reemplaza mi shampoo normal?\u003c\/span\u003e\u003cspan class=\"icon\"\u003e+\u003c\/span\u003e\u003c\/button\u003e\u003cdiv class=\"faq-a\"\u003e\u003cp\u003eSí, lo usás como tu shampoo de siempre, 3-4 veces por semana. Aplicá en cuero cabelludo mojado, masajeá 2-3 minutos y enjuagá.\u003c\/p\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"faq\"\u003e\n\u003cbutton class=\"faq-q\"\u003e\u003cspan\u003e¿Tiene garantía?\u003c\/span\u003e\u003cspan class=\"icon\"\u003e+\u003c\/span\u003e\u003c\/button\u003e\u003cdiv class=\"faq-a\"\u003e\u003cp\u003eSí. Tenés 90 días de garantía. Si no ves resultados, te devolvemos el 100% de tu dinero. Sin preguntas incómodas.\u003c\/p\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"faq\"\u003e\n\u003cbutton class=\"faq-q\"\u003e\u003cspan\u003e¿Sirve para hombres?\u003c\/span\u003e\u003cspan class=\"icon\"\u003e+\u003c\/span\u003e\u003c\/button\u003e\u003cdiv class=\"faq-a\"\u003e\u003cp\u003ePor supuesto. El Batana funciona igual en hombres y mujeres. Es especialmente efectivo para entradas y caída inicial.\u003c\/p\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"faq\"\u003e\n\u003cbutton class=\"faq-q\"\u003e\u003cspan\u003e¿Cómo sé que es Batana auténtico y no una imitación?\u003c\/span\u003e\u003cspan class=\"icon\"\u003e+\u003c\/span\u003e\u003c\/button\u003e\u003cdiv class=\"faq-a\"\u003e\u003cp\u003eNuestro Batana viene directo de productores Miskitos en La Mosquitia hondureña, con certificación de origen. Cuidado con falsos que se venden en redes sociales sin respaldo.\u003c\/p\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"faq\"\u003e\n\u003cbutton class=\"faq-q\"\u003e\u003cspan\u003e¿Puedo comprar más de un frasco con descuento?\u003c\/span\u003e\u003cspan class=\"icon\"\u003e+\u003c\/span\u003e\u003c\/button\u003e\u003cdiv class=\"faq-a\"\u003e\u003cp\u003eSí. Tenemos bundles: 2 frascos por $39 (ahorrás $11) y 3 frascos por $49 (ahorrás $26 + envío gratis). Es la opción más recomendada porque el tratamiento ideal dura 2-3 meses.\u003c\/p\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n \u003c\/section\u003e\n \u003cdiv class=\"torn-bottom\"\u003e\u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003ca class=\"releasit-form-anchor rsi-trigger-btn\" data-variant-id=\"\"\u003e\u003c\/a\u003e\n\n \u003c!-- Custom mobile sticky CTA — visual igual al sticky verde de Releasit COD.\n Solo visible en mobile. Click dispara Releasit COD via class rsi-trigger-btn. --\u003e\n \u003cdiv class=\"fhc-mobile-sticky\" id=\"fhc-mobile-sticky\"\u003e\n \u003cbutton class=\"fhc-mobile-sticky-btn rsi-trigger-btn\" data-variant-id=\"\"\u003e\n \u003csvg width=\"18\" height=\"18\" viewbox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" style=\"flex-shrink:0\"\u003e\u003cpath d=\"M3 3H5L5.4 5M7 13H17L21 5H5.4M7 13L5.4 5M7 13L4.7 15.3C4.07 15.93 4.51 17 5.41 17H17M17 17C15.9 17 15 17.9 15 19C15 20.1 15.9 21 17 21C18.1 21 19 20.1 19 19C19 17.9 18.1 17 17 17ZM9 19C9 20.1 8.1 21 7 21C5.9 21 5 20.1 5 19C5 17.9 5.9 17 7 17C8.1 17 9 17.9 9 19Z\" stroke=\"#fff\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\n \u003cspan\u003eAGREGAR AL CARRITO — PAGO AL RECIBIR\u003c\/span\u003e\n \u003c\/button\u003e\n \u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003cscript\u003e\n\n \/\/ Hero carousel: thumbnail click switches main slide (desktop)\n \/\/ and on mobile, scroll position drives dot indicator\n (function() {\n const carousel = document.getElementById('heroCarousel');\n if (!carousel) return;\n const slides = carousel.querySelectorAll('.hero-slide');\n const thumbs = document.querySelectorAll('.thumbs .thumb');\n const dots = document.querySelectorAll('#heroDots .dot');\n\n function setActive(idx) {\n slides.forEach((s, i) =\u003e s.classList.toggle('active', i === idx));\n thumbs.forEach((t, i) =\u003e t.classList.toggle('active', i === idx));\n dots.forEach((d, i) =\u003e d.classList.toggle('active', i === idx));\n }\n\n thumbs.forEach((t, i) =\u003e {\n t.addEventListener('click', () =\u003e {\n const isMobile = window.matchMedia('(max-width: 860px)').matches;\n if (isMobile) {\n carousel.scrollTo({ left: i * carousel.clientWidth, behavior: 'smooth' });\n } else {\n setActive(i);\n }\n });\n });\n\n \/\/ mobile: sync dots to scroll position\n let raf = null;\n carousel.addEventListener('scroll', () =\u003e {\n if (raf) cancelAnimationFrame(raf);\n raf = requestAnimationFrame(() =\u003e {\n const idx = Math.round(carousel.scrollLeft \/ carousel.clientWidth);\n dots.forEach((d, i) =\u003e d.classList.toggle('active', i === idx));\n thumbs.forEach((t, i) =\u003e t.classList.toggle('active', i === idx));\n });\n }, { passive: true });\n\n dots.forEach((d, i) =\u003e {\n d.addEventListener('click', () =\u003e {\n carousel.scrollTo({ left: i * carousel.clientWidth, behavior: 'smooth' });\n });\n });\n })();\n\n \/\/ FAQ accordion\n document.querySelectorAll('.faq').forEach(faq =\u003e {\n faq.querySelector('.faq-q').addEventListener('click', () =\u003e {\n faq.classList.toggle('open');\n });\n });\n\n \/\/ Bundle selector\n document.querySelectorAll('.bundle').forEach(b =\u003e {\n b.addEventListener('click', () =\u003e {\n document.querySelectorAll('.bundle').forEach(x =\u003e x.classList.remove('active'));\n b.classList.add('active');\n });\n });\n\n\u003c\/script\u003e\n\n\n\n\u003cscript\u003e(function(){\n try {\n var S = '[class*=\"releasit\"][class*=\"sticky\"],[id*=\"releasit\"][id*=\"sticky\"],[class*=\"rcod\"][class*=\"sticky\"],[id*=\"rcod\"][id*=\"sticky\"],[class*=\"releasit\"][class*=\"atc\"],[id*=\"releasit\"][id*=\"atc\"],[class*=\"rcod\"][class*=\"atc\"],[id*=\"rcod\"][id*=\"atc\"],[class*=\"releasit\"][class*=\"floating\"],[id*=\"releasit\"][id*=\"floating\"],.rcod-sticky-atc,#rcod-sticky-atc,.releasit-cod-form-sticky-atc,#releasit-cod-form-sticky-atc';\n function keep(){\n try {\n var els = document.querySelectorAll(S);\n for (var i=0;i\u003cels.length;i++) {\n var el = els[i];\n var cs = getComputedStyle(el);\n if (cs.display === 'none') el.style.setProperty('display','block','important');\n if (cs.visibility === 'hidden') el.style.setProperty('visibility','visible','important');\n if (parseFloat(cs.opacity) === 0) el.style.setProperty('opacity','1','important');\n if (cs.transform \u0026\u0026 cs.transform !== 'none') el.style.setProperty('transform','none','important');\n if (cs.position !== 'fixed') el.style.setProperty('position','fixed','important');\n var b = parseFloat(cs.bottom);\n if (!isFinite(b) || b \u003c 0) el.style.setProperty('bottom','0','important');\n if (el.getAttribute('aria-hidden') === 'true') el.setAttribute('aria-hidden','false');\n \/\/ Quita clases que Releasit usa para ocultar\n var cls = el.className \u0026\u0026 typeof el.className === 'string' ? el.className : '';\n if (\/--hidden|-hidden|collapsed|hide-sticky\/i.test(cls)) {\n el.className = cls.replace(\/(s|^)([\\w-]*?(?:--hidden|-hidden|collapsed|hide-sticky)[\\w-]*)(?=\\s|$)\/gi,' ').trim();\n }\n }\n } catch(e){}\n }\n if (document.readyState === 'loading') document.addEventListener('DOMContentLoaded', keep);\n else keep();\n setInterval(keep, 200);\n \/\/ También al scroll para reaccionar inmediatamente cuando Releasit oculta\n window.addEventListener('scroll', keep, { passive: true });\n } catch(e){}\n})();\u003c\/script\u003e","brand":"esplendorcosv","offers":[{"title":"Default Title","offer_id":52246501392658,"sku":null,"price":25.0,"currency_code":"USD","in_stock":true}],"url":"https:\/\/esplendorco.com\/products\/shampoo-batana-oil","provider":"esplendorcosv","version":"1.0","type":"link"}