{"product_id":"termo-con-soporte-magnetico-la-69","title":"HYDRASNAP™","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\u003eHydraSnap™ — Termo Magnético 2 en 1 | Colombia\u003c\/title\u003e\n\u003clink href=\"https:\/\/fonts.googleapis.com\/css2?family=Bebas+Neue\u0026amp;family=Syne:wght@400;600;700;800\u0026amp;family=DM+Sans:ital,wght@0,300;0,400;0,500;1,400\u0026amp;display=swap\" rel=\"stylesheet\"\u003e\n\u003cstyle\u003e\n  :root {\n    --orange: #FF5C1A;\n    --orange2: #FF7A3D;\n    --dark:   #0D0D0D;\n    --dark2:  #161616;\n    --dark3:  #1E1E1E;\n    --gray:   #2A2A2A;\n    --gray2:  #3A3A3A;\n    --text:   #FFFFFF;\n    --muted:  #9A9489;\n    --gold:   #F5C842;\n    --green:  #50C878;\n  }\n  *, *::before, *::after { margin:0; padding:0; box-sizing:border-box; }\n  html { scroll-behavior: smooth; }\n  body { background: var(--dark); color: var(--text); font-family: 'DM Sans', sans-serif; overflow-x: hidden; }\n\n  \/* ─── 2. SUPER IMAGEN ─── *\/\n  .hero-image-section {\n    width:100%; background:var(--dark2);\n    display:flex; align-items:center; justify-content:center;\n    min-height: 500px; position:relative; overflow:hidden;\n  }\n  .hero-image-section::before {\n    content:''; position:absolute; inset:0;\n    background:radial-gradient(ellipse at 50% 55%,rgba(255,92,26,.16),transparent 68%);\n    pointer-events:none;\n  }\n\n  \/* ─── 3. SÚPER TÍTULO ─── *\/\n  .title-section {\n    text-align:center; padding:72px 6vw 56px;\n    background:var(--dark); position:relative; overflow:hidden;\n  }\n  .title-section::before {\n    content:''; position:absolute; top:-80px; left:50%; transform:translateX(-50%);\n    width:720px; height:420px;\n    background:radial-gradient(ellipse,rgba(255,92,26,.1),transparent 70%); pointer-events:none;\n  }\n  .main-title {\n    font-family:'Bebas Neue',sans-serif;\n    font-size:clamp(60px,11vw,128px); line-height:.88; letter-spacing:.02em; color:#FFFFFF;\n    animation: fadeUp .8s .1s ease both;\n  }\n  .main-title .accent { color:var(--orange); }\n  .title-sub {\n    margin-top:22px; font-size:clamp(16px,2.2vw,21px); color:var(--muted);\n    max-width:580px; margin-left:auto; margin-right:auto; line-height:1.65;\n    animation: fadeUp .8s .3s ease both;\n  }\n\n  \/* ─── 4+5. SOCIAL STRIP ─── *\/\n  .social-strip-wrap {\n    background:var(--dark2); border-top:1px solid var(--gray); border-bottom:1px solid var(--gray);\n    padding:18px 6vw;\n    display:flex; flex-direction:column; align-items:center; gap:12px;\n    font-family:'Syne',sans-serif; font-weight:600;\n  }\n  .strip-row1 { display:flex; align-items:center; gap:10px; font-size:14px; flex-wrap:nowrap; white-space:nowrap; }\n  .strip-row2 { display:flex; align-items:center; gap:10px; }\n  .strip-text { color:var(--text); white-space:nowrap; }\n  .strip-text strong { color:var(--orange); }\n  .strip-chip {\n    display:inline-flex; align-items:center; gap:5px;\n    padding:4px 12px; border-radius:20px;\n    font-size:12px; font-weight:700; white-space:nowrap;\n    border:1px solid var(--gray2); background:var(--dark3);\n  }\n  .strip-chip.hot { border-color:rgba(255,92,26,.5); color:var(--orange2); background:rgba(255,92,26,.08); }\n  .strip-chip.good { border-color:rgba(80,200,120,.4); color:var(--green); background:rgba(80,200,120,.07); }\n\n  \/* ─── 6. HEADLINE \/ HOOK ─── *\/\n  .hook-section {\n    background:var(--dark2); border-top:1px solid var(--gray); border-bottom:1px solid var(--gray);\n    padding:80px 6vw; text-align:center;\n  }\n  .sec-label { font-family:'Syne',sans-serif; font-weight:700; font-size:11px; letter-spacing:.2em; color:var(--orange); text-transform:uppercase; margin-bottom:14px; }\n  .sec-title { font-family:'Bebas Neue',sans-serif; font-size:clamp(38px,5.5vw,72px); line-height:.93; color:#FFFFFF !important; -webkit-text-fill-color:#FFFFFF !important; }\n  .sec-title span { color:var(--orange); }\n  .sec-div { width:60px; height:3px; background:var(--orange); border-radius:2px; margin:20px auto; }\n  .sec-div.left { margin:20px 0; }\n  .hook-desc {\n    font-size:clamp(15px,2vw,18px); color:var(--muted);\n    max-width:660px; margin:0 auto; line-height:1.78;\n  }\n\n  \/* ─── 7. BENEFICIOS ─── *\/\n  .benefits-card {\n    background:var(--dark2); border:1px solid var(--gray); border-radius:20px;\n    overflow:hidden; margin-top:40px;\n  }\n  .bc-item {\n    display:flex; align-items:center; gap:16px; padding:18px 24px;\n    border-bottom:1px solid var(--gray);\n    transition: background .2s;\n  }\n  .bc-item:last-child { border-bottom:none; }\n  .bc-item:hover { background:rgba(255,92,26,.05); }\n  .bc-icon { font-size:28px; width:48px; height:48px; border-radius:10px; background:rgba(255,92,26,.1); display:flex; align-items:center; justify-content:center; flex-shrink:0; }\n  .bc-title { font-family:'Syne',sans-serif; font-weight:700; font-size:14px; color:var(--text); margin-bottom:3px; }\n  .bc-desc { font-size:12px; color:var(--muted); line-height:1.5; }\n  .benefits-section { background:var(--dark); padding:80px 6vw; }\n  .benefits-list { display:flex; flex-direction:column; gap:14px; max-width:780px; margin-top:42px; }\n  .benefit-item {\n    display:flex; align-items:flex-start; gap:18px;\n    background:var(--dark2); border:1px solid var(--gray); border-radius:14px; padding:20px 26px;\n    transition: border-color .3s, transform .3s;\n  }\n  .benefit-item:hover { border-color:rgba(255,92,26,.45); transform:translateX(6px); }\n  .bi-icon {\n    font-size:26px; width:52px; height:52px; border-radius:10px;\n    background:rgba(255,92,26,.1); display:flex; align-items:center; justify-content:center; flex-shrink:0;\n  }\n  .bi-title { font-family:'Syne',sans-serif; font-weight:700; font-size:15px; color:var(--text); margin-bottom:5px; }\n  .bi-desc { font-size:13px; color:var(--muted); line-height:1.65; }\n\n  \/* ─── 8. OFERTA + BOTÓN ─── *\/\n  .offer-section {\n    background:var(--dark2); border-top:1px solid var(--gray); border-bottom:1px solid var(--gray); padding:80px 6vw;\n  }\n  .offer-inner { display:grid; grid-template-columns:1fr 1fr; gap:60px; align-items:center; max-width:1060px; margin:0 auto; }\n  .offer-content { display:flex; flex-direction:column; gap:22px; }\n  .includes { display:flex; flex-direction:column; gap:11px; }\n  .inc-item { display:flex; align-items:center; gap:12px; font-size:15px; color:var(--text); }\n  .inc-check {\n    width:24px; height:24px; border-radius:6px;\n    background:rgba(255,92,26,.12); border:1px solid rgba(255,92,26,.4);\n    display:flex; align-items:center; justify-content:center;\n    color:var(--orange); font-size:12px; font-weight:900; flex-shrink:0;\n  }\n  .price-row { display:flex; align-items:baseline; gap:14px; flex-wrap:wrap; }\n  .p-old { font-size:22px; color:var(--muted); text-decoration:line-through; }\n  .p-new { font-family:'Bebas Neue',sans-serif; font-size:74px; color:var(--orange); line-height:1; }\n  .p-badge { background:var(--orange); color:#fff; font-family:'Syne',sans-serif; font-weight:800; font-size:14px; padding:5px 12px; border-radius:8px; align-self:center; }\n  .cta-btn {\n    display:inline-flex; align-items:center; justify-content:center; gap:10px;\n    background:var(--orange); color:#fff; font-family:'Syne',sans-serif; font-weight:800; font-size:18px;\n    padding:18px 32px; border-radius:14px; text-decoration:none; border:none; cursor:pointer;\n    letter-spacing:.04em; width:100%; box-shadow:0 8px 32px rgba(255,92,26,.38);\n    transition:all .25s ease; position:relative; overflow:hidden;\n  }\n  .cta-btn::after { content:''; position:absolute; inset:0; background:linear-gradient(135deg,rgba(255,255,255,.1),transparent); pointer-events:none; }\n  .cta-btn:hover { transform:translateY(-3px); box-shadow:0 14px 42px rgba(255,92,26,.52); background:var(--orange2); }\n  .cta-note { font-size:12px; color:var(--muted); text-align:center; }\n\n  \/* ─── 9. MARQUEE ─── *\/\n  .marquee-wrap {\n    background:var(--dark2); border-top:1px solid var(--gray); border-bottom:1px solid var(--gray);\n    overflow:hidden; padding:16px 0; position:relative;\n  }\n  .marquee-wrap::before,.marquee-wrap::after {\n    content:''; position:absolute; top:0; width:80px; height:100%; z-index:2; pointer-events:none;\n  }\n  .marquee-wrap::before { left:0; background:linear-gradient(to right,var(--dark2),transparent); }\n  .marquee-wrap::after  { right:0; background:linear-gradient(to left,var(--dark2),transparent); }\n  .marquee-track {\n    display:flex; align-items:center; gap:0;\n    width:max-content;\n    animation: marquee 28s linear infinite;\n  }\n  .marquee-track:hover { animation-play-state:paused; }\n  @keyframes marquee { from{transform:translateX(0)} to{transform:translateX(-50%)} }\n  .marquee-item {\n    display:flex; align-items:center; gap:8px;\n    padding:0 24px; white-space:nowrap;\n    font-family:'Syne',sans-serif; font-weight:700; font-size:14px; color:var(--text);\n  }\n  .m-icon { font-size:18px; }\n  .marquee-sep { color:var(--orange); font-size:20px; font-weight:900; padding:0 4px; }\n\n  \/* ─── 10. TESTIMONIOS ─── *\/\n  .testi-section { background:var(--dark2); border-top:1px solid var(--gray); border-bottom:1px solid var(--gray); padding:80px 6vw; }\n  .tslider-wrap { margin-top:48px; }\n  .tslider-viewport { overflow:hidden; border-radius:16px; width:100%; }\n  .tslider-track { display:flex; transition:transform .45s cubic-bezier(.4,0,.2,1); width:100%; }\n  .tcard {\n    min-width:100%; width:100%; background:var(--dark); border:1px solid var(--gray); border-radius:16px;\n    overflow:hidden; flex-shrink:0; box-sizing:border-box;\n  }\n  .tcard-photo { width:100%; height:320px; overflow:hidden; }\n  .tcard-photo img { width:100%; height:100%; object-fit:cover; object-position:center top; display:block; }\n  .tcard-body { padding:28px 32px 32px; display:flex; flex-direction:column; gap:12px; }\n  .tcard-stars { color:var(--gold); font-size:20px; letter-spacing:3px; }\n  .tcard-text { font-size:16px; color:var(--muted); line-height:1.75; font-style:italic; border-left:3px solid var(--orange); padding-left:16px; }\n  .tcard-name { font-family:'Syne',sans-serif; font-weight:800; font-size:17px; color:var(--text); }\n  .tcard-meta { display:flex; align-items:center; gap:10px; flex-wrap:wrap; }\n  .t-ver { background:rgba(80,200,120,.12); border:1px solid rgba(80,200,120,.3); color:var(--green); font-size:11px; font-family:'Syne',sans-serif; font-weight:700; padding:3px 10px; border-radius:20px; }\n  .tcard-date { font-size:12px; color:var(--muted); }\n  .tslider-controls { display:flex; align-items:center; justify-content:center; gap:20px; margin-top:24px; }\n  .tarrow {\n    background:var(--dark3); border:1px solid var(--gray2); color:var(--text);\n    width:44px; height:44px; border-radius:50%; font-size:18px; cursor:pointer;\n    display:flex; align-items:center; justify-content:center;\n    transition:background .2s, border-color .2s;\n  }\n  .tarrow:hover { background:var(--orange); border-color:var(--orange); }\n  .tdots { display:flex; gap:8px; align-items:center; }\n  .tdot { width:8px; height:8px; border-radius:50%; background:var(--gray2); cursor:pointer; transition:background .3s, transform .3s; }\n  .tdot.active { background:var(--orange); transform:scale(1.3); }\n\n  \/* ─── 11. FAQ ─── *\/\n  .faq-section { background:var(--dark); padding:80px 6vw; }\n  .faq-list { max-width:760px; margin:48px auto 0; display:flex; flex-direction:column; gap:12px; }\n  .faq-item { background:var(--dark2); border:1px solid var(--gray); border-radius:12px; overflow:hidden; transition:border-color .3s; }\n  .faq-item.open { border-color:rgba(255,92,26,.45); }\n  .faq-q { padding:20px 24px; display:flex; justify-content:space-between; align-items:center; cursor:pointer; font-family:'Syne',sans-serif; font-weight:700; font-size:15px; color:var(--text); user-select:none; gap:16px; }\n  .faq-arr { width:30px; height:30px; border-radius:8px; background:var(--gray); display:flex; align-items:center; justify-content:center; color:var(--orange); font-size:13px; flex-shrink:0; transition:background .3s, transform .3s; }\n  .faq-item.open .faq-arr { transform:rotate(180deg); background:rgba(255,92,26,.15); }\n  .faq-a { max-height:0; overflow:hidden; transition:max-height .4s ease, padding .3s; padding:0 24px; font-size:14px; color:var(--muted); line-height:1.75; }\n  .faq-item.open .faq-a { max-height:300px; padding:0 24px 20px; }\n\n  \/* ─── 12. AIDA ─── *\/\n  .aida-section { background:var(--dark2); border-top:1px solid var(--gray); padding:80px 6vw; }\n  .aida-grid { display:grid; grid-template-columns:repeat(2,1fr); gap:20px; margin-top:48px; }\n  .aida-card { background:var(--dark); border:1px solid var(--gray); border-radius:16px; overflow:hidden; transition:border-color .3s, transform .3s; }\n  .aida-card:hover { border-color:rgba(255,92,26,.45); transform:translateY(-5px); }\n  .aida-card img { width:100%; aspect-ratio:16\/9; object-fit:cover; display:block; }\n  .aida-body { padding:22px 26px; }\n  .aida-tag { display:inline-block; background:var(--orange); color:#fff; font-family:'Syne',sans-serif; font-weight:800; font-size:10px; letter-spacing:.15em; padding:3px 10px; border-radius:4px; margin-bottom:10px; }\n  .aida-ttl { font-family:'Syne',sans-serif; font-weight:800; font-size:17px; color:var(--text); margin-bottom:8px; }\n  .aida-desc { font-size:13px; color:var(--muted); line-height:1.65; }\n\n  \/* ─── FOOTER CTA ─── *\/\n  .footer-cta {\n    background:linear-gradient(135deg,#1A0800,var(--dark),#180600);\n    border-top:1px solid rgba(255,92,26,.2); padding:100px 6vw; text-align:center; position:relative; overflow:hidden;\n  }\n  .footer-cta::before { content:''; position:absolute; top:-80px; left:50%; transform:translateX(-50%); width:720px; height:430px; background:radial-gradient(ellipse,rgba(255,92,26,.15),transparent 70%); pointer-events:none; }\n  .footer-cta .sec-title { max-width:700px; margin:10px auto 18px; }\n  .footer-cta .hook-desc { margin:0 auto 36px; }\n  .footer-note { margin-top:20px; font-size:13px; color:var(--muted); }\n\n  \/* ─── RESPONSIVE ─── *\/\n  @media(max-width:768px){\n    .offer-inner { grid-template-columns:1fr; gap:32px; }\n    .aida-grid { grid-template-columns:1fr; }\n  }\n\n  \/* ─── CÓMO FUNCIONA ─── *\/\n  .how-section {\n    background:var(--dark); border-top:1px solid var(--gray); border-bottom:1px solid var(--gray);\n    padding:56px 6vw;\n  }\n  .how-steps {\n    display:flex !important; flex-direction:row !important; align-items:stretch;\n    gap:0; margin-top:36px; max-width:860px; margin-left:auto; margin-right:auto;\n  }\n  .how-step {\n    flex:1; background:var(--dark2); border:1px solid var(--gray); border-radius:16px;\n    padding:28px 22px; text-align:center;\n    transition: border-color .3s, transform .3s;\n  }\n  .how-step:hover { border-color:rgba(255,92,26,.45); transform:translateY(-4px); }\n  .how-num {\n    width:36px; height:36px; border-radius:50%;\n    background:var(--orange); color:#fff; font-family:'Bebas Neue',sans-serif;\n    font-size:20px; display:flex; align-items:center; justify-content:center;\n    margin:0 auto 14px;\n  }\n  .how-icon { font-size:32px; margin-bottom:10px; }\n  .how-title { font-family:'Syne',sans-serif; font-weight:800; font-size:14px; color:var(--text); margin-bottom:6px; }\n  .how-desc { font-size:12px; color:var(--muted); line-height:1.6; }\n  .how-sep {\n    display:flex; align-items:center; justify-content:center;\n    color:var(--orange); font-size:24px; font-weight:900;\n    padding:0 10px; flex-shrink:0;\n  }\n  @media(max-width:600px){\n    .how-steps { flex-direction:column !important; }\n    .how-sep { display:none; }\n  }\n\n  \/* ─── STICKY BTN MÓVIL ─── *\/\n  .sticky-mobile {\n    display:none; position:fixed; bottom:0; left:0; right:0; z-index:999;\n    padding:12px 16px 16px; background:linear-gradient(to top, var(--dark) 80%, transparent);\n  }\n  @media(max-width:768px){ .sticky-mobile { display:block; } }\n  .sticky-mobile .cta-btn { font-size:16px; padding:16px 24px; border-radius:12px; }\n\n  @keyframes fadeUp { from{opacity:0;transform:translateY(28px)} to{opacity:1;transform:translateY(0)} }\n\n  h1, h2, h3, h4 { color: #FFFFFF !important; }\n  .sec-title { color: #FFFFFF !important; }\n  .sec-title span { color: var(--orange) !important; }\n  .main-title { color: #FFFFFF !important; }\n  .main-title .accent { color: var(--orange) !important; }\n\u003c\/style\u003e\n\n\n\u003c!-- ══════════════════════════════\n  2. SUPER IMAGEN\n══════════════════════════════ --\u003e\n\u003cdiv class=\"hero-image-section\"\u003e\n  \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0747\/4062\/9701\/files\/FUNCION.png?v=1776217709\" alt=\"HydraSnap Termo Magnético\" style=\"width:100%;max-height:620px;object-fit:cover;display:block;\"\u003e\n\u003c\/div\u003e\n\n\u003c!-- ══════════════════════════════\n  3. SÚPER TÍTULO\n══════════════════════════════ --\u003e\n\u003csection class=\"title-section\"\u003e\n  \u003cdiv style=\"font-family:'Syne',sans-serif;font-weight:800;font-size:13px;letter-spacing:.3em;color:var(--orange);margin-bottom:10px\"\u003eHYDRASNAP™\u003c\/div\u003e\n  \u003ch1 class=\"main-title\"\u003e\n    TERMO\u003cbr\u003e\n    \u003cspan class=\"accent\"\u003eMAGNÉTICO\u003c\/span\u003e\u003cbr\u003e\n    2 EN 1\n  \u003c\/h1\u003e\n  \u003cp class=\"title-sub\"\u003e\n    La botella térmica con soporte magnético integrado. Hidratación + manos libres en un solo producto.\n  \u003c\/p\u003e\n\u003c\/section\u003e\n\n\u003c!-- ══════════════════════════════\n  4+5. PRUEBA SOCIAL + GATILLOS\n══════════════════════════════ --\u003e\n\u003cdiv class=\"social-strip-wrap\"\u003e\n  \u003cdiv class=\"strip-row1\"\u003e\n    \u003cspan style=\"color:var(--gold);font-size:16px;letter-spacing:2px;white-space:nowrap;flex-shrink:0\"\u003e★★★★★\u003c\/span\u003e\n    \u003cspan class=\"strip-text\"\u003e\u003cstrong\u003e+1.280 colombianos\u003c\/strong\u003e ya lo tienen\u003c\/span\u003e\n  \u003c\/div\u003e\n  \u003cdiv class=\"strip-row2\"\u003e\n    \u003cspan class=\"strip-chip good\"\u003eEnvío gratis a toda Colombia\u003c\/span\u003e\n    \u003cspan class=\"strip-chip hot\"\u003eSolo quedan 17 unidades\u003c\/span\u003e\n  \u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003c!-- ══════════════════════════════\n  6. HEADLINE \/ HOOK\n══════════════════════════════ --\u003e\n\u003csection class=\"hook-section\"\u003e\n  \u003cp class=\"sec-label\"\u003eSabemos exactamente cómo te sientes\u003c\/p\u003e\n  \u003ch2 class=\"sec-title\"\u003e¿OTRA VEZ EL CELULAR\u003cbr\u003e\u003cspan\u003eEN EL PISO?\u003c\/span\u003e\n\u003c\/h2\u003e\n  \u003cdiv class=\"sec-div\"\u003e\u003c\/div\u003e\n  \u003cp class=\"hook-desc\"\u003e\n    Grabarte desde el piso, apoyarlo en una botella que se cae, pedirle el favor a un desconocido en el gym… eso ya no va más. El \u003cstrong style=\"color:var(--text)\"\u003eHydraSnap™\u003c\/strong\u003e convierte tu termo en un soporte magnético profesional — pega el celular, ajusta el ángulo y listo. Manos libres. Sin drama.\n  \u003c\/p\u003e\n\u003c\/section\u003e\n\n\u003c!-- ══════════════════════════════\n  CÓMO FUNCIONA\n══════════════════════════════ --\u003e\n\u003csection class=\"how-section\"\u003e\n  \u003cp class=\"sec-label\" style=\"text-align:center\"\u003eMás simple de lo que crees\u003c\/p\u003e\n  \u003ch2 class=\"sec-title\" style=\"text-align:center\"\u003e¿CÓMO\u003cbr\u003e\u003cspan\u003eFUNCIONA?\u003c\/span\u003e\n\u003c\/h2\u003e\n  \u003cdiv style=\"display:flex!important;flex-direction:row!important;align-items:stretch!important;gap:12px!important;margin-top:36px;max-width:960px;margin-left:auto;margin-right:auto;\"\u003e\n\n    \u003c!-- PASO 1 --\u003e\n    \u003cdiv style=\"flex:1!important;background:var(--dark2);border:1px solid var(--gray);border-radius:16px;overflow:hidden;text-align:center;\"\u003e\n      \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0747\/4062\/9701\/files\/PASO_1_1_3a7818f3-9063-4e6d-ac43-4724d079b093.png?v=1776217709\" alt=\"Paso 1\" style=\"width:100%;aspect-ratio:1\/1;object-fit:cover;display:block;\"\u003e\n      \u003cdiv style=\"padding:16px 12px;\"\u003e\n        \u003cdiv style=\"width:30px;height:30px;border-radius:50%;background:var(--orange);color:#fff;font-family:'Bebas Neue',sans-serif;font-size:18px;display:flex;align-items:center;justify-content:center;margin:0 auto 10px;\"\u003e1\u003c\/div\u003e\n        \u003cdiv style=\"font-family:'Syne',sans-serif;font-weight:800;font-size:13px;color:var(--text);margin-bottom:4px;\"\u003ePega el anillo\u003c\/div\u003e\n        \u003cdiv style=\"font-size:11px;color:var(--muted);line-height:1.5;\"\u003eEn la parte trasera de tu funda. Una sola vez.\u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003c!-- FLECHA --\u003e\n    \u003cdiv style=\"display:flex;align-items:center;justify-content:center;color:var(--orange);font-size:22px;font-weight:900;flex-shrink:0;\"\u003e›\u003c\/div\u003e\n\n    \u003c!-- PASO 2 --\u003e\n    \u003cdiv style=\"flex:1!important;background:var(--dark2);border:1px solid var(--gray);border-radius:16px;overflow:hidden;text-align:center;\"\u003e\n      \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0747\/4062\/9701\/files\/INCLUYE_IMAN.png?v=1776269752\" alt=\"Paso 2\" style=\"width:100%;aspect-ratio:1\/1;object-fit:cover;display:block;\"\u003e\n      \u003cdiv style=\"padding:16px 12px;\"\u003e\n        \u003cdiv style=\"width:30px;height:30px;border-radius:50%;background:var(--orange);color:#fff;font-family:'Bebas Neue',sans-serif;font-size:18px;display:flex;align-items:center;justify-content:center;margin:0 auto 10px;\"\u003e2\u003c\/div\u003e\n        \u003cdiv style=\"font-family:'Syne',sans-serif;font-weight:800;font-size:13px;color:var(--text);margin-bottom:4px;\"\u003eColoca el celular\u003c\/div\u003e\n        \u003cdiv style=\"font-size:11px;color:var(--muted);line-height:1.5;\"\u003eEl imán lo agarra solo al instante.\u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003c!-- FLECHA --\u003e\n    \u003cdiv style=\"display:flex;align-items:center;justify-content:center;color:var(--orange);font-size:22px;font-weight:900;flex-shrink:0;\"\u003e›\u003c\/div\u003e\n\n    \u003c!-- PASO 3 --\u003e\n    \u003cdiv style=\"flex:1!important;background:var(--dark2);border:1px solid var(--gray);border-radius:16px;overflow:hidden;text-align:center;\"\u003e\n      \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0747\/4062\/9701\/files\/PUEDES_GIRAR.png?v=1776217708\" alt=\"Paso 3\" style=\"width:100%;aspect-ratio:1\/1;object-fit:cover;display:block;\"\u003e\n      \u003cdiv style=\"padding:16px 12px;\"\u003e\n        \u003cdiv style=\"width:30px;height:30px;border-radius:50%;background:var(--orange);color:#fff;font-family:'Bebas Neue',sans-serif;font-size:18px;display:flex;align-items:center;justify-content:center;margin:0 auto 10px;\"\u003e3\u003c\/div\u003e\n        \u003cdiv style=\"font-family:'Syne',sans-serif;font-weight:800;font-size:13px;color:var(--text);margin-bottom:4px;\"\u003eAjusta y listo\u003c\/div\u003e\n        \u003cdiv style=\"font-size:11px;color:var(--muted);line-height:1.5;\"\u003eGira 360° hasta el ángulo perfecto.\u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- ══════════════════════════════\n  7. BENEFICIOS\n══════════════════════════════ --\u003e\n\u003csection class=\"benefits-section\"\u003e\n  \u003cp class=\"sec-label\"\u003eBeneficios\u003c\/p\u003e\n  \u003ch2 class=\"sec-title\"\u003eTODO LO QUE\u003cbr\u003e\u003cspan\u003eNECESITAS\u003c\/span\u003e\n\u003c\/h2\u003e\n  \u003cdiv class=\"sec-div left\"\u003e\u003c\/div\u003e\n  \n  \u003cdiv class=\"benefits-card\"\u003e\n    \u003cdiv class=\"bc-item\"\u003e\n      \u003cdiv class=\"bc-icon\"\u003e🔄\u003c\/div\u003e\n      \u003cdiv class=\"bc-text\"\u003e\n        \u003cdiv class=\"bc-title\"\u003eRotación 360° e inclinación 90°\u003c\/div\u003e\n        \u003cdiv class=\"bc-desc\"\u003eAjusta el ángulo exacto para grabar o ver rutinas.\u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"bc-item\"\u003e\n      \u003cdiv class=\"bc-icon\"\u003e❄️\u003c\/div\u003e\n      \u003cdiv class=\"bc-text\"\u003e\n        \u003cdiv class=\"bc-title\"\u003eFrío 24h \/ Calor 12h\u003c\/div\u003e\n        \u003cdiv class=\"bc-desc\"\u003eDoble pared al vacío. Siempre a la temperatura perfecta.\u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"bc-item\"\u003e\n      \u003cdiv class=\"bc-icon\"\u003e📲\u003c\/div\u003e\n      \u003cdiv class=\"bc-text\"\u003e\n        \u003cdiv class=\"bc-title\"\u003eCompatible con cualquier celular\u003c\/div\u003e\n        \u003cdiv class=\"bc-desc\"\u003eIncluye anillo magnético. iPhone, Samsung, Xiaomi y más.\u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"bc-item\"\u003e\n      \u003cdiv class=\"bc-icon\"\u003e🎥\u003c\/div\u003e\n      \u003cdiv class=\"bc-text\"\u003e\n        \u003cdiv class=\"bc-title\"\u003eIdeal para crear contenido\u003c\/div\u003e\n        \u003cdiv class=\"bc-desc\"\u003eReels, TikToks y Shorts con estabilidad total. Sin tripié.\u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"bc-item\"\u003e\n      \u003cdiv class=\"bc-icon\"\u003e🛡️\u003c\/div\u003e\n      \u003cdiv class=\"bc-text\"\u003e\n        \u003cdiv class=\"bc-title\"\u003eLibre de BPA — 100% seguro\u003c\/div\u003e\n        \u003cdiv class=\"bc-desc\"\u003eAcero inoxidable grado alimenticio. Sin químicos dañinos.\u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"bc-item\"\u003e\n      \u003cdiv class=\"bc-icon\"\u003e💧\u003c\/div\u003e\n      \u003cdiv class=\"bc-text\"\u003e\n        \u003cdiv class=\"bc-title\"\u003e710 ml — Capacidad perfecta\u003c\/div\u003e\n        \u003cdiv class=\"bc-desc\"\u003eNo tan grande que estorbe. Solo 339g de peso total.\u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"bc-item\"\u003e\n      \u003cdiv class=\"bc-icon\"\u003e🎒\u003c\/div\u003e\n      \u003cdiv class=\"bc-text\"\u003e\n        \u003cdiv class=\"bc-title\"\u003eFácil de transportar\u003c\/div\u003e\n        \u003cdiv class=\"bc-desc\"\u003eAl gym, la oficina o de viaje. Diseñado para tu vida activa.\u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- ══════════════════════════════\n  8. OFERTA + BOTÓN DE COMPRA\n══════════════════════════════ --\u003e\n\u003csection class=\"offer-section\"\u003e\n  \u003cdiv class=\"offer-inner\"\u003e\n    \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0747\/4062\/9701\/files\/FUNCIONAMIENTO.png?v=1776217708\" alt=\"HydraSnap Funcionamiento\" style=\"width:100%;border-radius:20px;object-fit:cover;display:block;\"\u003e\n\n    \u003cdiv class=\"offer-content\"\u003e\n      \u003cdiv\u003e\n        \u003cp class=\"sec-label\"\u003eLo que recibes\u003c\/p\u003e\n        \u003ch2 class=\"sec-title\"\u003eTU PEDIDO\u003cbr\u003e\u003cspan\u003eINCLUYE\u003c\/span\u003e\n\u003c\/h2\u003e\n        \u003cdiv class=\"sec-div left\" style=\"margin-bottom:22px\"\u003e\u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"includes\"\u003e\n        \u003cdiv class=\"inc-item\"\u003e\n\u003cdiv class=\"inc-check\"\u003e✓\u003c\/div\u003e Botella + anillo magnético adhesivo\u003c\/div\u003e\n        \u003cdiv class=\"inc-item\"\u003e\n\u003cdiv class=\"inc-check\"\u003e✓\u003c\/div\u003e 710 ml · Acero inoxidable · Libre de BPA\u003c\/div\u003e\n        \u003cdiv class=\"inc-item\"\u003e\n\u003cdiv class=\"inc-check\"\u003e✓\u003c\/div\u003e Envío gratis · Garantía · 100% nuevo\u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"price-row\"\u003e\n        \u003cspan class=\"p-old\"\u003e$120.000\u003c\/span\u003e\n        \u003cspan class=\"p-new\"\u003e$89.900\u003c\/span\u003e\n        \u003cspan class=\"p-badge\"\u003e-25% HOY\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003ca href=\"#\" onclick=\"document.getElementById('rsi_buy_now_button').click();return false;\" class=\"cta-btn\"\u003e🛒 QUIERO EL MÍO — PAGO AL RECIBIR\u003c\/a\u003e\n      \u003cp class=\"cta-note\"\u003e✅ Sin pago adelantado · 📦 Llega en 2–5 días hábiles · 🛡️ Garantía incluida\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- ══════════════════════════════\n  9. SELLOS — MARQUEE\n══════════════════════════════ --\u003e\n\u003cdiv class=\"marquee-wrap\"\u003e\n  \u003cdiv class=\"marquee-track\"\u003e\n    \u003cdiv class=\"marquee-item\"\u003e\n\u003cspan class=\"m-icon\"\u003e🛡️\u003c\/span\u003e\u003cspan\u003eLibre de BPA\u003c\/span\u003e\n\u003c\/div\u003e\n    \u003cdiv class=\"marquee-sep\"\u003e·\u003c\/div\u003e\n    \u003cdiv class=\"marquee-item\"\u003e\n\u003cspan class=\"m-icon\"\u003e❄️\u003c\/span\u003e\u003cspan\u003eFrío 24 horas\u003c\/span\u003e\n\u003c\/div\u003e\n    \u003cdiv class=\"marquee-sep\"\u003e·\u003c\/div\u003e\n    \u003cdiv class=\"marquee-item\"\u003e\n\u003cspan class=\"m-icon\"\u003e🔥\u003c\/span\u003e\u003cspan\u003eCalor 12 horas\u003c\/span\u003e\n\u003c\/div\u003e\n    \u003cdiv class=\"marquee-sep\"\u003e·\u003c\/div\u003e\n    \u003cdiv class=\"marquee-item\"\u003e\n\u003cspan class=\"m-icon\"\u003e💧\u003c\/span\u003e\u003cspan\u003eAnti-derrame\u003c\/span\u003e\n\u003c\/div\u003e\n    \u003cdiv class=\"marquee-sep\"\u003e·\u003c\/div\u003e\n    \u003cdiv class=\"marquee-item\"\u003e\n\u003cspan class=\"m-icon\"\u003e🚚\u003c\/span\u003e\u003cspan\u003eEnvío gratis\u003c\/span\u003e\n\u003c\/div\u003e\n    \u003cdiv class=\"marquee-sep\"\u003e·\u003c\/div\u003e\n    \u003cdiv class=\"marquee-item\"\u003e\n\u003cspan class=\"m-icon\"\u003e⭐\u003c\/span\u003e\u003cspan\u003eGarantía incluida\u003c\/span\u003e\n\u003c\/div\u003e\n    \u003cdiv class=\"marquee-sep\"\u003e·\u003c\/div\u003e\n    \u003cdiv class=\"marquee-item\"\u003e\n\u003cspan class=\"m-icon\"\u003e💳\u003c\/span\u003e\u003cspan\u003ePago al recibir\u003c\/span\u003e\n\u003c\/div\u003e\n    \u003cdiv class=\"marquee-sep\"\u003e·\u003c\/div\u003e\n    \u003cdiv class=\"marquee-item\"\u003e\n\u003cspan class=\"m-icon\"\u003e🔄\u003c\/span\u003e\u003cspan\u003eRotación 360°\u003c\/span\u003e\n\u003c\/div\u003e\n    \u003cdiv class=\"marquee-sep\"\u003e·\u003c\/div\u003e\n    \u003cdiv class=\"marquee-item\"\u003e\n\u003cspan class=\"m-icon\"\u003e🛡️\u003c\/span\u003e\u003cspan\u003eLibre de BPA\u003c\/span\u003e\n\u003c\/div\u003e\n    \u003cdiv class=\"marquee-sep\"\u003e·\u003c\/div\u003e\n    \u003cdiv class=\"marquee-item\"\u003e\n\u003cspan class=\"m-icon\"\u003e❄️\u003c\/span\u003e\u003cspan\u003eFrío 24 horas\u003c\/span\u003e\n\u003c\/div\u003e\n    \u003cdiv class=\"marquee-sep\"\u003e·\u003c\/div\u003e\n    \u003cdiv class=\"marquee-item\"\u003e\n\u003cspan class=\"m-icon\"\u003e🔥\u003c\/span\u003e\u003cspan\u003eCalor 12 horas\u003c\/span\u003e\n\u003c\/div\u003e\n    \u003cdiv class=\"marquee-sep\"\u003e·\u003c\/div\u003e\n    \u003cdiv class=\"marquee-item\"\u003e\n\u003cspan class=\"m-icon\"\u003e💧\u003c\/span\u003e\u003cspan\u003eAnti-derrame\u003c\/span\u003e\n\u003c\/div\u003e\n    \u003cdiv class=\"marquee-sep\"\u003e·\u003c\/div\u003e\n    \u003cdiv class=\"marquee-item\"\u003e\n\u003cspan class=\"m-icon\"\u003e🚚\u003c\/span\u003e\u003cspan\u003eEnvío gratis\u003c\/span\u003e\n\u003c\/div\u003e\n    \u003cdiv class=\"marquee-sep\"\u003e·\u003c\/div\u003e\n    \u003cdiv class=\"marquee-item\"\u003e\n\u003cspan class=\"m-icon\"\u003e⭐\u003c\/span\u003e\u003cspan\u003eGarantía incluida\u003c\/span\u003e\n\u003c\/div\u003e\n    \u003cdiv class=\"marquee-sep\"\u003e·\u003c\/div\u003e\n    \u003cdiv class=\"marquee-item\"\u003e\n\u003cspan class=\"m-icon\"\u003e💳\u003c\/span\u003e\u003cspan\u003ePago al recibir\u003c\/span\u003e\n\u003c\/div\u003e\n    \u003cdiv class=\"marquee-sep\"\u003e·\u003c\/div\u003e\n    \u003cdiv class=\"marquee-item\"\u003e\n\u003cspan class=\"m-icon\"\u003e🔄\u003c\/span\u003e\u003cspan\u003eRotación 360°\u003c\/span\u003e\n\u003c\/div\u003e\n    \u003cdiv class=\"marquee-sep\"\u003e·\u003c\/div\u003e\n  \u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003c!-- ══════════════════════════════\n  10. TESTIMONIOS — SLIDER MANUAL\n══════════════════════════════ --\u003e\n\u003csection class=\"testi-section\"\u003e\n  \u003cp class=\"sec-label\"\u003eOpiniones reales\u003c\/p\u003e\n  \u003ch2 class=\"sec-title\"\u003eLO QUE DICEN\u003cbr\u003e\u003cspan\u003eNUESTROS CLIENTES\u003c\/span\u003e\n\u003c\/h2\u003e\n  \u003cdiv class=\"sec-div left\"\u003e\u003c\/div\u003e\n\n  \u003cdiv class=\"tslider-wrap\"\u003e\n    \u003cdiv class=\"tslider-viewport\"\u003e\n      \u003cdiv class=\"tslider-track\" id=\"tslider\"\u003e\n\n        \u003c!-- VALENTINA --\u003e\n        \u003cdiv class=\"tcard\"\u003e\n          \u003cdiv class=\"tcard-photo\"\u003e\n            \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0747\/4062\/9701\/files\/DESPUES_2_e46dc609-262f-436e-ae86-4b5eaa2038ad.png?v=1776217709\" alt=\"Valentina Moreno\"\u003e\n          \u003c\/div\u003e\n          \u003cdiv class=\"tcard-body\"\u003e\n            \u003cdiv class=\"tcard-stars\"\u003e★★★★★\u003c\/div\u003e\n            \u003cdiv class=\"tcard-text\"\u003eLo compré para el gym y no lo suelto. Grabo mis rutinas sola sin pedirle nada a nadie. El imán agarra súper bien y el termo mantiene el agua fría toda la sesión.\u003c\/div\u003e\n            \u003cdiv class=\"tcard-name\"\u003eValentina Moreno\u003c\/div\u003e\n            \u003cdiv class=\"tcard-meta\"\u003e\n              \u003cspan class=\"t-ver\"\u003e✔ Compra verificada\u003c\/span\u003e\n              \u003cspan class=\"tcard-date\"\u003e18 ene 2026 · Bogotá\u003c\/span\u003e\n            \u003c\/div\u003e\n          \u003c\/div\u003e\n        \u003c\/div\u003e\n\n        \u003c!-- ANDRÉS --\u003e\n        \u003cdiv class=\"tcard\"\u003e\n          \u003cdiv class=\"tcard-photo\"\u003e\n            \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0747\/4062\/9701\/files\/COMENTARIO_2_02ac0999-7b74-4a0c-b821-59cee536bb3b.png?v=1776217709\" alt=\"Andrés Castillo\"\u003e\n          \u003c\/div\u003e\n          \u003cdiv class=\"tcard-body\"\u003e\n            \u003cdiv class=\"tcard-stars\"\u003e★★★★★\u003c\/div\u003e\n            \u003cdiv class=\"tcard-text\"\u003eTrabajo desde casa y lo tengo en mi escritorio todo el día. El celular siempre a la vista para las videollamadas. Llegó en 3 días y en perfectas condiciones.\u003c\/div\u003e\n            \u003cdiv class=\"tcard-name\"\u003eAndrés Castillo\u003c\/div\u003e\n            \u003cdiv class=\"tcard-meta\"\u003e\n              \u003cspan class=\"t-ver\"\u003e✔ Compra verificada\u003c\/span\u003e\n              \u003cspan class=\"tcard-date\"\u003e4 feb 2026 · Medellín\u003c\/span\u003e\n            \u003c\/div\u003e\n          \u003c\/div\u003e\n        \u003c\/div\u003e\n\n        \u003c!-- CAMILA --\u003e\n        \u003cdiv class=\"tcard\"\u003e\n          \u003cdiv class=\"tcard-photo\"\u003e\n            \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0747\/4062\/9701\/files\/COMENTARIO.png?v=1776217710\" alt=\"Camila Torres\"\u003e\n          \u003c\/div\u003e\n          \u003cdiv class=\"tcard-body\"\u003e\n            \u003cdiv class=\"tcard-stars\"\u003e★★★★★\u003c\/div\u003e\n            \u003cdiv class=\"tcard-text\"\u003eAntes le pedía el favor a alguien en el gym para que me grabara. Ahora pongo el celular en el termo, pongo a reproducir mi rutina en YouTube y la sigo paso a paso. ¡Sin depender de nadie!\u003c\/div\u003e\n            \u003cdiv class=\"tcard-name\"\u003eCamila Torres\u003c\/div\u003e\n            \u003cdiv class=\"tcard-meta\"\u003e\n              \u003cspan class=\"t-ver\"\u003e✔ Compra verificada\u003c\/span\u003e\n              \u003cspan class=\"tcard-date\"\u003e12 mar 2026 · Barranquilla\u003c\/span\u003e\n            \u003c\/div\u003e\n          \u003c\/div\u003e\n        \u003c\/div\u003e\n\n        \u003c!-- DANIEL --\u003e\n        \u003cdiv class=\"tcard\"\u003e\n          \u003cdiv class=\"tcard-photo\"\u003e\n            \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0747\/4062\/9701\/files\/comenaio_5.png?v=1776217709\" alt=\"Daniel Ríos\"\u003e\n          \u003c\/div\u003e\n          \u003cdiv class=\"tcard-body\"\u003e\n            \u003cdiv class=\"tcard-stars\"\u003e★★★★★\u003c\/div\u003e\n            \u003cdiv class=\"tcard-text\"\u003eLo uso en la caminadora todos los días. El celular queda fijo encima del termo y veo mis series o reviso el ritmo cardíaco sin soltar nada. Ya no se me pasa el tiempo entrenando.\u003c\/div\u003e\n            \u003cdiv class=\"tcard-name\"\u003eDaniel Ríos\u003c\/div\u003e\n            \u003cdiv class=\"tcard-meta\"\u003e\n              \u003cspan class=\"t-ver\"\u003e✔ Compra verificada\u003c\/span\u003e\n              \u003cspan class=\"tcard-date\"\u003e27 feb 2026 · Cali\u003c\/span\u003e\n            \u003c\/div\u003e\n          \u003c\/div\u003e\n        \u003c\/div\u003e\n\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"tslider-controls\"\u003e\n      \u003cbutton class=\"tarrow\" onclick=\"slideBy(-1)\"\u003e←\u003c\/button\u003e\n      \u003cdiv class=\"tdots\" id=\"tdots\"\u003e\n        \u003cdiv class=\"tdot active\" onclick=\"goToSlide(0)\"\u003e\u003c\/div\u003e\n        \u003cdiv class=\"tdot\" onclick=\"goToSlide(1)\"\u003e\u003c\/div\u003e\n        \u003cdiv class=\"tdot\" onclick=\"goToSlide(2)\"\u003e\u003c\/div\u003e\n        \u003cdiv class=\"tdot\" onclick=\"goToSlide(3)\"\u003e\u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cbutton class=\"tarrow\" onclick=\"slideBy(1)\"\u003e→\u003c\/button\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- ══════════════════════════════\n  11. FAQ\n══════════════════════════════ --\u003e\n\u003csection class=\"faq-section\"\u003e\n  \u003cp class=\"sec-label\" style=\"text-align:center\"\u003ePreguntas frecuentes\u003c\/p\u003e\n  \u003ch2 class=\"sec-title\" style=\"text-align:center\"\u003eTUS DUDAS\u003cbr\u003e\u003cspan\u003eRESUELTAS\u003c\/span\u003e\n\u003c\/h2\u003e\n  \u003cdiv class=\"faq-list\"\u003e\n    \u003cdiv class=\"faq-item open\"\u003e\n      \u003cdiv class=\"faq-q\" onclick=\"toggleFaq(this)\"\u003e¿Qué tan fuerte es el imán? ¿El celular se puede caer?\u003cdiv class=\"faq-arr\"\u003e▼\u003c\/div\u003e\n\u003c\/div\u003e\n      \u003cdiv class=\"faq-a\"\u003eEl imán es de alta potencia y sujeta el celular con firmeza incluso cuando el termo tiene líquido o lo mueves. El anillo adhesivo incluido garantiza que el celular quede pegado de forma segura durante el entrenamiento, el trabajo o cualquier actividad.\u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"faq-item\"\u003e\n      \u003cdiv class=\"faq-q\" onclick=\"toggleFaq(this)\"\u003e¿El imán daña mi celular, la batería o la pantalla?\u003cdiv class=\"faq-arr\"\u003e▼\u003c\/div\u003e\n\u003c\/div\u003e\n      \u003cdiv class=\"faq-a\"\u003eNo. El HydraSnap™ usa la misma tecnología magnética de los soportes de carro que ya existen hace años. No interfiere con la batería, la pantalla ni ningún componente interno de tu celular.\u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"faq-item\"\u003e\n      \u003cdiv class=\"faq-q\" onclick=\"toggleFaq(this)\"\u003e¿Funciona con mi celular aunque no tenga MagSafe?\u003cdiv class=\"faq-arr\"\u003e▼\u003c\/div\u003e\n\u003c\/div\u003e\n      \u003cdiv class=\"faq-a\"\u003eSí, 100%. El termo incluye un anillo magnético adhesivo que pegas en la funda o en la parte trasera de tu celular. Compatible con iPhone, Samsung, Xiaomi, Motorola y prácticamente cualquier Android, con o sin MagSafe.\u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"faq-item\"\u003e\n      \u003cdiv class=\"faq-q\" onclick=\"toggleFaq(this)\"\u003e¿Para qué celulares sirve el soporte magnético?\u003cdiv class=\"faq-arr\"\u003e▼\u003c\/div\u003e\n\u003c\/div\u003e\n      \u003cdiv class=\"faq-a\"\u003eFunciona con prácticamente cualquier celular del mercado: iPhone (con o sin MagSafe), Samsung Galaxy, Xiaomi, Motorola, Huawei, OPPO y más. Solo necesitas pegar el anillo magnético adhesivo que viene incluido en la parte trasera de tu funda o celular — y listo.\u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"faq-item\"\u003e\n      \u003cdiv class=\"faq-q\" onclick=\"toggleFaq(this)\"\u003e¿Cuántas horas aguanta el frío y el calor?\u003cdiv class=\"faq-arr\"\u003e▼\u003c\/div\u003e\n\u003c\/div\u003e\n      \u003cdiv class=\"faq-a\"\u003eEl HydraSnap™ mantiene bebidas frías hasta 24 horas y calientes hasta 12 horas. Esto es posible gracias a su doble pared al vacío en acero inoxidable, que aísla la temperatura del exterior. Tu agua helada sigue helada al final del día y tu café caliente aguanta toda la mañana.\u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"faq-item\"\u003e\n      \u003cdiv class=\"faq-q\" onclick=\"toggleFaq(this)\"\u003e¿Qué tamaño tiene y cuánto líquido cabe?\u003cdiv class=\"faq-arr\"\u003e▼\u003c\/div\u003e\n\u003c\/div\u003e\n      \u003cdiv class=\"faq-a\"\u003eEl HydraSnap™ tiene una capacidad de 710 ml — suficiente para una sesión completa de gym o una jornada de trabajo sin necesidad de rellenar. Sus medidas son 24 × 8 × 8 cm — fácil de llevar en cualquier mochila o bolso sin que estorbe.\u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"faq-item\"\u003e\n      \u003cdiv class=\"faq-q\" onclick=\"toggleFaq(this)\"\u003e¿Cuánto dura el magnetismo del anillo? ¿Se gasta?\u003cdiv class=\"faq-arr\"\u003e▼\u003c\/div\u003e\n\u003c\/div\u003e\n      \u003cdiv class=\"faq-a\"\u003eEl anillo magnético es de neodimio y no pierde su magnetismo con el uso normal — puede durar 2 a 3 años o más. Lo que puede aflojarse con el tiempo es el adhesivo si se moja con frecuencia. Si eso pasa, puedes conseguir anillos magnéticos de repuesto en cualquier tienda de accesorios para celular, en Mercado Libre o directamente con nosotros por WhatsApp.\u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- ══════════════════════════════\n  12. AIDA — ZONA DE IMÁGENES\n══════════════════════════════ --\u003e\n\u003csection class=\"aida-section\"\u003e\n  \u003cp class=\"sec-label\"\u003eÚsalo en todas partes\u003c\/p\u003e\n  \u003ch2 class=\"sec-title\"\u003eHECHO PARA\u003cbr\u003e\u003cspan\u003eTU VIDA\u003c\/span\u003e\n\u003c\/h2\u003e\n  \u003cdiv class=\"sec-div left\"\u003e\u003c\/div\u003e\n  \u003cdiv class=\"aida-grid\"\u003e\n\n    \u003cdiv class=\"aida-card\"\u003e\n      \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0747\/4062\/9701\/files\/TE_GRAAS_EN_EL_GYM.png?v=1776217708\" alt=\"HydraSnap en el Gimnasio\"\u003e\n      \u003cdiv class=\"aida-body\"\u003e\n        \u003cdiv class=\"aida-ttl\"\u003e💪 En el gym — Tu camarógrafo personal\u003c\/div\u003e\n        \u003cdiv class=\"aida-desc\"\u003eGrábate sin depender de nadie. Sigue tus rutinas en video y mejora tu técnica cada sesión.\u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"aida-card\"\u003e\n      \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0747\/4062\/9701\/files\/PORTADA_USO.png?v=1776217709\" alt=\"HydraSnap Creando Contenido\"\u003e\n      \u003cdiv class=\"aida-body\"\u003e\n        \u003cdiv class=\"aida-ttl\"\u003e🎥 Creando contenido — Tu estudio portátil\u003c\/div\u003e\n        \u003cdiv class=\"aida-desc\"\u003eReels, TikToks, Shorts. Ángulo perfecto donde sea, cuando sea. Sin tripié ni ayuda.\u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003c!-- Home Office y Viaje: placeholders hasta tener fotos --\u003e\n    \u003cdiv class=\"aida-card\"\u003e\n      \u003cdiv style=\"width:100%;aspect-ratio:16\/9;background:var(--dark3);border-bottom:1px dashed var(--gray2);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;color:var(--muted);font-size:13px;font-family:'Syne',sans-serif;\"\u003e\n        \u003csvg width=\"36\" height=\"36\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.2\"\u003e\u003crect x=\"3\" y=\"3\" width=\"18\" height=\"18\" rx=\"3\"\u003e\u003c\/rect\u003e\u003ccircle cx=\"8.5\" cy=\"8.5\" r=\"1.5\"\u003e\u003c\/circle\u003e\u003cpolyline points=\"21 15 16 10 5 21\"\u003e\u003c\/polyline\u003e\u003c\/svg\u003e\n        \u003cspan\u003eFOTO EN HOME OFFICE\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"aida-body\"\u003e\n        \u003cdiv class=\"aida-ttl\"\u003e🧑‍💻 En casa — Productividad con estilo\u003c\/div\u003e\n        \u003cdiv class=\"aida-desc\"\u003eVideollamadas manos libres, celular siempre a la vista y tu bebida caliente al lado.\u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"aida-card\"\u003e\n      \u003cdiv style=\"width:100%;aspect-ratio:16\/9;background:var(--dark3);border-bottom:1px dashed var(--gray2);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;color:var(--muted);font-size:13px;font-family:'Syne',sans-serif;\"\u003e\n        \u003csvg width=\"36\" height=\"36\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.2\"\u003e\u003crect x=\"3\" y=\"3\" width=\"18\" height=\"18\" rx=\"3\"\u003e\u003c\/rect\u003e\u003ccircle cx=\"8.5\" cy=\"8.5\" r=\"1.5\"\u003e\u003c\/circle\u003e\u003cpolyline points=\"21 15 16 10 5 21\"\u003e\u003c\/polyline\u003e\u003c\/svg\u003e\n        \u003cspan\u003eFOTO EN MOVIMIENTO \/ VIAJE\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"aida-body\"\u003e\n        \u003cdiv class=\"aida-ttl\"\u003e🎒 En movimiento — Tu compañero de aventuras\u003c\/div\u003e\n        \u003cdiv class=\"aida-desc\"\u003eCaminatas, parque, viajes. Ligero, resistente y funcional donde la vida te lleve.\u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- FOOTER CTA FINAL --\u003e\n\u003csection class=\"footer-cta\"\u003e\n  \u003cp class=\"sec-label\"\u003e¿Listo para pedirlo?\u003c\/p\u003e\n  \u003ch2 class=\"sec-title\"\u003ePÍDELO HOY —\u003cbr\u003e\u003cspan\u003ePAGA AL RECIBIR\u003c\/span\u003e\n\u003c\/h2\u003e\n  \u003cp class=\"hook-desc\" style=\"margin:0 auto 36px\"\u003eSin riesgos, sin pagos por adelantado. Escríbenos y lo tienes en casa esta semana. Quedan pocas unidades al precio especial.\u003c\/p\u003e\n  \u003ca href=\"#\" onclick=\"document.getElementById('rsi_buy_now_button').click();return false;\" class=\"cta-btn\" style=\"max-width:440px;margin:0 auto\"\u003e🛒 QUIERO MI HYDRASNAP™ — $89.900\u003c\/a\u003e\n  \u003cp class=\"footer-note\"\u003e🚚 Envío gratis · 💳 Pago contra entrega · 🛡️ Garantía · 📞 Soporte por WhatsApp\u003c\/p\u003e\n\u003c\/section\u003e\n\n\n\u003c!-- ══════════════════════════════\n  BOTÓN STICKY MÓVIL\n══════════════════════════════ --\u003e\n\u003cdiv class=\"sticky-mobile\" id=\"stickyBtn\"\u003e\n  \u003ca href=\"#\" onclick=\"document.getElementById('rsi_buy_now_button').click();return false;\" class=\"cta-btn\"\u003e\n    🛒 QUIERO EL MÍO — $89.900 · PAGO AL RECIBIR\n  \u003c\/a\u003e\n\u003c\/div\u003e\n\n\u003cscript\u003e\n\/\/ OCULTAR STICKY CUANDO EL BOTÓN PRINCIPAL ES VISIBLE\nconst mainBtn = document.querySelector('.offer-section .cta-btn');\nconst stickyBtn = document.getElementById('stickyBtn');\nif(mainBtn \u0026\u0026 stickyBtn){\n  const obs = new IntersectionObserver(entries =\u003e {\n    stickyBtn.style.display = entries[0].isIntersecting ? 'none' : 'block';\n  }, { threshold: 0.5 });\n  obs.observe(mainBtn);\n}\n\n\/\/ SLIDER TESTIMONIOS\nlet currentSlide = 0;\nconst totalSlides = 4;\nfunction updateSlider() {\n  document.getElementById('tslider').style.transform = 'translateX(-' + (currentSlide * 100) + '%)';\n  document.querySelectorAll('.tdot').forEach((d,i) =\u003e d.classList.toggle('active', i === currentSlide));\n}\nfunction slideBy(dir) {\n  currentSlide = (currentSlide + dir + totalSlides) % totalSlides;\n  updateSlider();\n}\nfunction goToSlide(n) {\n  currentSlide = n;\n  updateSlider();\n}\n\n\/\/ FAQ\nfunction toggleFaq(el){\n  const item = el.parentElement;\n  const open = item.classList.contains('open');\n  document.querySelectorAll('.faq-item').forEach(i=\u003ei.classList.remove('open'));\n  if(!open) item.classList.add('open');\n}\n\u003c\/script\u003e\n\n\u003c\/body\u003e","brand":"Versa","offers":[{"title":"Default Title","offer_id":46087584579781,"sku":"LA-69","price":120000.0,"currency_code":"COP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0747\/4062\/9701\/files\/ChatGPT_Image_15_abr_2026_11_49_38.png?v=1776271867","url":"https:\/\/versa-col.com\/products\/termo-con-soporte-magnetico-la-69","provider":"Versa","version":"1.0","type":"link"}