{"id":426,"date":"2026-09-02T13:26:39","date_gmt":"2026-09-02T16:26:39","guid":{"rendered":"https:\/\/order-science.com\/?page_id=426"},"modified":"2026-09-21T12:36:48","modified_gmt":"2026-09-21T15:36:48","slug":"electrolitos","status":"publish","type":"page","link":"https:\/\/order-science.com\/en\/electrolitos\/","title":{"rendered":"Electrolitos"},"content":{"rendered":"\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@500;600;700;800&#038;family=Inter:wght@400;500;600;700;800&#038;display=swap\" rel=\"stylesheet\">\n<style>\n.electro-lp *, .electro-lp *::before, .electro-lp *::after { box-sizing: border-box; margin: 0; padding: 0; }\n.electro-lp a, .electro-lp a:hover, .electro-lp a:visited, .electro-lp a:active { text-decoration: none !important; }\n.electro-lp {\n    --teal: #00A8CC;\n    --teal-deep: #007A99;\n    --teal-dark: #005C75;\n    --teal-pale: #E4F6FB;\n    --teal-pale-2: #CFF0F8;\n    --magenta: #E4067E;\n    --magenta-deep: #B80463;\n    --magenta-pale: #FCE6F1;\n    --navy: #12293B;\n    --navy-deep: #0A1B28;\n    --amber: #F7A823;\n    --white: #FFFFFF;\n    --off-white: #F5FAFB;\n    --gray: #EBF3F5;\n    --text-dark: #12293B;\n    --text-mid: #4C6474;\n    --text-light: #8298A5;\n    --radius: 18px;\n    --shadow: 0 12px 34px rgba(0,92,117,0.14);\n  }\n.electro-lp { scroll-behavior: smooth; }\n.electro-lp {\n    font-family: 'Inter', sans-serif;\n    color: var(--text-dark);\n    background: var(--white);\n    overflow-x: hidden;\n    position: relative;\n  }\n.electro-lp h1, .electro-lp h2, .electro-lp h3, .electro-lp h4 { font-family: 'Poppins', sans-serif; line-height: 1.15; font-weight: 700; }\n.electro-lp .eyebrow {\n    display: inline-flex;\n    align-items: center;\n    gap: 8px;\n    font-family: 'Inter', sans-serif;\n    font-weight: 800;\n    font-size: 0.72rem;\n    letter-spacing: 1.6px;\n    text-transform: uppercase;\n    color: var(--white);\n    background: var(--teal);\n    padding: 6px 14px 6px 12px;\n    border-radius: 100px;\n  }\n.electro-lp .eyebrow::before {\n    content: '';\n    width: 6px; height: 6px;\n    border-radius: 50%;\n    background: var(--magenta);\n    display: inline-block;\n    flex-shrink: 0;\n  }\n.electro-lp .compare-bg .eyebrow, .electro-lp .cta-section .eyebrow { background: var(--white); color: var(--teal-deep); }\n.electro-lp .compare-bg .eyebrow::before, .electro-lp .cta-section .eyebrow::before { background: var(--magenta); }\n\n\/* \u2500\u2500 LANG SWITCH \u2500\u2500 *\/\n\n\/* \u2500\u2500 HERO \u2500\u2500 *\/\n.electro-lp .hero {\n    min-height: 100vh;\n    display: grid;\n    grid-template-columns: 1.05fr 0.95fr;\n    align-items: center;\n    padding: 120px 6% 80px;\n    position: relative;\n    overflow: hidden;\n    background: var(--navy);\n  }\n.electro-lp .hero::before {\n    content: '';\n    position: absolute;\n    inset: 0;\n    background: var(--white);\n    clip-path: polygon(0 0, 62% 0, 40% 100%, 0 100%);\n    z-index: 0;\n  }\n.electro-lp .hero::after {\n    content: '';\n    position: absolute;\n    top: -20%; right: -8%;\n    width: 640px; height: 640px;\n    background: radial-gradient(circle, rgba(0,168,204,0.55), transparent 70%);\n    z-index: 0;\n  }\n.electro-lp .hero-text { position: relative; z-index: 2; }\n.electro-lp .hero-title {\n    font-size: clamp(2.3rem, 4.2vw, 3.5rem);\n    font-weight: 800;\n    color: var(--navy);\n    margin: 20px 0 20px;\n    letter-spacing: -0.5px;\n  }\n.electro-lp .hero-title em { font-style: normal; color: var(--magenta); }\n.electro-lp .hero-subtitle {\n    font-size: clamp(1rem, 1.3vw, 1.12rem);\n    color: var(--text-mid);\n    line-height: 1.75;\n    margin-bottom: 34px;\n    max-width: 480px;\n  }\n.electro-lp .hero-actions { display: flex; gap: 16px; align-items: center; flex-wrap: wrap; margin-bottom: 40px; }\n.electro-lp .btn-primary {\n    background: var(--magenta);\n    color: #fff;\n    border: none;\n    padding: 17px 38px;\n    border-radius: 100px;\n    font-family: 'Inter', sans-serif;\n    font-weight: 800;\n    font-size: 0.98rem;\n    cursor: pointer;\n    text-decoration: none;\n    display: inline-block;\n    transition: background 0.2s, transform 0.2s, box-shadow 0.2s;\n    box-shadow: 0 10px 28px rgba(228,6,126,0.30);\n  }\n.electro-lp .btn-primary:hover { background: var(--magenta-deep); transform: translateY(-2px); box-shadow: 0 14px 34px rgba(228,6,126,0.38); }\n.electro-lp .btn-secondary {\n    background: transparent;\n    color: var(--navy);\n    border: 1.5px solid rgba(18,41,59,0.3);\n    padding: 15px 30px;\n    border-radius: 100px;\n    font-family: 'Inter', sans-serif;\n    font-weight: 800;\n    font-size: 0.92rem;\n    cursor: pointer;\n    text-decoration: none;\n    display: inline-block;\n    transition: border-color 0.2s, transform 0.2s, background 0.2s;\n  }\n.electro-lp .btn-secondary:hover { border-color: var(--teal); background: var(--teal-pale); transform: translateY(-2px); }\n.electro-lp .hero-badges { display: flex; gap: 10px; flex-wrap: wrap; }\n.electro-lp .badge {\n    display: flex;\n    align-items: center;\n    gap: 7px;\n    background: #fff;\n    border: 1px solid rgba(0,168,204,0.25);\n    border-radius: 100px;\n    padding: 7px 15px;\n    font-size: 0.74rem;\n    font-weight: 700;\n    color: var(--navy);\n  }\n.electro-lp .badge-dot { width: 6px; height: 6px; border-radius: 50%; background: var(--teal); flex-shrink: 0; }\n\n\/* \u2500\u2500 HERO VISUAL \u2500\u2500 *\/\n.electro-lp .hero-visual { position: relative; z-index: 2; display: flex; justify-content: center; align-items: center; }\n.electro-lp .capsule-stage { width: min(460px, 100%); position: relative; animation: electrolp-float 5s ease-in-out infinite; }\n  @keyframes electrolp-float { 0%,100% { transform: translateY(0px); } 50% { transform: translateY(-16px); } }\n.electro-lp .product-shot-wrap { position: relative; display: flex; justify-content: center; align-items: center; }\n.electro-lp .product-shot-wrap::before {\n    content: '';\n    position: absolute;\n    width: 90%; height: 90%;\n    border-radius: 50%;\n    background: radial-gradient(ellipse 60% 60% at 50% 50%, rgba(228,6,126,0.16), transparent 70%);\n    z-index: -1;\n  }\n.electro-lp .img-placeholder {\n    aspect-ratio: 4 \/ 3;\n    border-radius: var(--radius);\n    border: 2px dashed rgba(0,92,117,0.28);\n    background: repeating-linear-gradient(135deg, rgba(0,168,204,0.06) 0 12px, transparent 12px 24px), #fff;\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    justify-content: center;\n    text-align: center;\n    gap: 10px;\n    color: var(--text-light);\n    padding: 24px;\n  }\n.electro-lp .img-placeholder .ph-icon { font-size: 1.8rem; opacity: 0.6; }\n.electro-lp .img-placeholder .ph-title { font-family: 'Poppins', sans-serif; font-size: 1rem; color: var(--navy); font-weight: 700; max-width: 260px; }\n.electro-lp .img-placeholder .ph-sub { font-size: 0.76rem; max-width: 240px; line-height: 1.5; }\n.electro-lp .img-placeholder.has-photo { border: none; background: #fff; padding: 0; overflow: hidden; }\n.electro-lp .img-placeholder.has-photo img { width: 100%; height: 100%; object-fit: cover; object-position: center top; display: block; }\n.electro-lp .hero-visual .img-placeholder { aspect-ratio: 1\/1; max-width: 420px; width: 100%; background: repeating-linear-gradient(135deg, rgba(0,168,204,0.06) 0 12px, transparent 12px 24px), #fff; }\n.electro-lp .floating-chip {\n    position: absolute;\n    background: #fff;\n    border-radius: 14px;\n    padding: 10px 16px;\n    font-family: 'Inter', sans-serif;\n    box-shadow: 0 10px 30px rgba(10,27,40,0.20);\n    display: flex;\n    flex-direction: column;\n    animation: electrolp-float-chip 5.5s ease-in-out infinite;\n    border-top: 3px solid var(--teal);\n  }\n.electro-lp .floating-chip .fc-num { font-weight: 800; font-size: 1.05rem; color: var(--magenta); font-family: 'Poppins', sans-serif; }\n.electro-lp .floating-chip .fc-label { font-size: 0.66rem; color: var(--text-light); font-weight: 700; }\n  @keyframes electrolp-float-chip { 0%,100% { transform: translateY(0) rotate(-1.5deg); } 50% { transform: translateY(-10px) rotate(1.5deg); } }\n.electro-lp .chip-1 { top: 4%; left: -4%; animation-delay: 0s; }\n.electro-lp .chip-2 { bottom: 10%; right: -6%; animation-delay: 1.2s; }\n.electro-lp .chip-3 { top: 44%; right: -10%; animation-delay: 0.6s; }\n@media (max-width: 900px) { .electro-lp .floating-chip { display: none; } }\n\n\/* \u2500\u2500 QUICK PICKER (4 products nav) \u2500\u2500 *\/\n.electro-lp .picker-bg { background: #fff; padding: 64px 6% 74px; }\n.electro-lp .picker-head { max-width: 640px; margin: 0 auto 36px; text-align: center; }\n.electro-lp .picker-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 18px; max-width: 1200px; margin: 0 auto; }\n.electro-lp .picker-card {\n    background: var(--off-white);\n    border: 1px solid rgba(0,92,117,0.10);\n    border-top: 4px solid var(--teal);\n    border-radius: var(--radius);\n    padding: 26px 20px;\n    text-decoration: none;\n    color: inherit;\n    display: flex;\n    flex-direction: column;\n    gap: 12px;\n    transition: transform 0.25s, box-shadow 0.25s, border-color 0.25s;\n  }\n.electro-lp .picker-card:hover { transform: translateY(-6px); box-shadow: var(--shadow); border-top-color: var(--magenta); }\n.electro-lp .picker-thumb { aspect-ratio: 1\/1; border-radius: 14px; }\n.electro-lp .picker-tag { font-size: 0.66rem; font-weight: 800; letter-spacing: 1.5px; text-transform: uppercase; color: var(--magenta); }\n.electro-lp .picker-card h4 { font-size: 1.02rem; color: var(--navy); font-family: 'Poppins', sans-serif; }\n.electro-lp .picker-card p { font-size: 0.8rem; color: var(--text-mid); line-height: 1.5; }\n@media (max-width: 900px) { .electro-lp .picker-grid { grid-template-columns: repeat(2, 1fr); } }\n@media (max-width: 480px) { .electro-lp .picker-grid { grid-template-columns: 1fr; } }\n\n\/* \u2500\u2500 STATS STRIP \u2500\u2500 *\/\n.electro-lp .stats-strip {\n    background: var(--teal-dark);\n    color: #fff;\n    padding: 42px 6%;\n    display: flex;\n    justify-content: space-around;\n    align-items: center;\n    gap: 24px;\n    flex-wrap: wrap;\n  }\n.electro-lp .stat-item { text-align: center; }\n.electro-lp .stat-num { font-family: 'Poppins', sans-serif; font-weight: 800; font-size: 2.3rem; color: #fff; display: block; line-height: 1; }\n.electro-lp .stat-label { font-size: 0.78rem; opacity: 0.85; margin-top: 6px; max-width: 160px; }\n\n\/* \u2500\u2500 SECTIONS \u2500\u2500 *\/\n.electro-lp section { padding: 88px 6%; }\n.electro-lp .section-head { max-width: 620px; margin-bottom: 48px; }\n.electro-lp .section-title { font-size: clamp(1.9rem, 3vw, 2.5rem); font-weight: 800; color: var(--navy); margin: 14px 0 16px; letter-spacing: -0.3px; }\n.electro-lp .section-title em { font-style: normal; color: var(--magenta); }\n.electro-lp .section-desc { font-size: 1rem; color: var(--text-mid); line-height: 1.75; }\n.electro-lp .center { text-align: center; margin-left: auto; margin-right: auto; }\n\n\/* \u2500\u2500 PILLARS \u2500\u2500 *\/\n.electro-lp .pillars-strip { background: #fff; padding: 44px 6%; display: flex; justify-content: center; gap: 40px; flex-wrap: wrap; border-bottom: 1px solid rgba(0,92,117,0.08); }\n.electro-lp .pillar-item { display: flex; align-items: center; gap: 10px; max-width: 190px; }\n.electro-lp .pillar-num {\n    font-family: 'Inter', sans-serif; font-weight: 800; font-size: 0.7rem; color: #fff;\n    background: var(--teal); width: 24px; height: 24px; border-radius: 50%;\n    display: flex; align-items: center; justify-content: center; flex-shrink: 0;\n  }\n.electro-lp .pillar-item span.pillar-label { font-size: 0.78rem; font-weight: 700; color: var(--navy); line-height: 1.35; }\n@media (max-width: 768px) { .electro-lp .pillars-strip { gap: 24px; } }\n\n\/* \u2500\u2500 LIFESTYLE \u2500\u2500 *\/\n.electro-lp .lifestyle-bg { background: var(--off-white); }\n.electro-lp .lifestyle-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 48px; align-items: center; }\n.electro-lp .lifestyle-grid.reverse .lifestyle-photo { order: 2; }\n.electro-lp .lifestyle-grid.reverse .lifestyle-copy { order: 1; }\n@media (max-width: 900px) {\n  .electro-lp .lifestyle-grid { grid-template-columns: 1fr; }\n  .electro-lp .lifestyle-grid.reverse .lifestyle-photo, .electro-lp .lifestyle-grid.reverse .lifestyle-copy { order: initial; }\n}\n.electro-lp .lifestyle-copy .section-head { margin-bottom: 20px; }\n.electro-lp .lifestyle-photo .img-placeholder { aspect-ratio: 4\/3; }\n\n\/* \u2500\u2500 USE CASES \u2500\u2500 *\/\n.electro-lp .usecase-bg { background: #fff; }\n.electro-lp .usecase-grid { display: grid; grid-template-columns: repeat(5, 1fr); gap: 18px; }\n@media (max-width: 1024px) { .electro-lp .usecase-grid { grid-template-columns: repeat(3, 1fr); } }\n@media (max-width: 640px) { .electro-lp .usecase-grid { grid-template-columns: 1fr; } }\n.electro-lp .usecase-card { background: var(--off-white); border: 1px solid rgba(0,92,117,0.08); border-radius: var(--radius); padding: 28px 24px; transition: transform 0.3s, box-shadow 0.3s, border-color 0.3s; }\n.electro-lp .usecase-card:hover { transform: translateY(-6px); box-shadow: var(--shadow); border-color: transparent; }\n.electro-lp .usecase-icon { width: 46px; height: 46px; border-radius: 12px; background: var(--teal); display: flex; align-items: center; justify-content: center; font-size: 21px; margin-bottom: 16px; }\n.electro-lp .usecase-title { font-family: 'Poppins', sans-serif; font-weight: 700; font-size: 1rem; color: var(--navy); margin-bottom: 8px; }\n.electro-lp .usecase-desc { font-size: 0.85rem; color: var(--text-mid); line-height: 1.6; }\n\n\/* \u2500\u2500 PRODUCT DEEP-DIVE \u2500\u2500 *\/\n.electro-lp .product-section { border-bottom: 1px solid rgba(0,92,117,0.08); }\n.electro-lp .product-section:nth-child(even) { background: var(--off-white); }\n.electro-lp .product-grid { display: grid; grid-template-columns: 0.85fr 1.15fr; gap: 56px; align-items: center; }\n.electro-lp .product-grid.reverse .product-visual { order: 2; }\n.electro-lp .product-grid.reverse .product-copy { order: 1; }\n@media (max-width: 900px) {\n  .electro-lp .product-grid { grid-template-columns: 1fr; }\n  .electro-lp .product-grid.reverse .product-visual, .electro-lp .product-grid.reverse .product-copy { order: initial; }\n  .electro-lp .product-purchase { justify-content: center; }\n  .electro-lp .product-buy-btn { display: inline-flex; }\n}\n.electro-lp .product-visual .img-placeholder { aspect-ratio: 3\/4; max-width: 340px; margin: 0 auto; }\n.electro-lp .product-flavour {\n    display: inline-flex; align-items: center; gap: 8px;\n    background: #fff; border: 1px solid rgba(0,92,117,0.12);\n    border-radius: 100px; padding: 6px 14px; font-size: 0.76rem; font-weight: 700; color: var(--navy);\n    margin-top: 18px;\n  }\n.electro-lp .flavour-dot { width: 10px; height: 10px; border-radius: 50%; }\n.electro-lp .product-title { font-size: clamp(1.6rem, 2.6vw, 2.1rem); color: var(--magenta); margin: 12px 0 14px; font-weight: 800; }\n.electro-lp .product-desc { font-size: 0.98rem; color: var(--text-mid); line-height: 1.7; margin-bottom: 26px; max-width: 540px; }\n.electro-lp .product-cols { display: grid; grid-template-columns: 1fr 1fr; gap: 28px; margin-bottom: 26px; }\n@media (max-width: 640px) { .electro-lp .product-cols { grid-template-columns: 1fr; } }\n.electro-lp .product-col h4 {\n    font-size: 0.68rem; letter-spacing: 1px; text-transform: uppercase; color: var(--teal-deep); font-weight: 800; margin-bottom: 12px;\n    display: inline-block; background: var(--teal-pale); padding: 5px 12px; border-radius: 6px;\n  }\n.electro-lp .purity-points { list-style: none; display: flex; flex-direction: column; gap: 11px; margin-top: 6px; }\n.electro-lp .purity-points li { display: flex; gap: 10px; font-size: 0.87rem; color: var(--text-mid); line-height: 1.5; }\n.electro-lp .purity-points li::before {\n    content: '\u2713'; color: #fff; background: var(--teal); font-weight: 800; flex-shrink: 0;\n    width: 16px; height: 16px; border-radius: 50%; font-size: 0.6rem;\n    display: flex; align-items: center; justify-content: center; margin-top: 2px;\n  }\n.electro-lp .product-use-box {\n    display: flex; gap: 14px; align-items: flex-start;\n    background: var(--teal-pale); border: 1px solid rgba(0,168,204,0.25);\n    border-left: 4px solid var(--teal);\n    border-radius: 14px; padding: 16px 20px; margin-bottom: 22px; max-width: 540px;\n  }\n.electro-lp .product-use-box .puc-icon { font-size: 18px; flex-shrink: 0; }\n.electro-lp .product-use-box p { font-size: 0.85rem; color: var(--text-mid); line-height: 1.55; }\n.electro-lp .product-use-box strong { color: var(--navy); }\n.electro-lp .product-note { font-size: 0.78rem; color: var(--text-light); max-width: 540px; margin-bottom: 22px; line-height: 1.5; }\n.electro-lp .product-note.warn { color: var(--magenta-deep); font-weight: 600; }\n.electro-lp .product-badges { display: flex; gap: 8px; flex-wrap: wrap; margin-top: 16px; }\n.electro-lp .pbadge { font-size: 0.68rem; font-weight: 800; letter-spacing: 0.5px; padding: 5px 12px; border-radius: 100px; background: var(--magenta-pale); color: var(--magenta-deep); }\n.electro-lp .product-buy-btn { display: flex; align-items: center; gap: 10px; margin-top: 24px; background: var(--navy); color: #fff; border: none; padding: 13px 26px; border-radius: 100px; font-family: 'Inter', sans-serif; font-weight: 800; font-size: 0.9rem; cursor: pointer; text-decoration: none; box-shadow: 0 10px 26px rgba(18,41,59,0.22); transition: transform 0.2s, box-shadow 0.2s, background 0.2s; }\n.electro-lp .product-buy-btn:hover { background: var(--teal); transform: translateY(-2px); box-shadow: 0 14px 32px rgba(0,168,204,0.3); }\n.electro-lp .product-buy-btn .cta-label { white-space: nowrap; }\n.electro-lp .product-buy-btn .cta-price { white-space: nowrap; background: rgba(255,255,255,0.18); padding: 4px 12px; border-radius: 100px; font-weight: 800; font-size: 0.85rem; }\n.electro-lp .electrolitos-buy-link.is-loading { opacity: 0.72; pointer-events: none; }\n.electro-lp .product-purchase { display: flex; align-items: center; gap: 14px; margin-top: 24px; flex-wrap: wrap; }\n.electro-lp .product-purchase .product-buy-btn { margin-top: 0; }\n.electro-lp .qty-selector { display: inline-flex; align-items: center; background: var(--off-white) !important; border: 1.5px solid rgba(0,92,117,0.14); border-radius: 100px; overflow: visible; }\n.electro-lp .qty-btn { background: transparent !important; border: none; width: 38px; height: 44px; font-size: 1.1rem; font-weight: 800; color: var(--navy) !important; cursor: pointer; display: flex; align-items: center; justify-content: center; transition: background 0.15s; line-height: 1; -webkit-text-fill-color: var(--navy); opacity: 1;}\n.electro-lp .qty-btn:hover { background: rgba(0,168,204,0.12) !important; }\n.electro-lp input.qty-input[type=\"number\"] {\n    width: 36px;\n    height: 44px;\n    border: none !important;\n    background: transparent !important;\n    background-color: transparent !important;\n    text-align: center;\n    font-family: 'Inter', sans-serif !important;\n    font-weight: 700 !important;\n    font-size: 0.95rem !important;\n    line-height: 44px !important;\n    color: var(--navy) !important;\n    -webkit-text-fill-color: var(--navy) !important;\n    -moz-appearance: textfield;\n    -webkit-appearance: none;\n    appearance: none;\n    opacity: 1 !important;\n    box-shadow: none !important;\n    outline: none !important;\n    caret-color: var(--navy);\n  }\n.electro-lp .qty-input::-webkit-outer-spin-button, .electro-lp .qty-input::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; }\n@media (max-width: 900px) { .electro-lp .product-purchase { justify-content: center; } }\n\n\/* \u2500\u2500 COMPARISON TABLE \u2500\u2500 *\/\n.electro-lp .compare-bg { background: var(--navy); color: #fff; }\n.electro-lp .compare-bg .section-title { color: #fff; }\n.electro-lp .compare-bg .section-title em { color: var(--teal-light, #6FE0F5); }\n.electro-lp .compare-bg .section-desc { color: rgba(255,255,255,0.68); }\n.electro-lp .table-scroll { overflow-x: auto; border-radius: var(--radius); box-shadow: var(--shadow); }\n.electro-lp .compare-table { width: 100%; min-width: 640px; border-collapse: collapse; background: #fff; }\n.electro-lp .compare-table th, .electro-lp .compare-table td { padding: 14px 20px; text-align: left; font-size: 0.85rem; border-bottom: 1px solid rgba(0,92,117,0.08); color: var(--text-dark); white-space: nowrap; }\n.electro-lp .compare-table th { font-family: 'Poppins', sans-serif; font-weight: 700; font-size: 0.9rem; color: #fff; background: var(--teal); }\n.electro-lp .compare-table th:first-child, .electro-lp .compare-table td:first-child { position: sticky; left: 0; font-weight: 700; z-index: 1; box-shadow: 2px 0 6px rgba(0,0,0,0.08); }\n.electro-lp .compare-table th:first-child { background: var(--teal); color: #fff; }\n.electro-lp .compare-table td:first-child { background: #fff; color: var(--navy); }\n.electro-lp .compare-table th:not(:first-child), .electro-lp .compare-table td:not(:first-child) { text-align: center; }\n.electro-lp .compare-table tr:nth-child(even) td { background: var(--off-white); }\n.electro-lp .compare-table tr:last-child td { border-bottom: none; }\n.electro-lp .compare-table td.dash { color: var(--text-light); }\n.electro-lp .table-note { font-size: 0.78rem; color: rgba(255,255,255,0.55); margin-top: 16px; }\n.electro-lp .concentration-note {\n    margin-top: 34px;\n    background: rgba(255,255,255,0.07);\n    border: 1px solid rgba(255,255,255,0.14);\n    border-left: 4px solid var(--teal-light, #6FE0F5);\n    border-radius: 16px;\n    padding: 24px 28px;\n    max-width: 780px;\n  }\n.electro-lp .concentration-note h4 { font-family: 'Poppins', sans-serif; font-weight: 700; font-size: 1rem; color: #fff; margin-bottom: 10px; }\n.electro-lp .concentration-note p { font-size: 0.9rem; color: rgba(255,255,255,0.78); line-height: 1.7; }\n.electro-lp .concentration-note strong { color: #fff; }\n.electro-lp .scroll-hint { display: none; font-size: 0.76rem; color: rgba(255,255,255,0.6); margin-bottom: 10px; text-align: center; }\n@media (max-width: 640px) { .electro-lp .scroll-hint { display: block; } }\n\n\/* \u2500\u2500 AGE GROUPS \u2500\u2500 *\/\n.electro-lp .age-bg { background: var(--off-white); }\n.electro-lp .age-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 18px; }\n@media (max-width: 1024px) { .electro-lp .age-grid { grid-template-columns: repeat(2, 1fr); } }\n@media (max-width: 560px) { .electro-lp .age-grid { grid-template-columns: 1fr; } }\n.electro-lp .age-card { background: #fff; border: 1px solid rgba(0,92,117,0.10); border-radius: var(--radius); padding: 26px; position: relative; padding-left: 60px; }\n.electro-lp .age-card::before {\n    content: '\u2713'; position: absolute; left: 22px; top: 26px;\n    width: 24px; height: 24px; border-radius: 50%; background: var(--teal); color: #fff;\n    font-size: 0.72rem; font-weight: 800; display: flex; align-items: center; justify-content: center;\n  }\n.electro-lp .age-card h4 { font-size: 0.98rem; color: var(--navy); margin-bottom: 10px; font-family: 'Poppins', sans-serif; }\n.electro-lp .age-card p { font-size: 0.85rem; color: var(--text-mid); line-height: 1.6; }\n.electro-lp .age-card.warn { border-color: rgba(228,6,126,0.3); background: var(--magenta-pale); }\n.electro-lp .age-card.warn::before { content: '!'; background: var(--magenta); }\n.electro-lp .age-card.warn h4 { color: var(--magenta-deep); }\n.electro-lp .age-card.warn p { color: #8A0F52; }\n\n\/* \u2500\u2500 FAQ \u2500\u2500 *\/\n.electro-lp .faq-bg { background: #fff; }\n.electro-lp .faq-list { display: flex; flex-direction: column; gap: 12px; max-width: 760px; margin: 0 auto; }\n.electro-lp .faq-item { background: var(--off-white); border: 1px solid rgba(0,92,117,0.10); border-radius: 14px; overflow: hidden; }\n.electro-lp .faq-question { padding: 20px 24px; font-family: 'Poppins', sans-serif; font-weight: 700; font-size: 1rem; color: var(--navy); cursor: pointer; display: flex; justify-content: space-between; align-items: center; }\n.electro-lp .faq-question::after { content: '+'; font-size: 1.3rem; color: var(--magenta); transition: transform 0.25s; flex-shrink: 0; margin-left: 12px; }\n.electro-lp .faq-item.active .faq-question::after { transform: rotate(45deg); }\n.electro-lp .faq-item.active { border-color: var(--teal); }\n.electro-lp .faq-answer { max-height: 0; overflow: hidden; transition: max-height 0.35s ease, padding 0.35s ease; padding: 0 24px; font-size: 0.9rem; color: var(--text-mid); line-height: 1.7; }\n.electro-lp .faq-item.active .faq-answer { max-height: 320px; padding: 0 24px 22px; }\n\n\/* \u2500\u2500 CTA \u2500\u2500 *\/\n.electro-lp .cta-section { background: linear-gradient(120deg, var(--teal) 0%, var(--magenta) 100%); text-align: center; padding: 110px 6%; position: relative; overflow: hidden; color: #fff; }\n.electro-lp .cta-section::before { content: ''; position: absolute; top: -120px; right: -100px; width: 420px; height: 420px; background: rgba(255,255,255,0.10); border-radius: 50%; }\n.electro-lp .cta-section .eyebrow { position: relative; z-index: 1; margin-bottom: 6px; }\n.electro-lp .cta-section h2 { font-size: clamp(2rem, 4vw, 3rem); color: #fff; margin-bottom: 16px; position: relative; z-index: 1; }\n.electro-lp .cta-section h2 em { font-style: normal; color: var(--navy); }\n.electro-lp .cta-section p { color: rgba(255,255,255,0.9); font-size: 1.05rem; margin-bottom: 40px; max-width: 520px; margin-left: auto; margin-right: auto; position: relative; z-index: 1; }\n.electro-lp .cta-buttons { display: flex; gap: 14px; justify-content: center; flex-wrap: nowrap; position: relative; z-index: 1; }\n@media (max-width: 900px) { .electro-lp .cta-buttons { flex-wrap: wrap; } }\n@media (max-width: 480px) { .electro-lp .btn-cta-white { white-space: normal; width: 100%; text-align: center; } }\n.electro-lp .btn-cta-white { background: #fff; color: var(--magenta-deep); border: none; padding: 16px 22px; border-radius: 100px; font-family: 'Inter', sans-serif; font-weight: 800; font-size: 0.86rem; cursor: pointer; text-decoration: none; display: inline-block; white-space: nowrap; box-shadow: 0 10px 34px rgba(0,0,0,0.18); transition: transform 0.2s, box-shadow 0.2s; }\n.electro-lp .btn-cta-white:hover { transform: translateY(-3px); box-shadow: 0 16px 42px rgba(0,0,0,0.24); }\n.electro-lp .presentation-note { margin-top: 28px; color: rgba(255,255,255,0.85); font-size: 0.84rem; position: relative; z-index: 1; }\n.electro-lp .anmat-legend { margin-top: 14px; color: rgba(255,255,255,0.65); font-size: 0.72rem; position: relative; z-index: 1; }\n\n\/* \u2500\u2500 ORDER BAND \/ FOOTER \u2500\u2500 *\/\n.electro-lp .order-band { background: #fff; border-top: 1px solid rgba(0,92,117,0.10); padding: 26px 6%; display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: 16px; }\n.electro-lp .order-brand { display: flex; align-items: center; gap: 18px; }\n.electro-lp .order-brand-fallback { font-family: 'Poppins', sans-serif; font-weight: 800; font-size: 1.1rem; color: var(--navy); }\n.electro-lp .order-brand-fallback small { display: block; font-family: 'Inter', sans-serif; font-weight: 700; font-size: 0.62rem; letter-spacing: 1.5px; text-transform: uppercase; color: var(--magenta); }\n.electro-lp .order-info { font-size: 0.82rem; color: var(--text-mid); line-height: 1.5; }\n.electro-lp .order-info strong { color: var(--navy); }\n.electro-lp .order-contact { display: flex; flex-direction: column; gap: 4px; align-items: flex-end; font-size: 0.82rem; }\n.electro-lp .order-contact a { color: var(--teal-deep); text-decoration: none; font-weight: 700; }\n@media (max-width: 768px) { .electro-lp .order-band { flex-direction: column; align-items: flex-start; } .electro-lp .order-contact { align-items: flex-start; } }\n.electro-lp footer { background: var(--navy-deep); color: rgba(255,255,255,0.55); text-align: center; padding: 34px; font-size: 0.8rem; line-height: 1.7; }\n.electro-lp footer strong { color: rgba(255,255,255,0.85); }\n\n\/* \u2500\u2500 REVEAL \u2500\u2500 *\/\n.electro-lp .reveal { opacity: 1; transform: none; transition: opacity 0.7s ease, transform 0.7s ease; }\n.electro-lp.js-reveal-active .reveal { opacity: 0; transform: translateY(28px); }\n.electro-lp.js-reveal-active .reveal.visible { opacity: 1; transform: translateY(0); }\n@media (prefers-reduced-motion: reduce) {\n  .electro-lp .capsule-stage, .electro-lp .floating-chip { animation: none; }\n  .electro-lp .reveal { opacity: 1; transform: none; transition: none; }\n}\n@media (max-width: 900px) {\n  .electro-lp .hero { grid-template-columns: 1fr; text-align: center; padding: 100px 6% 60px; background: linear-gradient(180deg, #ffffff 0%, var(--teal-pale) 100%); }\n  .electro-lp .hero::before { display: none; }\n  .electro-lp .hero::after { top: -10%; right: -30%; width: 420px; height: 420px; opacity: 0.5; }\n  .electro-lp .hero-actions, .electro-lp .hero-badges { justify-content: center; }\n  .electro-lp .hero-subtitle { margin-left: auto; margin-right: auto; }\n  .electro-lp .hero-visual { margin-top: 44px; }\n  .electro-lp .product-use-box, .electro-lp .product-desc, .electro-lp .product-note { max-width: none; }\n}\n.electro-lp a:focus-visible, .electro-lp button:focus-visible { outline: 2px solid var(--magenta); outline-offset: 3px; }\n.electro-lp .lang-switch {\n    position: absolute !important;\n    top: 14px !important;\n    right: 5% !important;\n    left: auto !important;\n    bottom: auto !important;\n    z-index: 30 !important;\n    display: flex !important;\n    flex-wrap: nowrap !important;\n    align-items: center !important;\n    gap: 6px !important;\n    max-width: 90px !important;\n    font-family: 'Inter', sans-serif !important;\n  }\n.electro-lp .lang-switch span,\n.electro-lp .lang-switch a {\n    display: inline-block !important;\n    background: rgba(0,92,117,0.55) !important;\n    color: #fff !important;\n    font-size: 0.68rem !important;\n    font-weight: 700 !important;\n    letter-spacing: 0.5px !important;\n    padding: 5px 10px !important;\n    border-radius: 100px !important;\n    text-decoration: none !important;\n    white-space: nowrap !important;\n    line-height: 1 !important;\n  }\n.electro-lp .lang-switch span.active { background: var(--navy) !important; }\n@media (max-width: 900px) {\n.electro-lp .lang-switch { top: 76px !important; right: 4% !important; }\n  }\n<\/style>\n<div class=\"electro-lp\">\n\n<div class=\"lang-switch\">\n  <span class=\"active\">ES<\/span>\n  <a href=\"https:\/\/order-science.com\/electrolitos-en\/\">EN<\/a>\n<\/div>\n\n<!-- HERO -->\n<section class=\"hero\">\n  <div class=\"hero-text\">\n    <span class=\"eyebrow\">sanotact\u00ae \u00b7 A German Brand<\/span>\n    <h1 class=\"hero-title\">Tu cuerpo pierde<br><em>electrolitos<\/em>. Reponelos bien.<\/h1>\n    <p class=\"hero-subtitle\">Cuatro f\u00f3rmulas de electrolitos desarrolladas en Alemania para cada momento del d\u00eda: hidrataci\u00f3n diaria, regeneraci\u00f3n, actividad f\u00edsica y foco. Con sodio, potasio, magnesio y cloruro en las proporciones que tu cuerpo necesita.<\/p>\n    <div class=\"hero-actions\">\n      <a href=\"#productos\" class=\"btn-primary\">Eleg\u00ed tu f\u00f3rmula<\/a>\n      <a href=\"#comparativa\" class=\"btn-secondary\">Ver composici\u00f3n completa<\/a>\n    <\/div>\n    <div class=\"hero-badges\">\n      <div class=\"badge\"><span class=\"badge-dot\"><\/span>Basado en f\u00f3rmula OMS<\/div>\n      <div class=\"badge\"><span class=\"badge-dot\"><\/span>Certificaci\u00f3n Cologne List\u00ae<\/div>\n      <div class=\"badge\"><span class=\"badge-dot\"><\/span>L\u00edder de mercado en Alemania<\/div>\n    <\/div>\n  <\/div>\n\n  <div class=\"hero-visual\">\n    <div class=\"capsule-stage\">\n      <div class=\"product-shot-wrap\">\n        <div class=\"img-placeholder has-photo\">\n          <img decoding=\"async\" src=\"https:\/\/order-science.com\/wp-content\/uploads\/2026\/09\/electrolitos-todos-1.webp\" alt=\"Las 4 l\u00edneas sanotact\u00ae Electrolytes: Plus, Recovery, Active y Boost + Caffeine\" loading=\"lazy\">\n        <\/div>\n      <\/div>\n      <div class=\"floating-chip chip-1\">\n        <span class=\"fc-num\">4<\/span>\n        <span class=\"fc-label\">F\u00f3rmulas espec\u00edficas<\/span>\n      <\/div>\n      <div class=\"floating-chip chip-2\">\n        <span class=\"fc-num\">Na \u00b7 K \u00b7 Mg<\/span>\n        <span class=\"fc-label\">Electrolitos clave<\/span>\n      <\/div>\n      <div class=\"floating-chip chip-3\">\n        <span class=\"fc-num\">4+<\/span>\n        <span class=\"fc-label\">Aptos desde los 4 a\u00f1os*<\/span>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- QUICK PICKER -->\n<section class=\"picker-bg\" id=\"productos\">\n  <div class=\"picker-head\">\n    <span class=\"eyebrow\">Eleg\u00ed tu f\u00f3rmula<\/span>\n    <h2 class=\"section-title reveal\">Cuatro soluciones, <em>un mismo<\/em> objetivo<\/h2>\n    <p class=\"section-desc reveal\">Cada momento del d\u00eda tiene su electrolito: hidrataci\u00f3n, regeneraci\u00f3n, actividad o foco.<\/p>\n  <\/div>\n  <div class=\"picker-grid\">\n    <a href=\"#plus\" class=\"picker-card reveal\">\n      <div class=\"img-placeholder picker-thumb has-photo\"><img decoding=\"async\" src=\"https:\/\/order-science.com\/wp-content\/uploads\/2026\/09\/elektrolyte-plus.jpg\" alt=\"Electrolytes Plus\" loading=\"lazy\"><\/div>\n      <span class=\"picker-tag\">Hidrataci\u00f3n diaria<\/span>\n      <h4>Electrolytes Plus<\/h4>\n      <p>F\u00f3rmula base OMS, con glucosa y sodio. Apto desde los 4 a\u00f1os.<\/p>\n    <\/a>\n    <a href=\"#recovery\" class=\"picker-card reveal\">\n      <div class=\"img-placeholder picker-thumb has-photo\"><img decoding=\"async\" src=\"https:\/\/order-science.com\/wp-content\/uploads\/2026\/09\/elektro-recovery.jpg\" alt=\"Electrolytes Recovery\" loading=\"lazy\"><\/div>\n      <span class=\"picker-tag\">Regeneraci\u00f3n<\/span>\n      <h4>Electrolytes Recovery<\/h4>\n      <p>Con colina para la funci\u00f3n hep\u00e1tica, ideal tras el esfuerzo.<\/p>\n    <\/a>\n    <a href=\"#active\" class=\"picker-card reveal\">\n      <div class=\"img-placeholder picker-thumb has-photo\"><img decoding=\"async\" src=\"https:\/\/order-science.com\/wp-content\/uploads\/2026\/09\/elektrolyte-activ.webp\" alt=\"Electrolytes Active\" loading=\"lazy\"><\/div>\n      <span class=\"picker-tag\">Estilo de vida activo<\/span>\n      <h4>Electrolytes Active<\/h4>\n      <p>Sin az\u00facar ni calor\u00edas, con vitaminas B. Vegano.<\/p>\n    <\/a>\n    <a href=\"#boost\" class=\"picker-card reveal\">\n      <div class=\"img-placeholder picker-thumb has-photo\"><img decoding=\"async\" src=\"https:\/\/order-science.com\/wp-content\/uploads\/2026\/09\/elektro-active-caffein.jpg\" alt=\"Electrolytes Boost + Caffeine\" loading=\"lazy\"><\/div>\n      <span class=\"picker-tag\">Foco y energ\u00eda<\/span>\n      <h4>Electrolytes Boost + Caffeine<\/h4>\n      <p>150 mg de cafe\u00edna por dosis. No apto para ni\u00f1os.<\/p>\n    <\/a>\n  <\/div>\n<\/section>\n\n<!-- STATS -->\n<div class=\"stats-strip\">\n  <div class=\"stat-item\"><span class=\"stat-num\">4<\/span><div class=\"stat-label\">F\u00f3rmulas de electrolitos espec\u00edficas<\/div><\/div>\n  <div class=\"stat-item\"><span class=\"stat-num\">+40%<\/span><div class=\"stat-label\">de deportistas usa electrolitos para su recuperaci\u00f3n\u00b9<\/div><\/div>\n  <div class=\"stat-item\"><span class=\"stat-num\">N\u00ba1<\/span><div class=\"stat-label\">sanotact\u00ae Electrolytes, l\u00edder en retail alem\u00e1n<\/div><\/div>\n  <div class=\"stat-item\"><span class=\"stat-num\">4+<\/span><div class=\"stat-label\">L\u00edneas aptas desde los 4 a\u00f1os (excepto Boost)<\/div><\/div>\n<\/div>\n\n<!-- PILLARS -->\n<div class=\"pillars-strip\">\n  <div class=\"pillar-item\"><span class=\"pillar-num\">01<\/span><span class=\"pillar-label\">F\u00f3rmula Plus basada en el est\u00e1ndar de la OMS<\/span><\/div>\n  <div class=\"pillar-item\"><span class=\"pillar-num\">02<\/span><span class=\"pillar-label\">Sodio, potasio, magnesio y cloruro en cada dosis<\/span><\/div>\n  <div class=\"pillar-item\"><span class=\"pillar-num\">03<\/span><span class=\"pillar-label\">Sin colorantes artificiales<\/span><\/div>\n  <div class=\"pillar-item\"><span class=\"pillar-num\">04<\/span><span class=\"pillar-label\">Certificaci\u00f3n Cologne List\u00ae en Plus y Active<\/span><\/div>\n  <div class=\"pillar-item\"><span class=\"pillar-num\">05<\/span><span class=\"pillar-label\">Marca alemana, l\u00edder en su categor\u00eda<\/span><\/div>\n<\/div>\n\n<!-- LIFESTYLE -->\n<section class=\"lifestyle-bg\">\n  <div class=\"lifestyle-grid\">\n    <div class=\"lifestyle-photo reveal\">\n      <div class=\"img-placeholder has-photo\">\n        <img decoding=\"async\" src=\"https:\/\/order-science.com\/wp-content\/uploads\/2026\/09\/lifestyle-order.webp\" alt=\"Pareja hidrat\u00e1ndose al aire libre despu\u00e9s de entrenar\" loading=\"lazy\">\n      <\/div>\n    <\/div>\n    <div class=\"lifestyle-copy reveal\">\n      <div class=\"section-head\">\n        <span class=\"eyebrow\">Por qu\u00e9 reponer electrolitos<\/span>\n        <h2 class=\"section-title\">Perder solo un 1-2% de agua corporal <em>ya te afecta<\/em><\/h2>\n        <p class=\"section-desc\">Cuando transpir\u00e1s no perd\u00e9s solo agua: perd\u00e9s sodio, potasio y magnesio, minerales esenciales para la transmisi\u00f3n nerviosa, la funci\u00f3n muscular y el equilibrio de fluidos. Reponerlos junto con el agua es m\u00e1s eficaz que hidratarse solo con agua.<\/p>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- USE CASES -->\n<section class=\"usecase-bg\" id=\"usos\">\n  <div class=\"section-head\">\n    <span class=\"eyebrow\">Cu\u00e1ndo usarlos<\/span>\n    <h2 class=\"section-title reveal\">Un electrolito para <em>cada<\/em> situaci\u00f3n<\/h2>\n    <p class=\"section-desc reveal\">Deporte, calor, viajes, jornadas largas o despu\u00e9s de una noche de m\u00e1s \u2014 cada f\u00f3rmula est\u00e1 pensada para un momento distinto.<\/p>\n  <\/div>\n  <div class=\"usecase-grid\">\n    <div class=\"usecase-card reveal\">\n      <div class=\"usecase-icon\">\ud83c\udfc3<\/div>\n      <div class=\"usecase-title\">Deporte y ejercicio<\/div>\n      <div class=\"usecase-desc\">P\u00e9rdida de fluidos y electrolitos por transpiraci\u00f3n durante el entrenamiento.<\/div>\n    <\/div>\n    <div class=\"usecase-card reveal\">\n      <div class=\"usecase-icon\">\u2600\ufe0f<\/div>\n      <div class=\"usecase-title\">Calor y viajes<\/div>\n      <div class=\"usecase-desc\">Cambios de clima y mayor transpiraci\u00f3n que desequilibran los fluidos corporales.<\/div>\n    <\/div>\n    <div class=\"usecase-card reveal\">\n      <div class=\"usecase-icon\">\ud83e\udde0<\/div>\n      <div class=\"usecase-title\">Estr\u00e9s mental<\/div>\n      <div class=\"usecase-desc\">Vitaminas B y cafe\u00edna como apoyo para el foco y la energ\u00eda en jornadas exigentes.<\/div>\n    <\/div>\n    <div class=\"usecase-card reveal\">\n      <div class=\"usecase-icon\">\ud83c\udf19<\/div>\n      <div class=\"usecase-title\">Despu\u00e9s de una noche larga<\/div>\n      <div class=\"usecase-desc\">Deshidrataci\u00f3n y desequilibrio electrol\u00edtico tras el consumo de alcohol.<\/div>\n    <\/div>\n    <div class=\"usecase-card reveal\">\n      <div class=\"usecase-icon\">\ud83d\udc68\u200d\ud83d\udc69\u200d\ud83d\udc67<\/div>\n      <div class=\"usecase-title\">Familias y ni\u00f1os<\/div>\n      <div class=\"usecase-desc\">Electrolytes Plus es apta para ni\u00f1os desde los 4 a\u00f1os.<\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- ============ PRODUCT 1: PLUS ============ -->\n<section class=\"product-section\" id=\"plus\">\n  <div class=\"product-grid\">\n    <div class=\"product-visual reveal\">\n      <div class=\"img-placeholder has-photo\">\n        <img decoding=\"async\" src=\"https:\/\/order-science.com\/wp-content\/uploads\/2026\/09\/elektrolyte-plus.jpg\" alt=\"Envase sanotact\u00ae Electrolytes Plus\" loading=\"lazy\">\n      <\/div>\n    <\/div>\n    <div class=\"product-copy reveal\">\n      <span class=\"eyebrow\">Hidrataci\u00f3n diaria<\/span>\n      <h3 class=\"product-title\">Electrolytes Plus<\/h3>\n      <p class=\"product-desc\">La combinaci\u00f3n de glucosa y sodio de <strong>Electrolytes Plus<\/strong> est\u00e1 basada en la f\u00f3rmula de la OMS y favorece una absorci\u00f3n de agua m\u00e1s eficiente en el intestino que el agua sola. Ideal frente al calor, la diarrea o el ejercicio.<\/p>\n      <div class=\"product-cols\">\n        <div class=\"product-col\">\n          <h4>Base cient\u00edfica<\/h4>\n          <ul class=\"purity-points\">\n            <li>La glucosa y el sodio potencian la absorci\u00f3n intestinal de agua<\/li>\n            <li>El magnesio contribuye a la funci\u00f3n muscular normal y al equilibrio electrol\u00edtico<\/li>\n          <\/ul>\n        <\/div>\n        <div class=\"product-col\">\n          <h4>Diferenciales<\/h4>\n          <ul class=\"purity-points\">\n            <li>6 g de glucosa cada 2 sticks \u2014 f\u00f3rmula basada en la OMS<\/li>\n            <li>Alto contenido de sodio, potasio y magnesio<\/li>\n            <li>Sin colorantes artificiales<\/li>\n            <li>Apto para ni\u00f1os desde los 4 a\u00f1os<\/li>\n          <\/ul>\n        <\/div>\n      <\/div>\n      <div class=\"product-use-box\">\n        <span class=\"puc-icon\">\ud83d\udca7<\/span>\n        <p><strong>Modo de uso:<\/strong> 2 sticks al d\u00eda, cada uno disuelto en 200 ml de agua.<\/p>\n      <\/div>\n      <div class=\"product-flavour\"><span class=\"flavour-dot\" style=\"background:#F0A93E;\"><\/span>Sabor naranja<\/div>\n      <div class=\"product-badges\">\n        <span class=\"pbadge\">Best Seller 2023<\/span>\n        <span class=\"pbadge\">Certificaci\u00f3n Cologne List\u00ae<\/span>\n      <\/div>\n      <div class=\"product-purchase\">\n        <div class=\"qty-selector\" data-product=\"plus\">\n          <button type=\"button\" class=\"qty-btn qty-minus\" aria-label=\"Restar cantidad\">\u2212<\/button>\n          <span class=\"qty-display\" aria-live=\"polite\" style=\"display:inline-block !important; min-width:26px !important; text-align:center !important; font-family:'Inter',sans-serif !important; font-weight:700 !important; font-size:0.95rem !important; color:#12293B !important; -webkit-text-fill-color:#12293B !important; line-height:44px !important; height:44px !important; background:transparent !important; opacity:1 !important;\">1<\/span><input type=\"hidden\" class=\"qty-input\" value=\"1\">\n          <button type=\"button\" class=\"qty-btn qty-plus\" aria-label=\"Sumar cantidad\">+<\/button>\n        <\/div>\n        <a href=\"https:\/\/order-science.com\/checkout\/?add-to-cart=515&#038;quantity=1\" class=\"product-buy-btn electrolitos-buy-link\" data-base-url=\"https:\/\/order-science.com\/checkout\/?add-to-cart=515\" data-product-id=\"515\" data-product=\"plus\" data-unit-price=\"25000\" target=\"_blank\" rel=\"noopener\"><span class=\"cta-label\">Comprar ahora<\/span><span class=\"cta-price\">$25.000<\/span><\/a>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- ============ PRODUCT 2: RECOVERY ============ -->\n<section class=\"product-section\" id=\"recovery\">\n  <div class=\"product-grid reverse\">\n    <div class=\"product-visual reveal\">\n      <div class=\"img-placeholder has-photo\">\n        <img decoding=\"async\" src=\"https:\/\/order-science.com\/wp-content\/uploads\/2026\/09\/elektro-recovery.jpg\" alt=\"Envase sanotact\u00ae Electrolytes Recovery\" loading=\"lazy\">\n      <\/div>\n    <\/div>\n    <div class=\"product-copy reveal\">\n      <span class=\"eyebrow\">Regeneraci\u00f3n integral<\/span>\n      <h3 class=\"product-title\">Electrolytes Recovery<\/h3>\n      <p class=\"product-desc\">M\u00e1s que hidrataci\u00f3n: <strong>Electrolytes Recovery<\/strong> combina electrolitos, glucosa, vitaminas del grupo B y 100 mg de colina para acompa\u00f1ar la funci\u00f3n hep\u00e1tica \u2014 ideal despu\u00e9s del calor, el esfuerzo f\u00edsico o el consumo de alcohol.<\/p>\n      <div class=\"product-cols\">\n        <div class=\"product-col\">\n          <h4>Base cient\u00edfica<\/h4>\n          <ul class=\"purity-points\">\n            <li>La colina contribuye a la funci\u00f3n hep\u00e1tica normal<\/li>\n            <li>El magnesio y las vitaminas B ayudan a reducir el cansancio y la fatiga<\/li>\n            <li>La glucosa y el sodio mejoran la hidrataci\u00f3n<\/li>\n          <\/ul>\n        <\/div>\n        <div class=\"product-col\">\n          <h4>Diferenciales<\/h4>\n          <ul class=\"purity-points\">\n            <li>100 mg de colina por dosis diaria<\/li>\n            <li>Con glucosa, vitaminas B y electrolitos<\/li>\n            <li>Pensada para despu\u00e9s del esfuerzo o la noche anterior<\/li>\n          <\/ul>\n        <\/div>\n      <\/div>\n      <div class=\"product-use-box\">\n        <span class=\"puc-icon\">\ud83d\udca7<\/span>\n        <p><strong>Modo de uso:<\/strong> 2 sticks al d\u00eda, cada uno disuelto en 200 ml de agua.<\/p>\n      <\/div>\n      <div class=\"product-flavour\"><span class=\"flavour-dot\" style=\"background:#E8896B;\"><\/span>Sabor durazno<\/div>\n      <div class=\"product-badges\">\n        <span class=\"pbadge\">Colina para la funci\u00f3n hep\u00e1tica<\/span>\n      <\/div>\n      <div class=\"product-purchase\">\n        <div class=\"qty-selector\" data-product=\"recovery\">\n          <button type=\"button\" class=\"qty-btn qty-minus\" aria-label=\"Restar cantidad\">\u2212<\/button>\n          <span class=\"qty-display\" aria-live=\"polite\" style=\"display:inline-block !important; min-width:26px !important; text-align:center !important; font-family:'Inter',sans-serif !important; font-weight:700 !important; font-size:0.95rem !important; color:#12293B !important; -webkit-text-fill-color:#12293B !important; line-height:44px !important; height:44px !important; background:transparent !important; opacity:1 !important;\">1<\/span><input type=\"hidden\" class=\"qty-input\" value=\"1\">\n          <button type=\"button\" class=\"qty-btn qty-plus\" aria-label=\"Sumar cantidad\">+<\/button>\n        <\/div>\n        <a href=\"https:\/\/order-science.com\/checkout\/?add-to-cart=516&#038;quantity=1\" class=\"product-buy-btn electrolitos-buy-link\" data-base-url=\"https:\/\/order-science.com\/checkout\/?add-to-cart=516\" data-product-id=\"516\" data-product=\"recovery\" data-unit-price=\"13000\" target=\"_blank\" rel=\"noopener\"><span class=\"cta-label\">Comprar ahora<\/span><span class=\"cta-price\">$13.000<\/span><\/a>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- ============ PRODUCT 3: ACTIVE ============ -->\n<section class=\"product-section\" id=\"active\">\n  <div class=\"product-grid\">\n    <div class=\"product-visual reveal\">\n      <div class=\"img-placeholder has-photo\">\n        <img decoding=\"async\" src=\"https:\/\/order-science.com\/wp-content\/uploads\/2026\/09\/elektrolyte-activ.webp\" alt=\"Envase sanotact\u00ae Electrolytes Active\" loading=\"lazy\">\n      <\/div>\n    <\/div>\n    <div class=\"product-copy reveal\">\n      <span class=\"eyebrow\">Para un estilo de vida activo<\/span>\n      <h3 class=\"product-title\">Electrolytes Active<\/h3>\n      <p class=\"product-desc\"><strong>Electrolytes Active<\/strong> combina los electrolitos clave con vitaminas del grupo B para sostener la funci\u00f3n muscular y el metabolismo energ\u00e9tico \u2014 sin az\u00facares a\u00f1adidos ni calor\u00edas.<\/p>\n      <div class=\"product-cols\">\n        <div class=\"product-col\">\n          <h4>Base cient\u00edfica<\/h4>\n          <ul class=\"purity-points\">\n            <li>El magnesio y el potasio contribuyen a la funci\u00f3n muscular normal<\/li>\n            <li>Las vitaminas B2 y B6 apoyan el metabolismo energ\u00e9tico y ayudan a reducir el cansancio<\/li>\n            <li>Sin az\u00facar ni calor\u00edas<\/li>\n          <\/ul>\n        <\/div>\n        <div class=\"product-col\">\n          <h4>Diferenciales<\/h4>\n          <ul class=\"purity-points\">\n            <li>Con vitaminas B1, B2 y B6<\/li>\n            <li>Vegano \u00b7 Certificaci\u00f3n Cologne List\u00ae<\/li>\n            <li>4 sabores para elegir<\/li>\n          <\/ul>\n        <\/div>\n      <\/div>\n      <div class=\"product-use-box\">\n        <span class=\"puc-icon\">\ud83d\udca7<\/span>\n        <p><strong>Modo de uso:<\/strong> 2 comprimidos efervescentes al d\u00eda, cada uno en 400-500 ml de agua.<\/p>\n      <\/div>\n      <div class=\"product-flavour\"><span class=\"flavour-dot\" style=\"background:#D6E24A;\"><\/span>Pomelo-lima \u00b7 Uva \u00b7 Frutos rojos-jengibre \u00b7 Granada<\/div>\n      <div class=\"product-badges\">\n        <span class=\"pbadge\">Vegano<\/span>\n        <span class=\"pbadge\">Certificaci\u00f3n Cologne List\u00ae<\/span>\n      <\/div>\n      <div class=\"product-purchase\">\n        <div class=\"qty-selector\" data-product=\"active\">\n          <button type=\"button\" class=\"qty-btn qty-minus\" aria-label=\"Restar cantidad\">\u2212<\/button>\n          <span class=\"qty-display\" aria-live=\"polite\" style=\"display:inline-block !important; min-width:26px !important; text-align:center !important; font-family:'Inter',sans-serif !important; font-weight:700 !important; font-size:0.95rem !important; color:#12293B !important; -webkit-text-fill-color:#12293B !important; line-height:44px !important; height:44px !important; background:transparent !important; opacity:1 !important;\">1<\/span><input type=\"hidden\" class=\"qty-input\" value=\"1\">\n          <button type=\"button\" class=\"qty-btn qty-plus\" aria-label=\"Sumar cantidad\">+<\/button>\n        <\/div>\n        <a href=\"https:\/\/order-science.com\/checkout\/?add-to-cart=517&#038;quantity=1\" class=\"product-buy-btn electrolitos-buy-link\" data-base-url=\"https:\/\/order-science.com\/checkout\/?add-to-cart=517\" data-product-id=\"517\" data-product=\"active\" data-unit-price=\"19000\" target=\"_blank\" rel=\"noopener\"><span class=\"cta-label\">Comprar ahora<\/span><span class=\"cta-price\">$19.000<\/span><\/a>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- ============ PRODUCT 4: BOOST + CAFFEINE ============ -->\n<section class=\"product-section\" id=\"boost\">\n  <div class=\"product-grid reverse\">\n    <div class=\"product-visual reveal\">\n      <div class=\"img-placeholder has-photo\">\n        <img decoding=\"async\" src=\"https:\/\/order-science.com\/wp-content\/uploads\/2026\/09\/elektro-active-caffein.jpg\" alt=\"Envase sanotact\u00ae Electrolytes Boost + Caffeine\" loading=\"lazy\">\n      <\/div>\n    <\/div>\n    <div class=\"product-copy reveal\">\n      <span class=\"eyebrow\">Foco y energ\u00eda<\/span>\n      <h3 class=\"product-title\">Electrolytes Boost + Caffeine<\/h3>\n      <p class=\"product-desc\">Cuando la p\u00e9rdida de l\u00edquidos y el cansancio afectan el rendimiento f\u00edsico y mental, <strong>Electrolytes Boost + Caffeine<\/strong> suma 150 mg de cafe\u00edna a la reposici\u00f3n de electrolitos.<\/p>\n      <div class=\"product-cols\">\n        <div class=\"product-col\">\n          <h4>Base cient\u00edfica<\/h4>\n          <ul class=\"purity-points\">\n            <li>La cafe\u00edna contribuye a aumentar el estado de alerta y la atenci\u00f3n<\/li>\n            <li>Los electrolitos reponen las p\u00e9rdidas provocadas por la transpiraci\u00f3n<\/li>\n          <\/ul>\n        <\/div>\n        <div class=\"product-col\">\n          <h4>Diferenciales<\/h4>\n          <ul class=\"purity-points\">\n            <li>150 mg de cafe\u00edna (2 comprimidos)<\/li>\n            <li>Ideal antes de entrenar o en jornadas largas<\/li>\n            <li>Vegano, sin az\u00facar<\/li>\n          <\/ul>\n        <\/div>\n      <\/div>\n      <div class=\"product-use-box\">\n        <span class=\"puc-icon\">\ud83d\udca7<\/span>\n        <p><strong>Modo de uso:<\/strong> 2 comprimidos efervescentes al d\u00eda, cada uno en 400-500 ml de agua.<\/p>\n      <\/div>\n      <p class=\"product-note warn\">\u26a0 No recomendado para ni\u00f1os, mujeres embarazadas o en per\u00edodo de lactancia (contiene 150 mg de cafe\u00edna).<\/p>\n      <div class=\"product-flavour\"><span class=\"flavour-dot\" style=\"background:#F2994A;\"><\/span>Sabor tropical<\/div>\n      <div class=\"product-badges\">\n        <span class=\"pbadge\">150 mg de cafe\u00edna<\/span>\n      <\/div>\n      <div class=\"product-purchase\">\n        <div class=\"qty-selector\" data-product=\"boost\">\n          <button type=\"button\" class=\"qty-btn qty-minus\" aria-label=\"Restar cantidad\">\u2212<\/button>\n          <span class=\"qty-display\" aria-live=\"polite\" style=\"display:inline-block !important; min-width:26px !important; text-align:center !important; font-family:'Inter',sans-serif !important; font-weight:700 !important; font-size:0.95rem !important; color:#12293B !important; -webkit-text-fill-color:#12293B !important; line-height:44px !important; height:44px !important; background:transparent !important; opacity:1 !important;\">1<\/span><input type=\"hidden\" class=\"qty-input\" value=\"1\">\n          <button type=\"button\" class=\"qty-btn qty-plus\" aria-label=\"Sumar cantidad\">+<\/button>\n        <\/div>\n        <a href=\"https:\/\/order-science.com\/checkout\/?add-to-cart=518&#038;quantity=1\" class=\"product-buy-btn electrolitos-buy-link\" data-base-url=\"https:\/\/order-science.com\/checkout\/?add-to-cart=518\" data-product-id=\"518\" data-product=\"boost\" data-unit-price=\"21000\" target=\"_blank\" rel=\"noopener\"><span class=\"cta-label\">Comprar ahora<\/span><span class=\"cta-price\">$21.000<\/span><\/a>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- COMPARISON TABLE -->\n<section class=\"compare-bg\" id=\"comparativa\">\n  <div class=\"section-head\">\n    <span class=\"eyebrow\">Composici\u00f3n nutricional<\/span>\n    <h2 class=\"section-title reveal\">Las 4 f\u00f3rmulas, <em>lado a lado<\/em><\/h2>\n    <p class=\"section-desc reveal\">Aporte por dosis diaria recomendada de cada l\u00ednea.<\/p>\n  <\/div>\n  <p class=\"scroll-hint\">\u2190 Desliz\u00e1 para ver las 4 f\u00f3rmulas \u2192<\/p>\n  <div class=\"table-scroll reveal\">\n    <table class=\"compare-table\">\n      <thead>\n        <tr>\n          <th>Por dosis diaria<\/th>\n          <th>Plus<br><span style=\"font-weight:400;font-size:0.72rem;color:var(--text-light);\">2 sticks<\/span><\/th>\n          <th>Recovery<br><span style=\"font-weight:400;font-size:0.72rem;color:var(--text-light);\">2 sticks<\/span><\/th>\n          <th>Active<br><span style=\"font-weight:400;font-size:0.72rem;color:var(--text-light);\">2 tabletas<\/span><\/th>\n          <th>Boost + Caffeine<br><span style=\"font-weight:400;font-size:0.72rem;color:var(--text-light);\">2 tabletas<\/span><\/th>\n        <\/tr>\n      <\/thead>\n      <tbody>\n        <tr><td>Sodio<\/td><td>640 mg<\/td><td>640 mg<\/td><td>670 mg<\/td><td>670 mg<\/td><\/tr>\n        <tr><td>Cloruro<\/td><td>870 mg<\/td><td>870 mg<\/td><td>630 mg<\/td><td>630 mg<\/td><\/tr>\n        <tr><td>Potasio<\/td><td>300 mg<\/td><td>300 mg<\/td><td>300 mg<\/td><td>300 mg<\/td><\/tr>\n        <tr><td>Magnesio<\/td><td>150 mg<\/td><td>150 mg<\/td><td>112.5 mg<\/td><td>112.5 mg<\/td><\/tr>\n        <tr><td>Glucosa<\/td><td>6.0 g<\/td><td>6.0 g<\/td><td class=\"dash\">\u2014<\/td><td class=\"dash\">\u2014<\/td><\/tr>\n        <tr><td>Cafe\u00edna<\/td><td class=\"dash\">\u2014<\/td><td class=\"dash\">\u2014<\/td><td class=\"dash\">\u2014<\/td><td>150 mg<\/td><\/tr>\n        <tr><td>Colina<\/td><td class=\"dash\">\u2014<\/td><td>100 mg<\/td><td class=\"dash\">\u2014<\/td><td class=\"dash\">\u2014<\/td><\/tr>\n        <tr><td>\u00c1cido pantot\u00e9nico<\/td><td class=\"dash\">\u2014<\/td><td>6 mg<\/td><td class=\"dash\">\u2014<\/td><td class=\"dash\">\u2014<\/td><\/tr>\n        <tr><td>Vitamina B1<\/td><td class=\"dash\">\u2014<\/td><td class=\"dash\">\u2014<\/td><td>0.6 mg<\/td><td>0.6 mg<\/td><\/tr>\n        <tr><td>Vitamina B2<\/td><td class=\"dash\">\u2014<\/td><td class=\"dash\">\u2014<\/td><td>0.7 mg<\/td><td>0.7 mg<\/td><\/tr>\n        <tr><td>Vitamina B6<\/td><td class=\"dash\">\u2014<\/td><td class=\"dash\">\u2014<\/td><td>0.9 mg<\/td><td>0.9 mg<\/td><\/tr>\n      <\/tbody>\n    <\/table>\n  <\/div>\n  <p class=\"table-note\">Fuente: informaci\u00f3n nutricional sanotact\u00ae. Los valores corresponden a la dosis diaria recomendada de cada producto.<\/p>\n  <div class=\"concentration-note reveal\">\n    <h4>No es solo cu\u00e1ntos electrolitos tiene, sino en qu\u00e9 concentraci\u00f3n<\/h4>\n    <p>Muchos productos del mercado declaran los mismos electrolitos \u2014 sodio, cloruro, potasio y magnesio \u2014 pero eso no los hace equivalentes. Lo que realmente determina si una f\u00f3rmula hidrata de forma eficiente es <strong>la concentraci\u00f3n de cada mineral por dosis<\/strong>, no solo su presencia en la etiqueta. Las f\u00f3rmulas sanotact\u00ae est\u00e1n desarrolladas con las cantidades espec\u00edficas que respaldan cada uso \u2014 desde la hidrataci\u00f3n diaria hasta la recuperaci\u00f3n post esfuerzo \u2014 y no solo con una lista de ingredientes.<\/p>\n  <\/div>\n<\/section>\n\n<!-- AGE GROUPS -->\n<section class=\"age-bg\" id=\"edades\">\n  <div class=\"section-head\">\n    <span class=\"eyebrow\">Grupos de edad<\/span>\n    <h2 class=\"section-title reveal\">Qui\u00e9n puede tomar <em>cada<\/em> f\u00f3rmula<\/h2>\n  <\/div>\n  <div class=\"age-grid\">\n    <div class=\"age-card reveal\">\n      <h4>Electrolytes Plus<\/h4>\n      <p>Tambi\u00e9n apta para ni\u00f1os desde los 4 a\u00f1os.<\/p>\n    <\/div>\n    <div class=\"age-card reveal\">\n      <h4>Electrolytes Active<\/h4>\n      <p>Apta para adultos. Vegana y sin az\u00facar.<\/p>\n    <\/div>\n    <div class=\"age-card reveal\">\n      <h4>Electrolytes Recovery<\/h4>\n      <p>Apta para adultos, especialmente indicada tras el esfuerzo o el consumo de alcohol.<\/p>\n    <\/div>\n    <div class=\"age-card warn reveal\">\n      <h4>Electrolytes Boost + Caffeine<\/h4>\n      <p>No recomendada para ni\u00f1os ni para mujeres embarazadas o en per\u00edodo de lactancia \u2014 contiene 150 mg de cafe\u00edna.<\/p>\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- FAQ -->\n<section class=\"faq-bg\" id=\"faq\">\n  <div class=\"section-head\">\n    <span class=\"eyebrow\">Preguntas frecuentes<\/span>\n    <h2 class=\"section-title reveal\">Todo lo que necesit\u00e1s <em>saber<\/em><\/h2>\n  <\/div>\n  <div class=\"faq-list\">\n    <div class=\"faq-item\">\n      <div class=\"faq-question\">\u00bfCu\u00e1l elijo si hago deporte?<\/div>\n      <div class=\"faq-answer\">Electrolytes Active es la m\u00e1s indicada: repone sodio, potasio y magnesio junto con vitaminas B, sin az\u00facar ni calor\u00edas a\u00f1adidas. Si adem\u00e1s busc\u00e1s un extra de energ\u00eda y foco antes de entrenar, Electrolytes Boost + Caffeine suma 150 mg de cafe\u00edna.<\/div>\n    <\/div>\n    <div class=\"faq-item\">\n      <div class=\"faq-question\">\u00bfCu\u00e1l es apta para ni\u00f1os?<\/div>\n      <div class=\"faq-answer\">Electrolytes Plus est\u00e1 indicada para ni\u00f1os desde los 4 a\u00f1os. Electrolytes Boost + Caffeine no es apta para ni\u00f1os por su contenido de cafe\u00edna.<\/div>\n    <\/div>\n    <div class=\"faq-item\">\n      <div class=\"faq-question\">\u00bfQu\u00e9 diferencia a Electrolytes Recovery?<\/div>\n      <div class=\"faq-answer\">Suma 100 mg de colina, que contribuye a la funci\u00f3n hep\u00e1tica normal, adem\u00e1s de glucosa, sodio y vitaminas B. Est\u00e1 pensada para despu\u00e9s del calor, el esfuerzo f\u00edsico o el consumo de alcohol.<\/div>\n    <\/div>\n    <div class=\"faq-item\">\n      <div class=\"faq-question\">\u00bfPuedo tomar Boost + Caffeine si estoy embarazada?<\/div>\n      <div class=\"faq-answer\">No se recomienda. Al contener 150 mg de cafe\u00edna, no est\u00e1 indicada para mujeres embarazadas, en per\u00edodo de lactancia, ni para ni\u00f1os.<\/div>\n    <\/div>\n    <div class=\"faq-item\">\n      <div class=\"faq-question\">\u00bfC\u00f3mo se preparan?<\/div>\n      <div class=\"faq-answer\">Electrolytes Plus y Recovery: 2 sticks al d\u00eda, cada uno disuelto en 200 ml de agua. Electrolytes Active y Boost + Caffeine: 2 comprimidos efervescentes al d\u00eda, cada uno en 400-500 ml de agua.<\/div>\n    <\/div>\n    <div class=\"faq-item\">\n      <div class=\"faq-question\">\u00bfLos productos llevan colorantes artificiales?<\/div>\n      <div class=\"faq-answer\">No. Electrolytes Plus est\u00e1 formulada sin colorantes artificiales, en l\u00ednea con el resto de la gama sanotact\u00ae Electrolytes.<\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- CTA -->\n<section class=\"cta-section\" id=\"comprar\">\n  <h2>Encontr\u00e1 tu <em>electrolito ideal<\/em><\/h2>\n  <p>Cuatro f\u00f3rmulas, un mismo est\u00e1ndar: la marca alemana l\u00edder en electrolitos.<\/p>\n  <div class=\"cta-buttons\">\n    <a href=\"https:\/\/order-science.com\/checkout\/?add-to-cart=515&#038;quantity=1\" class=\"btn-cta-white electrolitos-buy-link\" data-base-url=\"https:\/\/order-science.com\/checkout\/?add-to-cart=515\" data-product-id=\"515\" target=\"_blank\" rel=\"noopener\"><span class=\"cta-label\">Comprar Electrolytes Plus \u2014 $25.000<\/span><\/a>\n    <a href=\"https:\/\/order-science.com\/checkout\/?add-to-cart=516&#038;quantity=1\" class=\"btn-cta-white electrolitos-buy-link\" data-base-url=\"https:\/\/order-science.com\/checkout\/?add-to-cart=516\" data-product-id=\"516\" target=\"_blank\" rel=\"noopener\"><span class=\"cta-label\">Comprar Electrolytes Recovery \u2014 $13.000<\/span><\/a>\n    <a href=\"https:\/\/order-science.com\/checkout\/?add-to-cart=517&#038;quantity=1\" class=\"btn-cta-white electrolitos-buy-link\" data-base-url=\"https:\/\/order-science.com\/checkout\/?add-to-cart=517\" data-product-id=\"517\" target=\"_blank\" rel=\"noopener\"><span class=\"cta-label\">Comprar Electrolytes Active \u2014 $19.000<\/span><\/a>\n    <a href=\"https:\/\/order-science.com\/checkout\/?add-to-cart=518&#038;quantity=1\" class=\"btn-cta-white electrolitos-buy-link\" data-base-url=\"https:\/\/order-science.com\/checkout\/?add-to-cart=518\" data-product-id=\"518\" target=\"_blank\" rel=\"noopener\"><span class=\"cta-label\">Comprar Boost + Caffeine \u2014 $21.000<\/span><\/a>\n  <\/div>\n  <p class=\"presentation-note\">sanotact\u00ae \u00b7 A German Brand \u2014 Cologne List\u00ae \u00b7 F\u00f3rmula basada en est\u00e1ndar OMS<\/p>\n  <p class=\"anmat-legend\">Suplemento dietario. Suplementa dietas insuficientes. Consulte a su m\u00e9dico y\/o farmac\u00e9utico.<\/p>\n<\/section>\n\n<!-- ORDER BAND -->\n<div class=\"order-band\">\n  <div class=\"order-brand\">\n    <img decoding=\"async\" src=\"https:\/\/order-science.com\/wp-content\/uploads\/2026\/06\/cropped-Logo_order-04-2-removebg-preview-300x100.png\" alt=\"ORDER Nutritional Science\" style=\"height:40px; width:auto; display:block;\" loading=\"lazy\">\n    <div style=\"width:1px; height:40px; background:rgba(10,59,88,0.12);\"><\/div>\n    <div class=\"order-info\">\n      <strong>Distribuido por ORDER Nutritional Science<\/strong><br>\n      Ciencia, nutrici\u00f3n y precisi\u00f3n\n    <\/div>\n  <\/div>\n  <div class=\"order-contact\">\n    <span>\ud83c\udf10 <a href=\"https:\/\/order-science.com\" target=\"_blank\" rel=\"noopener\">order-science.com<\/a><\/span>\n    <span style=\"color:var(--text-light); font-size:0.78rem;\">Suplementos premium \u00b7 Mercado argentino<\/span>\n  <\/div>\n<\/div>\n\n<footer>\n  \u00b9 IMARC Group (2023) identifica el consumo de alcohol en aumento y las tendencias de bienestar como factores clave de crecimiento para los suplementos de electrolitos.<br>\n  sanotact\u00ae es una marca registrada de sanotact GmbH, M\u00fcnster, Alemania.\n<\/footer>\n\n<\/div><!-- \/.electro-lp -->\n\n<script>\n  document.querySelector('.electro-lp').classList.add('js-reveal-active');\n\n  const observer = new IntersectionObserver((entries) => {\n    entries.forEach((entry, i) => {\n      if (entry.isIntersecting) {\n        setTimeout(() => entry.target.classList.add('visible'), i * 70);\n        observer.unobserve(entry.target);\n      }\n    });\n  }, { threshold: 0.12 });\n\n  document.querySelectorAll('.reveal').forEach(el => observer.observe(el));\n\n  document.querySelectorAll('a[href^=\"#\"]').forEach(a => {\n    a.addEventListener('click', e => {\n      const target = document.querySelector(a.getAttribute('href'));\n      if (target) {\n        e.preventDefault();\n        target.scrollIntoView({ behavior: 'smooth', block: 'start' });\n      }\n    });\n  });\n\n  document.querySelectorAll('.faq-question').forEach(question => {\n    question.addEventListener('click', () => {\n      const item = question.parentElement;\n      const isActive = item.classList.contains('active');\n      document.querySelectorAll('.faq-item').forEach(faq => faq.classList.remove('active'));\n      if (!isActive) item.classList.add('active');\n    });\n  });\n\n  \/\/ Selector de cantidad + link de compra\n  document.querySelectorAll('.product-purchase').forEach(block => {\n    const input = block.querySelector('.qty-input'); \/\/ hidden, guarda el valor real\n    const display = block.querySelector('.qty-display'); \/\/ span visible\n    const minusBtn = block.querySelector('.qty-minus');\n    const plusBtn = block.querySelector('.qty-plus');\n    const buyBtn = block.querySelector('.product-buy-btn');\n    const baseUrl = buyBtn.getAttribute('data-base-url') || buyBtn.getAttribute('href');\n    const unitPrice = parseInt(buyBtn.getAttribute('data-unit-price'), 10) || 0;\n    const priceSpan = buyBtn.querySelector('.cta-price');\n\n    function clamp(val) {\n      val = parseInt(val, 10);\n      if (isNaN(val) || val < 1) val = 1;\n      if (val > 99) val = 99;\n      return val;\n    }\n\n    function formatPrice(n) {\n      return '$' + n.toLocaleString('es-AR');\n    }\n\n    function setQty(qty) {\n      qty = clamp(qty);\n      input.value = qty;\n      display.textContent = qty;\n      \/\/ arma el link real de compra (abre en pesta\u00f1a nueva, mismo patr\u00f3n que el resto del sitio)\n      if (!baseUrl || baseUrl.charAt(0) === '#') {\n        buyBtn.setAttribute('href', baseUrl);\n      } else {\n        const sep = baseUrl.indexOf('?') === -1 ? '?' : '&';\n        buyBtn.setAttribute('href', baseUrl + sep + 'quantity=' + qty);\n      }\n      if (priceSpan && unitPrice) {\n        priceSpan.textContent = formatPrice(unitPrice * qty);\n      }\n    }\n\n    minusBtn.addEventListener('click', () => setQty(parseInt(input.value, 10) - 1));\n    plusBtn.addEventListener('click', () => setQty(parseInt(input.value, 10) + 1));\n    setQty(1);\n  });\n\n  \/\/ Agregar al carrito v\u00eda AJAX de WooCommerce (sin salir de la p\u00e1gina),\n  \/\/ para que el carrito lateral del sitio se abra en vez de ir directo al checkout.\n  function electrolitosAddToCart(link) {\n    if (link.classList.contains('is-loading')) return;\n\n    const productId = link.dataset.productId;\n    let quantity = '1';\n    try {\n      quantity = new URL(link.href, window.location.href).searchParams.get('quantity') || '1';\n    } catch (err) {}\n\n    const labelEl = link.querySelector('.cta-label');\n    const originalLabel = labelEl ? labelEl.textContent : '';\n\n    \/\/ Fija el ancho actual del bot\u00f3n para que no \"salte\" al cambiar el texto\n    \/\/ (Comprar ahora \u2192 Agregando\u2026 \u2192 \u00a1Agregado!).\n    link.style.minWidth = link.offsetWidth + 'px';\n\n    link.classList.add('is-loading');\n    if (labelEl) labelEl.textContent = 'Agregando\u2026';\n\n    const body = new URLSearchParams();\n    body.set('product_id', productId);\n    body.set('quantity', quantity);\n\n    \/\/ URL relativa: pega siempre al mismo dominio\/subdominio con el que se\n    \/\/ carg\u00f3 la p\u00e1gina (evita bloqueos de CORS si el sitio usa www vs. sin www,\n    \/\/ http vs. https, etc.).\n    fetch('\/?wc-ajax=add_to_cart', {\n      method: 'POST',\n      credentials: 'same-origin',\n      headers: { 'Content-Type': 'application\/x-www-form-urlencoded' },\n      body: body.toString()\n    })\n      .then(res => res.text().then(text => ({ status: res.status, text: text })))\n      .then(({ status, text }) => {\n        let data;\n        try {\n          data = JSON.parse(text);\n        } catch (parseErr) {\n          console.error('Electrolitos: la respuesta de add_to_cart no es JSON (status ' + status + ')', text.slice(0, 600));\n          throw new Error('invalid_json');\n        }\n\n        if (!data || data.error) {\n          console.error('Electrolitos: WooCommerce devolvi\u00f3 error al agregar al carrito (status ' + status + ')', data);\n          throw new Error('add_to_cart_error');\n        }\n\n        \/\/ Actualiza los fragments de WooCommerce (mini-cart \/ carrito lateral)\n        if (data.fragments) {\n          Object.keys(data.fragments).forEach(selector => {\n            document.querySelectorAll(selector).forEach(el => {\n              el.outerHTML = data.fragments[selector];\n            });\n          });\n        }\n\n        \/\/ El producto ya est\u00e1 en el carrito en este punto \u2014 lo de abajo es\n        \/\/ solo avisarle al carrito lateral \/ a WooCommerce que se agreg\u00f3,\n        \/\/ as\u00ed que un error ac\u00e1 NO debe mandarnos al checkout de respaldo.\n        try {\n          if (window.jQuery) {\n            const $link = window.jQuery(link); \/\/ WooCommerce espera un objeto jQuery, no un elemento DOM crudo\n            window.jQuery(document.body).trigger('added_to_cart', [data.fragments, data.cart_hash, $link]);\n            window.jQuery(document.body).trigger('wc_fragments_refreshed');\n          }\n          document.body.dispatchEvent(new CustomEvent('added_to_cart', { detail: data }));\n        } catch (triggerErr) {\n          console.error('Electrolitos: el agregado funcion\u00f3 pero un listener de \"added_to_cart\" tir\u00f3 error', triggerErr);\n        }\n\n        link.classList.remove('is-loading');\n        if (labelEl) {\n          labelEl.textContent = '\u00a1Agregado!';\n          setTimeout(() => {\n            labelEl.textContent = originalLabel;\n            link.style.minWidth = '';\n          }, 1600);\n        }\n      })\n      .catch(err => {\n        console.error('Electrolitos: fallo el agregado por AJAX, redirigiendo al checkout', err);\n        \/\/ Si el agregado por AJAX falla de verdad, seguimos con el flujo cl\u00e1sico: ir al checkout.\n        window.location.href = link.href;\n      });\n  }\n\n  document.querySelectorAll('.electrolitos-buy-link').forEach(link => {\n    link.addEventListener('click', function (e) {\n      e.preventDefault();\n      electrolitosAddToCart(this);\n    });\n  });\n<\/script>\n","protected":false},"excerpt":{"rendered":"<p>ES EN sanotact\u00ae \u00b7 A German Brand Tu cuerpo pierdeelectrolitos. Reponelos bien. Cuatro f\u00f3rmulas de electrolitos desarrolladas en Alemania para [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"full-width-container","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"disabled","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-426","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/order-science.com\/en\/wp-json\/wp\/v2\/pages\/426","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/order-science.com\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/order-science.com\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/order-science.com\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/order-science.com\/en\/wp-json\/wp\/v2\/comments?post=426"}],"version-history":[{"count":11,"href":"https:\/\/order-science.com\/en\/wp-json\/wp\/v2\/pages\/426\/revisions"}],"predecessor-version":[{"id":554,"href":"https:\/\/order-science.com\/en\/wp-json\/wp\/v2\/pages\/426\/revisions\/554"}],"wp:attachment":[{"href":"https:\/\/order-science.com\/en\/wp-json\/wp\/v2\/media?parent=426"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}