{"product_id":"water-boy","title":"water boy","description":"\u003cbody\u003e\n\n\n\u003cmeta charset=\"UTF-8\"\u003e\n\u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\u003e\n\u003ctitle\u003eWeekend Recovery | Waterboy\u003c\/title\u003e\n\u003cmeta name=\"description\" content=\"Weekend Recovery — Hidratación y recuperación con electrolitos. Pide directo por WhatsApp.\"\u003e\n \n\u003c!-- Fuentes: se cargan en el navegador del usuario final, no requieren build step --\u003e\n\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=Space+Grotesk:wght@500;600;700\u0026amp;family=Inter:wght@400;500;600;700\u0026amp;family=IBM+Plex+Mono:wght@500;600\u0026amp;display=swap\" rel=\"stylesheet\"\u003e\n \n\u003cstyle\u003e\n\/* =========================================================\n   TOKENS\n   ========================================================= *\/\n:root{\n  --bg:#FFFFFF;\n  --bg-soft:#F4F7FB;\n  --bg-soft-2:#EDF1F8;\n  --ink:#12151B;\n  --ink-soft:#4B5266;\n  --blue:#1652F0;\n  --blue-dark:#0D3ECC;\n  --blue-ink:#0A2C99;\n  --yellow:#FFD400;\n  --yellow-ink:#7A6200;\n  --wa:#25D366;\n  --wa-dark:#1DA851;\n  --line:#E3E8F2;\n  --radius-lg:28px;\n  --radius-md:18px;\n  --radius-sm:12px;\n  --shadow-soft:0 10px 30px rgba(18,21,27,0.06);\n  --shadow-strong:0 20px 50px rgba(22,82,240,0.18);\n  --font-display:'Space Grotesk', sans-serif;\n  --font-body:'Inter', sans-serif;\n  --font-mono:'IBM Plex Mono', monospace;\n}\n \n*{box-sizing:border-box;margin:0;padding:0;}\nhtml{scroll-behavior:smooth;}\nbody{\n  font-family:var(--font-body);\n  color:var(--ink);\n  background:var(--bg);\n  -webkit-font-smoothing:antialiased;\n  overflow-x:hidden;\n  padding-bottom:88px; \/* space for sticky bar on mobile *\/\n}\nimg{max-width:100%;display:block;}\nbutton{font-family:inherit;cursor:pointer;border:none;background:none;}\na{color:inherit;text-decoration:none;}\n.container{max-width:1180px;margin:0 auto;padding:0 24px;}\n.eyebrow{\n  font-family:var(--font-mono);\n  font-size:12px;\n  letter-spacing:0.14em;\n  text-transform:uppercase;\n  color:var(--blue);\n  font-weight:600;\n  display:inline-flex;\n  align-items:center;\n  gap:8px;\n}\n.eyebrow::before{\n  content:'';\n  width:6px;height:6px;border-radius:50%;\n  background:var(--yellow);\n  box-shadow:0 0 0 4px rgba(255,212,0,0.25);\n}\nh1,h2,h3{font-family:var(--font-display);line-height:1.05;letter-spacing:-0.01em;}\n.section-title{font-size:clamp(28px,4vw,42px);font-weight:700;margin-top:10px;}\n.section-sub{font-size:16px;color:var(--ink-soft);margin-top:14px;max-width:520px;line-height:1.55;}\n.section-head{margin-bottom:44px;}\n.section-head.center{text-align:center;margin-left:auto;margin-right:auto;}\n.section-head.center .section-sub{margin-left:auto;margin-right:auto;}\nsection{padding:96px 0;}\n@media (max-width:720px){section{padding:64px 0;}}\n \n\/* image placeholder helper *\/\n.ph{\n  background:\n    repeating-linear-gradient(135deg, #E9EEF9, #E9EEF9 10px, #DEE6F5 10px, #DEE6F5 20px);\n  display:flex;align-items:center;justify-content:center;\n  color:#7A88AA;font-family:var(--font-mono);font-size:12px;text-align:center;\n  border-radius:var(--radius-md);\n  position:relative;overflow:hidden;\n}\n.ph span{background:rgba(255,255,255,0.85);padding:6px 12px;border-radius:20px;font-weight:600;}\n \n\/* =========================================================\n   NAV\n   ========================================================= *\/\n.nav{\n  position:sticky;top:0;z-index:100;\n  background:rgba(255,255,255,0.85);\n  backdrop-filter:blur(10px);\n  border-bottom:1px solid var(--line);\n}\n.nav-inner{\n  display:flex;align-items:center;justify-content:space-between;\n  padding:16px 24px;max-width:1180px;margin:0 auto;\n}\n.logo{\n  font-family:var(--font-display);font-weight:700;font-size:20px;\n  display:flex;align-items:center;gap:8px;\n}\n.logo .dot{width:10px;height:10px;border-radius:50%;background:var(--yellow);}\n.nav-cta{\n  background:var(--ink);color:#fff;padding:10px 18px;border-radius:100px;\n  font-weight:600;font-size:14px;display:flex;align-items:center;gap:8px;\n  transition:transform .2s ease, background .2s ease;\n}\n.nav-cta:hover{background:var(--blue-dark);transform:translateY(-1px);}\n.nav-links{display:flex;gap:28px;font-size:14px;font-weight:500;color:var(--ink-soft);}\n@media (max-width:720px){.nav-links{display:none;}}\n \n\/* =========================================================\n   HERO\n   ========================================================= *\/\n.hero{\n  padding:56px 0 80px;\n  background:radial-gradient(1100px 500px at 80% -10%, #EAF0FF 0%, transparent 60%);\n}\n.hero-grid{\n  display:grid;grid-template-columns:1.05fr 0.95fr;gap:56px;align-items:center;\n}\n@media (max-width:900px){.hero-grid{grid-template-columns:1fr;gap:36px;}}\n \n.hero-media{position:relative;}\n.hero-media .ph{aspect-ratio:4\/5;}\n.hero-badge{\n  position:absolute;bottom:-18px;left:-18px;\n  background:#fff;border-radius:var(--radius-md);padding:16px 18px;\n  box-shadow:var(--shadow-soft);display:flex;align-items:center;gap:12px;\n  font-family:var(--font-mono);\n}\n@media (max-width:900px){.hero-badge{left:12px;bottom:-14px;}}\n.hero-badge .num{font-size:20px;font-weight:600;color:var(--blue);}\n.hero-badge .label{font-size:11px;color:var(--ink-soft);line-height:1.3;max-width:120px;}\n \n.hero-title{font-size:clamp(36px,5.4vw,58px);font-weight:700;margin:16px 0 18px;}\n.hero-title em{\n  font-style:normal;color:var(--blue);\n  position:relative;\n}\n.hero-title .hi{\n  background:linear-gradient(180deg, transparent 62%, var(--yellow) 62%);\n}\n.hero-desc{font-size:17px;color:var(--ink-soft);line-height:1.6;max-width:460px;margin-bottom:28px;}\n \n.chip-row{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:32px;}\n.chip{\n  display:flex;align-items:center;gap:6px;\n  background:var(--bg-soft);border:1px solid var(--line);\n  padding:8px 14px;border-radius:100px;font-size:13px;font-weight:600;color:var(--ink);\n}\n.chip .ic{color:var(--blue);}\n \n\/* order box *\/\n.order-box{\n  background:#fff;border:1px solid var(--line);border-radius:var(--radius-lg);\n  padding:26px;box-shadow:var(--shadow-soft);\n}\n.price-row{display:flex;align-items:baseline;gap:10px;margin-bottom:20px;}\n.price{font-family:var(--font-display);font-size:32px;font-weight:700;}\n.price-old{font-size:16px;color:var(--ink-soft);text-decoration:line-through;}\n.price-tag{\n  margin-left:auto;background:var(--yellow);color:var(--yellow-ink);\n  font-size:12px;font-weight:700;padding:6px 10px;border-radius:8px;\n  font-family:var(--font-mono);\n}\n \n.field-label{\n  font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;\n  color:var(--ink-soft);margin-bottom:10px;display:block;\n}\n.flavor-grid{\n  display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:22px;\n}\n.flavor-opt{\n  border:1.5px solid var(--line);border-radius:var(--radius-sm);\n  padding:10px 6px;text-align:center;font-size:12px;font-weight:600;\n  transition:all .18s ease;position:relative;\n}\n.flavor-opt .swatch{\n  width:26px;height:26px;border-radius:50%;margin:0 auto 8px;\n}\n.flavor-opt:hover{border-color:var(--blue);transform:translateY(-2px);}\n.flavor-opt.active{border-color:var(--blue);background:#F0F4FF;box-shadow:0 0 0 3px rgba(22,82,240,0.12);}\n \n.pack-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:22px;}\n.pack-opt{\n  border:1.5px solid var(--line);border-radius:var(--radius-sm);\n  padding:12px 8px;text-align:center;transition:all .18s ease;\n}\n.pack-opt b{display:block;font-size:14px;}\n.pack-opt span{font-size:11px;color:var(--ink-soft);}\n.pack-opt:hover{border-color:var(--blue);}\n.pack-opt.active{border-color:var(--blue);background:#F0F4FF;box-shadow:0 0 0 3px rgba(22,82,240,0.12);}\n \n.qty-row{\n  display:flex;align-items:center;justify-content:space-between;\n  border:1.5px solid var(--line);border-radius:var(--radius-sm);\n  padding:6px 10px;margin-bottom:24px;\n}\n.qty-btn{\n  width:34px;height:34px;border-radius:8px;background:var(--bg-soft);\n  font-size:18px;font-weight:700;display:flex;align-items:center;justify-content:center;\n  transition:background .15s ease;\n}\n.qty-btn:hover{background:var(--bg-soft-2);}\n.qty-val{font-family:var(--font-mono);font-weight:600;font-size:16px;}\n \n.wa-btn{\n  width:100%;background:var(--blue);color:#fff;\n  padding:17px 20px;border-radius:100px;font-weight:700;font-size:16px;\n  display:flex;align-items:center;justify-content:center;gap:10px;\n  transition:transform .18s ease, background .2s ease, box-shadow .2s ease;\n  box-shadow:var(--shadow-strong);\n}\n.wa-btn:hover{background:var(--blue-dark);transform:translateY(-2px);}\n.wa-btn:active{transform:translateY(0) scale(0.98);}\n.wa-btn .wa-ic{\n  width:20px;height:20px;background:var(--wa);border-radius:50%;\n  display:flex;align-items:center;justify-content:center;flex-shrink:0;\n}\n.wa-btn .wa-ic svg{width:12px;height:12px;fill:#fff;}\n.wa-note{\n  text-align:center;font-size:12px;color:var(--ink-soft);margin-top:12px;\n  display:flex;align-items:center;justify-content:center;gap:6px;\n}\n \n\/* send animation state *\/\n.wa-btn.sending .send-label{opacity:0;}\n.wa-btn .sent-check{\n  position:absolute;opacity:0;transform:scale(0.6);transition:all .25s ease;\n}\n.wa-btn.sending .sent-check{opacity:1;transform:scale(1);}\n \n\/* =========================================================\n   BENEFIT STRIP\n   ========================================================= *\/\n.strip{\n  background:var(--ink);color:#fff;padding:22px 0;overflow:hidden;\n}\n.strip-track{\n  display:flex;gap:56px;white-space:nowrap;\n  animation:scroll 26s linear infinite;\n  font-family:var(--font-mono);font-size:13px;letter-spacing:.04em;\n}\n.strip-track span{display:flex;align-items:center;gap:10px;color:#C9D3EA;}\n.strip-track span b{color:#fff;}\n.strip-track .sep{color:var(--yellow);}\n@keyframes scroll{from{transform:translateX(0);}to{transform:translateX(-50%);}}\n \n\/* =========================================================\n   SCENARIOS (tabs)\n   ========================================================= *\/\n.tabs{\n  display:flex;gap:8px;background:var(--bg-soft);padding:6px;border-radius:100px;\n  width:fit-content;margin:0 auto 40px;\n}\n.tab-btn{\n  padding:11px 22px;border-radius:100px;font-weight:600;font-size:14px;\n  color:var(--ink-soft);transition:all .2s ease;\n}\n.tab-btn.active{background:var(--blue);color:#fff;box-shadow:var(--shadow-soft);}\n.tab-panels{position:relative;}\n.tab-panel{display:none;}\n.tab-panel.active{display:grid;grid-template-columns:0.9fr 1.1fr;gap:56px;align-items:center;animation:fadeUp .5s ease;}\n@media (max-width:900px){.tab-panel.active{grid-template-columns:1fr;gap:28px;}}\n@keyframes fadeUp{from{opacity:0;transform:translateY(14px);}to{opacity:1;transform:translateY(0);}}\n.tab-panel .ph{aspect-ratio:16\/11;}\n.scenario-icon{\n  width:52px;height:52px;border-radius:14px;background:var(--bg-soft);\n  display:flex;align-items:center;justify-content:center;margin-bottom:20px;\n  color:var(--blue);\n}\n.scenario-title{font-size:26px;font-weight:700;margin-bottom:12px;}\n.scenario-desc{color:var(--ink-soft);line-height:1.6;font-size:15.5px;margin-bottom:20px;}\n.scenario-tags{display:flex;flex-wrap:wrap;gap:8px;}\n.scenario-tags span{\n  background:var(--bg-soft);border-radius:100px;padding:6px 12px;\n  font-size:12px;font-weight:600;color:var(--ink);\n}\n \n\/* =========================================================\n   INGREDIENTS\n   ========================================================= *\/\n.ing-grid{\n  display:grid;grid-template-columns:repeat(3,1fr);gap:18px;\n}\n@media (max-width:820px){.ing-grid{grid-template-columns:repeat(2,1fr);}}\n@media (max-width:560px){.ing-grid{grid-template-columns:1fr;}}\n.ing-card{\n  background:var(--bg-soft);border-radius:var(--radius-md);padding:26px;\n  transition:transform .2s ease, box-shadow .2s ease;\n}\n.ing-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-soft);}\n.ing-icon{\n  width:42px;height:42px;border-radius:12px;background:#fff;\n  display:flex;align-items:center;justify-content:center;margin-bottom:16px;\n  color:var(--blue);box-shadow:0 4px 12px rgba(22,82,240,0.12);\n}\n.ing-card h3{font-size:17px;font-weight:700;margin-bottom:8px;}\n.ing-card p{font-size:14px;color:var(--ink-soft);line-height:1.55;}\n \n\/* =========================================================\n   COMPARISON\n   ========================================================= *\/\n.compare-wrap{\n  background:var(--bg-soft);border-radius:var(--radius-lg);padding:8px;overflow-x:auto;\n}\ntable.compare{width:100%;border-collapse:separate;border-spacing:0;min-width:640px;}\ntable.compare th, table.compare td{\n  padding:16px 20px;text-align:center;font-size:14px;\n}\ntable.compare th{\n  font-family:var(--font-mono);font-size:12px;text-transform:uppercase;letter-spacing:.05em;\n  color:var(--ink-soft);font-weight:600;\n}\ntable.compare td:first-child, table.compare th:first-child{text-align:left;font-weight:600;}\ntable.compare tr td:not(:first-child), table.compare tr th:not(:first-child){border-left:1px solid var(--line);}\n.col-us{background:#fff;border-radius:16px 16px 0 0;}\n.col-us-body{background:#fff;}\ntable.compare tbody tr:last-child td.col-us-body{border-radius:0 0 16px 16px;}\n.brand-us{color:var(--blue);font-weight:700;}\n.check{color:var(--blue);font-weight:700;}\n.dash{color:#C4CCDC;}\n \n\/* =========================================================\n   REVIEWS (chat bubble motif — signature element)\n   ========================================================= *\/\n.reviews-scroll{\n  display:flex;gap:20px;overflow-x:auto;padding:8px 4px 24px;scroll-snap-type:x mandatory;\n}\n.reviews-scroll::-webkit-scrollbar{height:6px;}\n.reviews-scroll::-webkit-scrollbar-thumb{background:var(--line);border-radius:10px;}\n.review-bubble{\n  scroll-snap-align:start;\n  flex:0 0 300px;background:var(--bg-soft);border-radius:20px;\n  border-top-left-radius:4px;\n  padding:20px;position:relative;\n}\n.review-bubble::after{\n  content:'';position:absolute;bottom:-1px;left:0;\n  width:0;height:0;\n}\n.review-head{display:flex;align-items:center;gap:10px;margin-bottom:12px;}\n.avatar{\n  width:36px;height:36px;border-radius:50%;background:var(--blue);color:#fff;\n  display:flex;align-items:center;justify-content:center;font-weight:700;font-size:14px;\n  font-family:var(--font-display);\n}\n.review-name{font-weight:700;font-size:14px;}\n.review-stars{color:var(--yellow-ink);font-size:12px;letter-spacing:1px;}\n.review-text{font-size:14px;color:var(--ink);line-height:1.55;}\n.review-photo{\n  margin-top:12px;aspect-ratio:16\/10;\n}\n.review-time{\n  font-family:var(--font-mono);font-size:10px;color:var(--ink-soft);\n  margin-top:10px;text-align:right;\n}\n \n\/* rating summary *\/\n.rating-summary{\n  display:flex;gap:48px;align-items:center;justify-content:center;flex-wrap:wrap;\n  background:var(--ink);color:#fff;border-radius:var(--radius-lg);padding:44px;margin-top:44px;\n}\n.rating-big{text-align:center;}\n.rating-big .num{font-family:var(--font-display);font-size:56px;font-weight:700;color:var(--yellow);}\n.rating-big .stars{font-size:16px;letter-spacing:3px;color:var(--yellow);margin:6px 0;}\n.rating-big .count{font-size:13px;color:#B7C1DA;}\n.rating-bars{display:flex;flex-direction:column;gap:8px;min-width:220px;}\n.rbar-row{display:flex;align-items:center;gap:10px;font-size:12px;font-family:var(--font-mono);color:#B7C1DA;}\n.rbar-track{flex:1;height:6px;border-radius:4px;background:rgba(255,255,255,0.12);overflow:hidden;}\n.rbar-fill{height:100%;background:var(--yellow);border-radius:4px;}\n.rating-stat{text-align:center;}\n.rating-stat .num{font-family:var(--font-display);font-size:32px;font-weight:700;}\n.rating-stat .label{font-size:12px;color:#B7C1DA;max-width:120px;}\n \n\/* =========================================================\n   TRUST BADGES\n   ========================================================= *\/\n.badges{\n  display:grid;grid-template-columns:repeat(5,1fr);gap:16px;text-align:center;\n}\n@media (max-width:820px){.badges{grid-template-columns:repeat(3,1fr);}}\n@media (max-width:560px){.badges{grid-template-columns:repeat(2,1fr);}}\n.badge-item{\n  padding:22px 12px;border:1px solid var(--line);border-radius:var(--radius-md);\n}\n.badge-item .ic{color:var(--blue);margin-bottom:10px;}\n.badge-item span{font-size:12.5px;font-weight:600;display:block;}\n \n\/* =========================================================\n   FINAL CTA\n   ========================================================= *\/\n.final-cta{\n  background:linear-gradient(135deg, var(--blue), var(--blue-ink));\n  border-radius:var(--radius-lg);color:#fff;\n  padding:64px 44px;text-align:center;position:relative;overflow:hidden;\n}\n.final-cta::before{\n  content:'';position:absolute;width:340px;height:340px;border-radius:50%;\n  background:rgba(255,212,0,0.18);top:-140px;right:-100px;\n}\n.final-cta h2{font-size:clamp(26px,4vw,38px);position:relative;}\n.final-cta p{color:#D6E0FF;margin:14px auto 28px;max-width:460px;position:relative;}\n.final-cta .wa-btn{\n  max-width:340px;margin:0 auto;background:#fff;color:var(--blue);box-shadow:none;\n}\n.final-cta .wa-btn:hover{background:var(--yellow);color:var(--ink);}\n \n\/* =========================================================\n   FOOTER\n   ========================================================= *\/\nfooter{padding:48px 0 32px;border-top:1px solid var(--line);}\n.footer-grid{display:flex;justify-content:space-between;flex-wrap:wrap;gap:24px;font-size:13px;color:var(--ink-soft);}\n.footer-grid a{color:var(--ink-soft);}\n.footer-grid a:hover{color:var(--blue);}\n \n\/* =========================================================\n   STICKY BOTTOM BAR (mobile + desktop)\n   ========================================================= *\/\n.sticky-bar{\n  position:fixed;bottom:0;left:0;right:0;z-index:200;\n  background:#fff;border-top:1px solid var(--line);\n  box-shadow:0 -8px 24px rgba(18,21,27,0.08);\n  padding:12px 16px;\n  display:flex;align-items:center;gap:12px;\n  transform:translateY(100%);transition:transform .3s ease;\n}\n.sticky-bar.show{transform:translateY(0);}\n.sticky-info{flex:1;min-width:0;}\n.sticky-info .name{font-weight:700;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}\n.sticky-info .price{font-family:var(--font-mono);font-size:12px;color:var(--ink-soft);}\n.sticky-bar .wa-btn{width:auto;padding:12px 20px;font-size:14px;white-space:nowrap;box-shadow:none;}\n \n\/* focus visibility *\/\na:focus-visible, button:focus-visible{outline:2px solid var(--blue);outline-offset:2px;}\n \n@media (prefers-reduced-motion:reduce){\n  *{animation:none !important;transition:none !important;}\n}\n\u003c\/style\u003e\n\n\n \n\u003c!-- =========================================================\n     NAV\n     ========================================================= --\u003e\n\u003cnav class=\"nav\"\u003e\n  \u003cdiv class=\"nav-inner\"\u003e\n    \u003cdiv class=\"logo\"\u003e\n\u003cspan class=\"dot\"\u003e\u003c\/span\u003eWATERBOY\u003c\/div\u003e\n    \u003cdiv class=\"nav-links\"\u003e\n      \u003ca href=\"#escenarios\"\u003eBeneficios\u003c\/a\u003e\n      \u003ca href=\"#comparativa\"\u003eComparativa\u003c\/a\u003e\n      \u003ca href=\"#reviews\"\u003eReviews\u003c\/a\u003e\n    \u003c\/div\u003e\n    \u003cbutton class=\"nav-cta\" onclick=\"openWhatsApp()\"\u003ePedir por WhatsApp\u003c\/button\u003e\n  \u003c\/div\u003e\n\u003c\/nav\u003e\n \n\u003c!-- =========================================================\n     HERO\n     ========================================================= --\u003e\n\u003cheader class=\"hero\"\u003e\n  \u003cdiv class=\"container hero-grid\"\u003e\n    \u003cdiv\u003e\n      \u003cspan class=\"eyebrow\"\u003eRecuperación · Hidratación\u003c\/span\u003e\n      \u003ch1 class=\"hero-title\"\u003eTu fin de semana\u003cbr\u003e\u003cspan class=\"hi\"\u003esin resaca,\u003c\/span\u003e\u003cbr\u003etu \u003cem\u003elunes\u003c\/em\u003e sin excusas.\u003c\/h1\u003e\n      \u003cp class=\"hero-desc\"\u003eWeekend Recovery combina más de 3.200 mg de electrolitos con vitaminas y aminoácidos, sin azúcar y bajo en calorías. Mezclas un sobre, listo.\u003c\/p\u003e\n      \u003cdiv class=\"chip-row\"\u003e\n        \u003cdiv class=\"chip\"\u003e\n\u003cspan class=\"ic\"\u003e⚡\u003c\/span\u003e +3.200mg electrolitos\u003c\/div\u003e\n        \u003cdiv class=\"chip\"\u003e\n\u003cspan class=\"ic\"\u003e🚫\u003c\/span\u003e Sin azúcar\u003c\/div\u003e\n        \u003cdiv class=\"chip\"\u003e\n\u003cspan class=\"ic\"\u003e🔥\u003c\/span\u003e 5–10 kcal\u003c\/div\u003e\n        \u003cdiv class=\"chip\"\u003e\n\u003cspan class=\"ic\"\u003e🇺🇸\u003c\/span\u003e Made in USA\u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n \n    \u003c!-- order box: pide por WhatsApp --\u003e\n    \u003cdiv class=\"order-box\" id=\"order-box\"\u003e\n      \u003c!-- IMAGEN PRINCIPAL: reemplazar por foto real del sobre\/pack de Weekend Recovery --\u003e\n      \u003cdiv class=\"ph\" style=\"aspect-ratio:16\/10;margin-bottom:22px;\"\u003e\u003cspan\u003eFoto producto — Weekend Recovery\u003c\/span\u003e\u003c\/div\u003e\n \n      \u003cdiv class=\"price-row\"\u003e\n        \u003cspan class=\"price\"\u003e$79.900\u003c\/span\u003e\n        \u003cspan class=\"price-old\"\u003e$99.900\u003c\/span\u003e\n        \u003cspan class=\"price-tag\"\u003e-20% HOY\u003c\/span\u003e\n      \u003c\/div\u003e\n \n      \u003cspan class=\"field-label\"\u003eSabor\u003c\/span\u003e\n      \u003cdiv class=\"flavor-grid\" id=\"flavor-grid\"\u003e\n        \u003cdiv class=\"flavor-opt active\" data-flavor=\"Cherry Limeade\"\u003e\n\u003cdiv class=\"swatch\" style=\"background:#E63950;\"\u003e\u003c\/div\u003eCherry Limeade\u003c\/div\u003e\n        \u003cdiv class=\"flavor-opt\" data-flavor=\"Strawberry Lemonade\"\u003e\n\u003cdiv class=\"swatch\" style=\"background:#FF6F91;\"\u003e\u003c\/div\u003eStrawberry Lemonade\u003c\/div\u003e\n        \u003cdiv class=\"flavor-opt\" data-flavor=\"Candied Grape\"\u003e\n\u003cdiv class=\"swatch\" style=\"background:#8E4FCB;\"\u003e\u003c\/div\u003eCandied Grape\u003c\/div\u003e\n        \u003cdiv class=\"flavor-opt\" data-flavor=\"Orange Mango\"\u003e\n\u003cdiv class=\"swatch\" style=\"background:#FF9640;\"\u003e\u003c\/div\u003eOrange Mango\u003c\/div\u003e\n        \u003cdiv class=\"flavor-opt\" data-flavor=\"Fruit Punch\"\u003e\n\u003cdiv class=\"swatch\" style=\"background:#D6336C;\"\u003e\u003c\/div\u003eFruit Punch\u003c\/div\u003e\n        \u003cdiv class=\"flavor-opt\" data-flavor=\"Blue Raspberry\"\u003e\n\u003cdiv class=\"swatch\" style=\"background:#2E86F0;\"\u003e\u003c\/div\u003eBlue Raspberry\u003c\/div\u003e\n      \u003c\/div\u003e\n \n      \u003cspan class=\"field-label\"\u003ePresentación\u003c\/span\u003e\n      \u003cdiv class=\"pack-grid\" id=\"pack-grid\"\u003e\n        \u003cdiv class=\"pack-opt\" data-pack=\"Sample Pack\" data-price=\"29900\"\u003e\n\u003cb\u003eSample\u003c\/b\u003e\u003cspan\u003e4 sobres\u003c\/span\u003e\n\u003c\/div\u003e\n        \u003cdiv class=\"pack-opt active\" data-pack=\"12 Pack\" data-price=\"79900\"\u003e\n\u003cb\u003e12 Pack\u003c\/b\u003e\u003cspan\u003ePopular\u003c\/span\u003e\n\u003c\/div\u003e\n        \u003cdiv class=\"pack-opt\" data-pack=\"24 Pack\" data-price=\"139900\"\u003e\n\u003cb\u003e24 Pack\u003c\/b\u003e\u003cspan\u003eAhorra 15%\u003c\/span\u003e\n\u003c\/div\u003e\n      \u003c\/div\u003e\n \n      \u003cspan class=\"field-label\"\u003eCantidad\u003c\/span\u003e\n      \u003cdiv class=\"qty-row\"\u003e\n        \u003cbutton class=\"qty-btn\" onclick=\"changeQty(-1)\"\u003e−\u003c\/button\u003e\n        \u003cspan class=\"qty-val\" id=\"qty-val\"\u003e1\u003c\/span\u003e\n        \u003cbutton class=\"qty-btn\" onclick=\"changeQty(1)\"\u003e+\u003c\/button\u003e\n      \u003c\/div\u003e\n \n      \u003cbutton class=\"wa-btn\" id=\"wa-cta\" onclick=\"openWhatsApp()\"\u003e\n        \u003cspan class=\"wa-ic\"\u003e\u003csvg viewbox=\"0 0 24 24\"\u003e\u003cpath d=\"M12 2a10 10 0 00-8.6 15L2 22l5.2-1.4A10 10 0 1012 2z\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/span\u003e\n        \u003cspan class=\"send-label\"\u003eComprar por WhatsApp\u003c\/span\u003e\n        \u003cspan class=\"sent-check\"\u003e✓ Enviado\u003c\/span\u003e\n      \u003c\/button\u003e\n      \u003cdiv class=\"wa-note\"\u003eTe respondemos en minutos · pedido directo, sin filas\u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\u003c\/header\u003e\n \n\u003c!-- benefit ticker --\u003e\n\u003cdiv class=\"strip\"\u003e\n  \u003cdiv class=\"strip-track\" id=\"strip-track\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n \n\u003c!-- =========================================================\n     ESCENARIOS DE USO\n     ========================================================= --\u003e\n\u003csection id=\"escenarios\"\u003e\n  \u003cdiv class=\"container\"\u003e\n    \u003cdiv class=\"section-head center\"\u003e\n      \u003cspan class=\"eyebrow\"\u003eUn producto, tres momentos\u003c\/span\u003e\n      \u003ch2 class=\"section-title\"\u003eHecho para cómo realmente vives\u003c\/h2\u003e\n      \u003cp class=\"section-sub\"\u003eYa sea que saliste anoche, entrenaste hoy o solo necesitas hidratarte mejor — Weekend Recovery se adapta.\u003c\/p\u003e\n    \u003c\/div\u003e\n \n    \u003cdiv class=\"tabs\"\u003e\n      \u003cbutton class=\"tab-btn active\" data-tab=\"fiesta\"\u003eDespués de fiesta\u003c\/button\u003e\n      \u003cbutton class=\"tab-btn\" data-tab=\"entreno\"\u003eDespués del entreno\u003c\/button\u003e\n      \u003cbutton class=\"tab-btn\" data-tab=\"diario\"\u003eUso diario\u003c\/button\u003e\n    \u003c\/div\u003e\n \n    \u003cdiv class=\"tab-panels\"\u003e\n      \u003cdiv class=\"tab-panel active\" data-panel=\"fiesta\"\u003e\n        \u003c!-- IMAGEN: escena de fiesta\/noche con amigos --\u003e\n        \u003cdiv class=\"ph\"\u003e\u003cspan\u003eFoto — escena de fiesta\u003c\/span\u003e\u003c\/div\u003e\n        \u003cdiv\u003e\n          \u003cdiv class=\"scenario-icon\"\u003e🌙\u003c\/div\u003e\n          \u003ch3 class=\"scenario-title\"\u003eRecupérate antes de dormir\u003c\/h3\u003e\n          \u003cp class=\"scenario-desc\"\u003eRepón los electrolitos y minerales que el alcohol drena de tu cuerpo. Prepáralo antes de dormir o al despertar para sentir la diferencia desde temprano.\u003c\/p\u003e\n          \u003cdiv class=\"scenario-tags\"\u003e\n\u003cspan\u003eHidratación rápida\u003c\/span\u003e\u003cspan\u003eRecuperación\u003c\/span\u003e\u003cspan\u003eSin azúcar\u003c\/span\u003e\n\u003c\/div\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n \n      \u003cdiv class=\"tab-panel\" data-panel=\"entreno\"\u003e\n        \u003c!-- IMAGEN: escena de gimnasio \/ entrenamiento --\u003e\n        \u003cdiv class=\"ph\"\u003e\u003cspan\u003eFoto — escena de gimnasio\u003c\/span\u003e\u003c\/div\u003e\n        \u003cdiv\u003e\n          \u003cdiv class=\"scenario-icon\"\u003e💪\u003c\/div\u003e\n          \u003ch3 class=\"scenario-title\"\u003eRecuperación muscular real\u003c\/h3\u003e\n          \u003cp class=\"scenario-desc\"\u003eL-Glutamina y una alta concentración de electrolitos para apoyar la recuperación después del esfuerzo físico, sin cargar azúcar extra.\u003c\/p\u003e\n          \u003cdiv class=\"scenario-tags\"\u003e\n\u003cspan\u003eEnergía\u003c\/span\u003e\u003cspan\u003eElectrolitos\u003c\/span\u003e\u003cspan\u003eL-Glutamina\u003c\/span\u003e\n\u003c\/div\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n \n      \u003cdiv class=\"tab-panel\" data-panel=\"diario\"\u003e\n        \u003c!-- IMAGEN: escena de oficina o rutina diaria --\u003e\n        \u003cdiv class=\"ph\"\u003e\u003cspan\u003eFoto — rutina diaria \/ oficina\u003c\/span\u003e\u003c\/div\u003e\n        \u003cdiv\u003e\n          \u003cdiv class=\"scenario-icon\"\u003e☀️\u003c\/div\u003e\n          \u003ch3 class=\"scenario-title\"\u003eTu hidratación de cada día\u003c\/h3\u003e\n          \u003cp class=\"scenario-desc\"\u003eMás completo que una bebida deportiva tradicional. Bajo en calorías, con vitaminas B12 y C para tu bienestar general, todos los días.\u003c\/p\u003e\n          \u003cdiv class=\"scenario-tags\"\u003e\n\u003cspan\u003eBajo en calorías\u003c\/span\u003e\u003cspan\u003eVitamina B12\u003c\/span\u003e\u003cspan\u003eVitamina C\u003c\/span\u003e\n\u003c\/div\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n \n\u003c!-- =========================================================\n     INGREDIENTES\n     ========================================================= --\u003e\n\u003csection style=\"background:var(--bg-soft);\"\u003e\n  \u003cdiv class=\"container\"\u003e\n    \u003cdiv class=\"section-head center\"\u003e\n      \u003cspan class=\"eyebrow\"\u003eFórmula\u003c\/span\u003e\n      \u003ch2 class=\"section-title\"\u003eLo que hay dentro de cada sobre\u003c\/h2\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"ing-grid\"\u003e\n      \u003cdiv class=\"ing-card\"\u003e\n\u003cdiv class=\"ing-icon\"\u003e⚡\u003c\/div\u003e\n\u003ch3\u003eElectrolitos\u003c\/h3\u003e\n\u003cp\u003eAlta concentración para favorecer una hidratación rápida y efectiva.\u003c\/p\u003e\n\u003c\/div\u003e\n      \u003cdiv class=\"ing-card\"\u003e\n\u003cdiv class=\"ing-icon\"\u003eB12\u003c\/div\u003e\n\u003ch3\u003eVitamina B12\u003c\/h3\u003e\n\u003cp\u003eApoya el metabolismo energético normal de tu cuerpo.\u003c\/p\u003e\n\u003c\/div\u003e\n      \u003cdiv class=\"ing-card\"\u003e\n\u003cdiv class=\"ing-icon\"\u003eC\u003c\/div\u003e\n\u003ch3\u003eVitamina C\u003c\/h3\u003e\n\u003cp\u003eContribuye al funcionamiento normal del sistema inmunológico.\u003c\/p\u003e\n\u003c\/div\u003e\n      \u003cdiv class=\"ing-card\"\u003e\n\u003cdiv class=\"ing-icon\"\u003e🫚\u003c\/div\u003e\n\u003ch3\u003eJengibre\u003c\/h3\u003e\n\u003cp\u003eUsado tradicionalmente para favorecer el bienestar digestivo.\u003c\/p\u003e\n\u003c\/div\u003e\n      \u003cdiv class=\"ing-card\"\u003e\n\u003cdiv class=\"ing-icon\"\u003e🍵\u003c\/div\u003e\n\u003ch3\u003eL-Teanina\u003c\/h3\u003e\n\u003cp\u003eAminoácido presente naturalmente en el té, para calma y foco.\u003c\/p\u003e\n\u003c\/div\u003e\n      \u003cdiv class=\"ing-card\"\u003e\n\u003cdiv class=\"ing-icon\"\u003e🧬\u003c\/div\u003e\n\u003ch3\u003eL-Glutamina\u003c\/h3\u003e\n\u003cp\u003eAmpliamente utilizado en productos de recuperación física.\u003c\/p\u003e\n\u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n \n\u003c!-- =========================================================\n     COMPARATIVA\n     ========================================================= --\u003e\n\u003csection id=\"comparativa\"\u003e\n  \u003cdiv class=\"container\"\u003e\n    \u003cdiv class=\"section-head center\"\u003e\n      \u003cspan class=\"eyebrow\"\u003eCara a cara\u003c\/span\u003e\n      \u003ch2 class=\"section-title\"\u003eCómo se compara Weekend Recovery\u003c\/h2\u003e\n      \u003cp class=\"section-sub\"\u003eCasi 3 veces más electrolitos que una de las bebidas de hidratación más conocidas del mercado.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"compare-wrap\"\u003e\n      \u003ctable class=\"compare\"\u003e\n        \u003cthead\u003e\n          \u003ctr\u003e\n            \u003cth\u003e\u003c\/th\u003e\n            \u003cth class=\"col-us\"\u003eWeekend Recovery\u003c\/th\u003e\n            \u003cth\u003eCompetidor A\u003c\/th\u003e\n            \u003cth\u003eCompetidor B\u003c\/th\u003e\n          \u003c\/tr\u003e\n        \u003c\/thead\u003e\n        \u003ctbody\u003e\n          \u003ctr\u003e\n\u003ctd\u003eElectrolitos\u003c\/td\u003e\n\u003ctd class=\"col-us-body brand-us\"\u003e+3.200 mg\u003c\/td\u003e\n\u003ctd\u003e~1.000 mg\u003c\/td\u003e\n\u003ctd\u003e~700 mg\u003c\/td\u003e\n\u003c\/tr\u003e\n          \u003ctr\u003e\n\u003ctd\u003eAzúcar\u003c\/td\u003e\n\u003ctd class=\"col-us-body check\"\u003e0 g\u003c\/td\u003e\n\u003ctd\u003e11 g\u003c\/td\u003e\n\u003ctd\u003e16 g\u003c\/td\u003e\n\u003c\/tr\u003e\n          \u003ctr\u003e\n\u003ctd\u003eCalorías\u003c\/td\u003e\n\u003ctd class=\"col-us-body brand-us\"\u003e5–10 kcal\u003c\/td\u003e\n\u003ctd\u003e25 kcal\u003c\/td\u003e\n\u003ctd\u003e60 kcal\u003c\/td\u003e\n\u003c\/tr\u003e\n          \u003ctr\u003e\n\u003ctd\u003eVitamina B12\u003c\/td\u003e\n\u003ctd class=\"col-us-body check\"\u003e✓\u003c\/td\u003e\n\u003ctd class=\"dash\"\u003e—\u003c\/td\u003e\n\u003ctd class=\"dash\"\u003e—\u003c\/td\u003e\n\u003c\/tr\u003e\n          \u003ctr\u003e\n\u003ctd\u003eVitamina C\u003c\/td\u003e\n\u003ctd class=\"col-us-body check\"\u003e✓\u003c\/td\u003e\n\u003ctd class=\"check\"\u003e✓\u003c\/td\u003e\n\u003ctd class=\"dash\"\u003e—\u003c\/td\u003e\n\u003c\/tr\u003e\n          \u003ctr\u003e\n\u003ctd\u003eJengibre\u003c\/td\u003e\n\u003ctd class=\"col-us-body check\"\u003e✓\u003c\/td\u003e\n\u003ctd class=\"dash\"\u003e—\u003c\/td\u003e\n\u003ctd class=\"dash\"\u003e—\u003c\/td\u003e\n\u003c\/tr\u003e\n          \u003ctr\u003e\n\u003ctd\u003eL-Teanina\u003c\/td\u003e\n\u003ctd class=\"col-us-body check\"\u003e✓\u003c\/td\u003e\n\u003ctd class=\"dash\"\u003e—\u003c\/td\u003e\n\u003ctd class=\"dash\"\u003e—\u003c\/td\u003e\n\u003c\/tr\u003e\n          \u003ctr\u003e\n\u003ctd\u003eL-Glutamina\u003c\/td\u003e\n\u003ctd class=\"col-us-body check\"\u003e✓\u003c\/td\u003e\n\u003ctd class=\"dash\"\u003e—\u003c\/td\u003e\n\u003ctd class=\"dash\"\u003e—\u003c\/td\u003e\n\u003c\/tr\u003e\n        \u003c\/tbody\u003e\n      \u003c\/table\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n \n\u003c!-- =========================================================\n     REVIEWS — chat bubble motif\n     ========================================================= --\u003e\n\u003csection id=\"reviews\" style=\"background:var(--bg-soft);\"\u003e\n  \u003cdiv class=\"container\"\u003e\n    \u003cdiv class=\"section-head center\"\u003e\n      \u003cspan class=\"eyebrow\"\u003eLo que dicen por WhatsApp\u003c\/span\u003e\n      \u003ch2 class=\"section-title\"\u003eMiles de mensajes como estos\u003c\/h2\u003e\n    \u003c\/div\u003e\n \n    \u003cdiv class=\"reviews-scroll\"\u003e\n      \u003cdiv class=\"review-bubble\"\u003e\n        \u003cdiv class=\"review-head\"\u003e\n\u003cdiv class=\"avatar\"\u003eC\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cdiv class=\"review-name\"\u003eCamila R.\u003c\/div\u003e\n\u003cdiv class=\"review-stars\"\u003e★★★★★\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n        \u003cp class=\"review-text\"\u003ePedí por WhatsApp un sábado en la noche y me contestaron rapidísimo. El sabor Cherry Limeade quedó buenísimo.\u003c\/p\u003e\n        \u003c!-- IMAGEN: foto real enviada por cliente --\u003e\n        \u003cdiv class=\"ph review-photo\"\u003e\u003cspan\u003eFoto de cliente\u003c\/span\u003e\u003c\/div\u003e\n        \u003cdiv class=\"review-time\"\u003eHoy 11:42 a.m.\u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"review-bubble\"\u003e\n        \u003cdiv class=\"review-head\"\u003e\n\u003cdiv class=\"avatar\"\u003eD\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cdiv class=\"review-name\"\u003eDavid M.\u003c\/div\u003e\n\u003cdiv class=\"review-stars\"\u003e★★★★★\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n        \u003cp class=\"review-text\"\u003eLo uso después de entrenar. Se disuelve fácil y no tiene ese sabor artificial de otras marcas.\u003c\/p\u003e\n        \u003cdiv class=\"review-time\"\u003eAyer 7:05 p.m.\u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"review-bubble\"\u003e\n        \u003cdiv class=\"review-head\"\u003e\n\u003cdiv class=\"avatar\"\u003eL\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cdiv class=\"review-name\"\u003eLaura G.\u003c\/div\u003e\n\u003cdiv class=\"review-stars\"\u003e★★★★★\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n        \u003cp class=\"review-text\"\u003eTodo el pedido fue por WhatsApp, súper fácil, sin tener que crear cuenta en ningún lado.\u003c\/p\u003e\n        \u003cdiv class=\"ph review-photo\"\u003e\u003cspan\u003eFoto de cliente\u003c\/span\u003e\u003c\/div\u003e\n        \u003cdiv class=\"review-time\"\u003eHace 2 días\u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"review-bubble\"\u003e\n        \u003cdiv class=\"review-head\"\u003e\n\u003cdiv class=\"avatar\"\u003eJ\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cdiv class=\"review-name\"\u003eJuan P.\u003c\/div\u003e\n\u003cdiv class=\"review-stars\"\u003e★★★★☆\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n        \u003cp class=\"review-text\"\u003eBuen producto, la entrega llegó a tiempo. El Blue Raspberry es mi favorito.\u003c\/p\u003e\n        \u003cdiv class=\"review-time\"\u003eHace 3 días\u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n \n    \u003cdiv class=\"rating-summary\"\u003e\n      \u003cdiv class=\"rating-big\"\u003e\n        \u003cdiv class=\"num\"\u003e4.7\u003c\/div\u003e\n        \u003cdiv class=\"stars\"\u003e★★★★★\u003c\/div\u003e\n        \u003cdiv class=\"count\"\u003e+10.000 reseñas\u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"rating-bars\"\u003e\n        \u003cdiv class=\"rbar-row\"\u003e5★\u003cdiv class=\"rbar-track\"\u003e\u003cdiv class=\"rbar-fill\" style=\"width:82%;\"\u003e\u003c\/div\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n        \u003cdiv class=\"rbar-row\"\u003e4★\u003cdiv class=\"rbar-track\"\u003e\u003cdiv class=\"rbar-fill\" style=\"width:12%;\"\u003e\u003c\/div\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n        \u003cdiv class=\"rbar-row\"\u003e3★\u003cdiv class=\"rbar-track\"\u003e\u003cdiv class=\"rbar-fill\" style=\"width:4%;\"\u003e\u003c\/div\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n        \u003cdiv class=\"rbar-row\"\u003e2★\u003cdiv class=\"rbar-track\"\u003e\u003cdiv class=\"rbar-fill\" style=\"width:1%;\"\u003e\u003c\/div\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n        \u003cdiv class=\"rbar-row\"\u003e1★\u003cdiv class=\"rbar-track\"\u003e\u003cdiv class=\"rbar-fill\" style=\"width:1%;\"\u003e\u003c\/div\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"rating-stat\"\u003e\n\u003cdiv class=\"num\"\u003e94%\u003c\/div\u003e\n\u003cdiv class=\"label\"\u003elo recomiendan\u003c\/div\u003e\n\u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n \n\u003c!-- =========================================================\n     TRUST BADGES\n     ========================================================= --\u003e\n\u003csection\u003e\n  \u003cdiv class=\"container\"\u003e\n    \u003cdiv class=\"badges\"\u003e\n      \u003cdiv class=\"badge-item\"\u003e\n\u003cdiv class=\"ic\"\u003e🇺🇸\u003c\/div\u003e\n\u003cspan\u003eMade in USA\u003c\/span\u003e\n\u003c\/div\u003e\n      \u003cdiv class=\"badge-item\"\u003e\n\u003cdiv class=\"ic\"\u003e🌱\u003c\/div\u003e\n\u003cspan\u003eNon-GMO\u003c\/span\u003e\n\u003c\/div\u003e\n      \u003cdiv class=\"badge-item\"\u003e\n\u003cdiv class=\"ic\"\u003e🌾\u003c\/div\u003e\n\u003cspan\u003eGluten Free\u003c\/span\u003e\n\u003c\/div\u003e\n      \u003cdiv class=\"badge-item\"\u003e\n\u003cdiv class=\"ic\"\u003e🚫\u003c\/div\u003e\n\u003cspan\u003eSugar Free\u003c\/span\u003e\n\u003c\/div\u003e\n      \u003cdiv class=\"badge-item\"\u003e\n\u003cdiv class=\"ic\"\u003e💬\u003c\/div\u003e\n\u003cspan\u003ePedido directo por WhatsApp\u003c\/span\u003e\n\u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n \n\u003c!-- =========================================================\n     FINAL CTA\n     ========================================================= --\u003e\n\u003csection\u003e\n  \u003cdiv class=\"container\"\u003e\n    \u003cdiv class=\"final-cta\"\u003e\n      \u003ch2\u003eTu recuperación está a un mensaje de distancia\u003c\/h2\u003e\n      \u003cp\u003eEscríbenos por WhatsApp, elige tu sabor y presentación, y listo — sin filas, sin registros.\u003c\/p\u003e\n      \u003cbutton class=\"wa-btn\" onclick=\"openWhatsApp()\"\u003e\n        \u003cspan class=\"wa-ic\"\u003e\u003csvg viewbox=\"0 0 24 24\"\u003e\u003cpath d=\"M12 2a10 10 0 00-8.6 15L2 22l5.2-1.4A10 10 0 1012 2z\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/span\u003e\n        \u003cspan class=\"send-label\"\u003eComprar por WhatsApp\u003c\/span\u003e\n      \u003c\/button\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n \n\u003c!-- =========================================================\n     FOOTER\n     ========================================================= --\u003e\n\u003cfooter\u003e\n  \u003cdiv class=\"container footer-grid\"\u003e\n    \u003cdiv\u003e© 2026 Waterboy. Weekend Recovery.\u003c\/div\u003e\n    \u003cdiv style=\"display:flex;gap:20px;\"\u003e\n      \u003ca href=\"#\"\u003eTérminos\u003c\/a\u003e\n      \u003ca href=\"#\"\u003ePrivacidad\u003c\/a\u003e\n      \u003ca href=\"#\"\u003eContacto\u003c\/a\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\u003c\/footer\u003e\n \n\u003c!-- =========================================================\n     STICKY BOTTOM BAR\n     ========================================================= --\u003e\n\u003cdiv class=\"sticky-bar\" id=\"sticky-bar\"\u003e\n  \u003cdiv class=\"sticky-info\"\u003e\n    \u003cdiv class=\"name\" id=\"sticky-flavor\"\u003eCherry Limeade · 12 Pack\u003c\/div\u003e\n    \u003cdiv class=\"price\" id=\"sticky-price\"\u003e$79.900\u003c\/div\u003e\n  \u003c\/div\u003e\n  \u003cbutton class=\"wa-btn\" onclick=\"openWhatsApp()\"\u003e\n    \u003cspan class=\"wa-ic\"\u003e\u003csvg viewbox=\"0 0 24 24\"\u003e\u003cpath d=\"M12 2a10 10 0 00-8.6 15L2 22l5.2-1.4A10 10 0 1012 2z\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/span\u003e\n    \u003cspan class=\"send-label\"\u003eWhatsApp\u003c\/span\u003e\n  \u003c\/button\u003e\n\u003c\/div\u003e\n \n\u003cscript\u003e\n\/* =========================================================\n   CONFIG — reemplazar con el número real de WhatsApp del negocio\n   Formato: código país + número, sin +, espacios ni guiones.\n   Ejemplo Colombia: 57 3001234567  -\u003e  \"573001234567\"\n   ========================================================= *\/\nconst WHATSAPP_NUMBER = \"573000000000\"; \/\/ \u003c-- REEMPLAZAR AQUÍ\n \n\/* ---------- state ---------- *\/\nlet state = {\n  flavor: \"Cherry Limeade\",\n  pack: \"12 Pack\",\n  price: 79900,\n  qty: 1\n};\n \n\/* ---------- benefit ticker content ---------- *\/\nconst stripItems = [\n  \"+3.200mg de electrolitos\", \"0g de azúcar\", \"5–10 kcal por sobre\",\n  \"Non-GMO\", \"Gluten Free\", \"Made in USA\", \"+10.000 reseñas · 4.7\/5\"\n];\nfunction buildStrip(){\n  const track = document.getElementById('strip-track');\n  const items = [...stripItems, ...stripItems]; \/\/ duplicado para loop infinito\n  track.innerHTML = items.map(i =\u003e `\u003cspan\u003e\u003cb\u003e${i}\u003c\/b\u003e\u003cspan class=\"sep\"\u003e✦\u003c\/span\u003e\u003c\/span\u003e`).join('');\n}\nbuildStrip();\n \n\/* ---------- flavor selector ---------- *\/\ndocument.querySelectorAll('.flavor-opt').forEach(el=\u003e{\n  el.addEventListener('click', ()=\u003e{\n    document.querySelectorAll('.flavor-opt').forEach(o=\u003eo.classList.remove('active'));\n    el.classList.add('active');\n    state.flavor = el.dataset.flavor;\n    updateSticky();\n  });\n});\n \n\/* ---------- pack selector ---------- *\/\ndocument.querySelectorAll('.pack-opt').forEach(el=\u003e{\n  el.addEventListener('click', ()=\u003e{\n    document.querySelectorAll('.pack-opt').forEach(o=\u003eo.classList.remove('active'));\n    el.classList.add('active');\n    state.pack = el.dataset.pack;\n    state.price = parseInt(el.dataset.price, 10);\n    updateSticky();\n  });\n});\n \n\/* ---------- quantity ---------- *\/\nfunction changeQty(delta){\n  state.qty = Math.max(1, state.qty + delta);\n  document.getElementById('qty-val').textContent = state.qty;\n  updateSticky();\n}\n \n\/* ---------- sticky bar content + visibility ---------- *\/\nfunction updateSticky(){\n  document.getElementById('sticky-flavor').textContent = `${state.flavor} · ${state.pack}`;\n  const total = state.price * state.qty;\n  document.getElementById('sticky-price').textContent =\n    '$' + total.toLocaleString('es-CO');\n}\nupdateSticky();\n \nconst orderBox = document.getElementById('order-box');\nconst stickyBar = document.getElementById('sticky-bar');\nwindow.addEventListener('scroll', ()=\u003e{\n  const rect = orderBox.getBoundingClientRect();\n  if(rect.bottom \u003c 0){ stickyBar.classList.add('show'); }\n  else { stickyBar.classList.remove('show'); }\n});\n \n\/* ---------- tabs (escenarios) ---------- *\/\ndocument.querySelectorAll('.tab-btn').forEach(btn=\u003e{\n  btn.addEventListener('click', ()=\u003e{\n    document.querySelectorAll('.tab-btn').forEach(b=\u003eb.classList.remove('active'));\n    document.querySelectorAll('.tab-panel').forEach(p=\u003ep.classList.remove('active'));\n    btn.classList.add('active');\n    document.querySelector(`.tab-panel[data-panel=\"${btn.dataset.tab}\"]`).classList.add('active');\n  });\n});\n \n\/* ---------- build WhatsApp message + open ---------- *\/\nfunction openWhatsApp(){\n  const total = state.price * state.qty;\n  const totalFmt = total.toLocaleString('es-CO');\n  const message =\n`Hola Waterboy 👋 Quiero pedir Weekend Recovery:\n \n• Sabor: ${state.flavor}\n• Presentación: ${state.pack}\n• Cantidad: ${state.qty}\n• Total estimado: $${totalFmt} COP\n \n¿Me ayudan a confirmar el pedido?`;\n \n  const encoded = encodeURIComponent(message);\n  const url = `https:\/\/wa.me\/${WHATSAPP_NUMBER}?text=${encoded}`;\n \n  \/\/ micro-animación de \"enviado\" antes de redirigir\n  const btn = document.getElementById('wa-cta');\n  if(btn){\n    btn.classList.add('sending');\n    setTimeout(()=\u003e{ btn.classList.remove('sending'); }, 1400);\n  }\n \n  window.open(url, '_blank');\n}\n\u003c\/script\u003e\n \n\n\u003c\/body\u003e","brand":"DROPPiX","offers":[{"title":"Default Title","offer_id":48422000197826,"sku":null,"price":0.0,"currency_code":"COP","in_stock":false}],"url":"https:\/\/droppix.us\/products\/water-boy","provider":"DROPPiX","version":"1.0","type":"link"}