{"product_id":"kit-urbano","title":"Kit Urbano","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\u003eKits Urbanos Premium — Tendi Store\u003c\/title\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@400;500;600;700;800\u0026amp;family=Inter:wght@400;500;600\u0026amp;family=IBM+Plex+Mono:wght@400;500;600\u0026amp;display=swap\" rel=\"stylesheet\"\u003e\n\u003cstyle\u003e\n\/* =====================\n   TOKENS\n   ===================== *\/\n:root{\n  --space:   #060b1a;\n  --surface: #0d1630;\n  --card:    #111d38;\n  --card-hi: #162040;\n  --cyan:    #00c8f0;\n  --cyan-dim:#00c8f01a;\n  --orange:  #ff6820;\n  --orange-dim:#ff68201a;\n  --gold:    #f0a830;\n  --gold-dim:#f0a8301a;\n  --text:    #e8eeff;\n  --muted:   #6a7a9a;\n  --line:    rgba(255,255,255,.08);\n  --r:       14px;\n  --r-sm:    8px;\n  --font-d:  'Space Grotesk', sans-serif;\n  --font-b:  'Inter', sans-serif;\n  --font-m:  'IBM Plex Mono', monospace;\n  --maxw:    1200px;\n}\n\n\/* =====================\n   RESET\n   ===================== *\/\n*, *::before, *::after { box-sizing:border-box; margin:0; padding:0; }\nhtml { scroll-behavior:smooth; }\n@media(prefers-reduced-motion:reduce){ html{ scroll-behavior:auto; } *{ animation:none!important; transition:none!important; } }\nbody { background:var(--space); color:var(--text); font-family:var(--font-b); line-height:1.55; -webkit-font-smoothing:antialiased; }\nimg  { display:block; max-width:100%; }\na    { color:inherit; }\n.wrap{ max-width:var(--maxw); margin:0 auto; padding:0 24px; }\n:focus-visible{ outline:2px solid var(--cyan); outline-offset:4px; }\n\n\/* =====================\n   UTILITIES\n   ===================== *\/\n.eyebrow{\n  display:inline-flex; align-items:center; gap:8px;\n  font-family:var(--font-m); font-size:12px; letter-spacing:.12em; text-transform:uppercase;\n  color:var(--cyan); background:var(--cyan-dim); border:1px solid rgba(0,200,240,.3);\n  border-radius:999px; padding:6px 14px;\n}\n.tag{\n  font-family:var(--font-m); font-size:11px; letter-spacing:.1em; text-transform:uppercase;\n  color:var(--muted);\n}\n\n\/* =====================\n   BUTTONS\n   ===================== *\/\n.btn-primary{\n  display:inline-flex; align-items:center; justify-content:center; gap:10px;\n  font-family:var(--font-d); font-weight:700; font-size:18px; letter-spacing:-.01em;\n  padding:17px 32px; border-radius:10px; border:none; cursor:pointer; text-decoration:none;\n  background:linear-gradient(135deg, var(--cyan) 0%, #0090b8 100%);\n  color:var(--space);\n  box-shadow: 0 0 28px rgba(0,200,240,.35);\n  transition:transform .15s ease, box-shadow .15s ease;\n}\n.btn-primary:hover{ transform:translateY(-2px); box-shadow:0 0 40px rgba(0,200,240,.5); }\n.btn-primary:active{ transform:translateY(0); }\n.btn-primary[disabled]{ opacity:.6; cursor:wait; transform:none; }\n\n.btn-ghost{\n  display:inline-flex; align-items:center; gap:8px;\n  font-family:var(--font-m); font-size:13px; letter-spacing:.06em;\n  padding:9px 18px; border-radius:8px; border:1px solid rgba(255,255,255,.2);\n  color:var(--text); background:transparent; cursor:pointer; text-decoration:none;\n  transition:border-color .15s, background .15s;\n}\n.btn-ghost:hover{ border-color:var(--cyan); background:var(--cyan-dim); }\n\n\/* =====================\n   HEADER\n   ===================== *\/\nheader.site{\n  padding:18px 0;\n  border-bottom:1px solid var(--line);\n  position:sticky; top:0; z-index:100;\n  background:rgba(6,11,26,.9);\n  backdrop-filter:blur(12px);\n}\nheader.site .wrap{ display:flex; align-items:center; justify-content:space-between; }\n.logo{ font-family:var(--font-d); font-weight:800; font-size:22px; letter-spacing:-.02em; }\n.logo span{ color:var(--cyan); }\n\n\/* =====================\n   HERO\n   ===================== *\/\n.hero{\n  padding:72px 0 64px;\n  position:relative; overflow:hidden;\n}\n.hero::before{\n  content:'';\n  position:absolute; inset:0;\n  background:\n    radial-gradient(ellipse 60% 50% at 20% 50%, rgba(0,200,240,.1), transparent),\n    radial-gradient(ellipse 50% 50% at 85% 60%, rgba(255,104,32,.1), transparent);\n  pointer-events:none;\n}\n\/* scan line *\/\n.hero::after{\n  content:'';\n  position:absolute; left:0; right:0; height:1px;\n  background:linear-gradient(90deg, transparent, var(--cyan), transparent);\n  animation:scanline 4s linear infinite;\n  opacity:.4;\n}\n@keyframes scanline{ from{top:-1px} to{top:100%} }\n\n.hero-grid{ display:grid; grid-template-columns:1fr 1fr; gap:64px; align-items:center; }\n@media(max-width:860px){ .hero-grid{ grid-template-columns:1fr; gap:40px; } }\n\n.hero h1{\n  font-family:var(--font-d); font-weight:800;\n  font-size:clamp(36px,4.8vw,58px); line-height:1.06; letter-spacing:-.025em;\n  margin:16px 0 20px;\n}\n.hero h1 .hi{ color:var(--cyan); }\n.hero p.sub{ font-size:17px; color:#9aa5c0; max-width:44ch; margin:0 0 30px; }\n\n\/* Kit pill selector *\/\n.kit-pills{ display:flex; gap:10px; flex-wrap:wrap; margin-bottom:28px; }\n.kit-pill{\n  font-family:var(--font-m); font-size:13px; letter-spacing:.04em;\n  padding:9px 18px; border-radius:999px;\n  border:1px solid rgba(255,255,255,.15);\n  background:transparent; color:var(--muted); cursor:pointer;\n  transition:all .2s ease;\n}\n.kit-pill:hover{ border-color:var(--cyan); color:var(--cyan); }\n.kit-pill.active{ border-color:var(--cyan); background:var(--cyan-dim); color:var(--cyan); }\n\n.hero-img-wrap{\n  position:relative;\n}\n.hero-img-wrap img{\n  border-radius:16px;\n  box-shadow: 0 0 80px rgba(0,200,240,.2), 0 40px 80px rgba(0,0,0,.5);\n  transition:opacity .3s ease, transform .3s ease;\n  width:100%;\n}\n\n\/* =====================\n   PRICE \/ CTA BLOCK\n   ===================== *\/\n.price-block{ margin-bottom:30px; }\n.price-old{\n  font-family:var(--font-m); font-size:15px; color:var(--muted);\n  text-decoration:line-through; margin-bottom:4px;\n}\n.price-now{\n  font-family:var(--font-d); font-weight:800;\n  font-size:clamp(42px,5vw,60px); line-height:1; letter-spacing:-.03em;\n  color:var(--gold);\n}\n.price-now .currency{ font-size:.45em; vertical-align:super; margin-right:2px; color:var(--gold); }\n.price-note{ font-family:var(--font-m); font-size:12.5px; color:var(--muted); margin-top:8px; }\n\n\/* =====================\n   WHAT'S INSIDE TAG\n   ===================== *\/\n.inside{\n  display:flex; flex-wrap:wrap; gap:8px; margin-top:20px;\n}\n.inside-chip{\n  display:flex; align-items:center; gap:7px;\n  font-family:var(--font-m); font-size:12.5px; color:#b0bcd8;\n  background:var(--card); border:1px solid var(--line);\n  border-radius:8px; padding:8px 13px;\n}\n.inside-chip .dot{ width:7px; height:7px; border-radius:50%; background:var(--cyan); flex:none; }\n\n\/* =====================\n   TRUST BAR\n   ===================== *\/\n.trust-bar{\n  border-top:1px solid var(--line); border-bottom:1px solid var(--line);\n  padding:20px 0;\n}\n.trust-bar .wrap{\n  display:flex; flex-wrap:wrap; gap:12px 36px;\n  justify-content:center; align-items:center;\n  font-family:var(--font-m); font-size:13px; color:var(--muted);\n}\n\n\/* =====================\n   SECTIONS\n   ===================== *\/\n.section{ padding:72px 0; }\n.section.alt{ background:rgba(255,255,255,.025); }\n\n.section-head{ max-width:58ch; margin-bottom:40px; }\n.section-head h2{\n  font-family:var(--font-d); font-weight:700;\n  font-size:clamp(26px,3.2vw,38px); letter-spacing:-.02em;\n  margin:12px 0 10px;\n}\n.section-head p{ color:#8a98b8; font-size:17px; }\n\n\/* =====================\n   KIT CARDS — COMPARISON\n   ===================== *\/\n.kit-grid{ display:grid; grid-template-columns:repeat(3,1fr); gap:20px; }\n@media(max-width:900px){ .kit-grid{ grid-template-columns:1fr; } }\n\n.kit-card{\n  background:var(--card); border:1px solid var(--line);\n  border-radius:var(--r); overflow:hidden;\n  transition:transform .2s ease, box-shadow .2s ease, border-color .2s ease;\n  position:relative;\n}\n.kit-card:hover{\n  transform:translateY(-4px);\n  box-shadow:0 20px 50px rgba(0,0,0,.4), 0 0 30px rgba(0,200,240,.1);\n  border-color:rgba(0,200,240,.4);\n}\n.kit-card.featured{\n  border-color:var(--gold);\n  box-shadow:0 0 0 1px var(--gold), 0 0 40px rgba(240,168,48,.15);\n}\n.kit-card.featured .kit-top{ background:linear-gradient(180deg, rgba(240,168,48,.12), transparent); }\n.featured-label{\n  position:absolute; top:16px; right:16px;\n  font-family:var(--font-m); font-size:11px; letter-spacing:.1em; text-transform:uppercase;\n  background:var(--gold); color:var(--space); padding:5px 12px; border-radius:999px;\n  font-weight:600;\n}\n.kit-top img{ width:100%; aspect-ratio:1\/1; object-fit:cover; }\n.kit-body{ padding:22px; }\n.kit-name{\n  font-family:var(--font-d); font-weight:700; font-size:20px;\n  letter-spacing:-.01em; margin:0 0 4px;\n}\n.kit-sub{ font-size:14px; color:var(--muted); margin-bottom:16px; }\n.kit-items{ list-style:none; margin-bottom:20px; }\n.kit-items li{\n  display:flex; align-items:center; gap:10px;\n  font-size:14.5px; padding:9px 0; border-bottom:1px solid var(--line);\n  color:#c0cce0;\n}\n.kit-items li:last-child{ border-bottom:none; }\n.kit-items li::before{\n  content:''; width:6px; height:6px; border-radius:1px;\n  background:var(--cyan); flex:none; transform:rotate(45deg);\n}\n.kit-price{\n  font-family:var(--font-d); font-weight:800; font-size:30px;\n  letter-spacing:-.02em; color:var(--gold); margin-bottom:14px;\n}\n.kit-price .curr{ font-size:.6em; color:var(--gold); }\n.kit-card .btn-primary{ width:100%; font-size:16px; padding:14px; }\n\n\/* =====================\n   FEATURES GRID\n   ===================== *\/\n.feat-grid{ display:grid; grid-template-columns:repeat(3,1fr); gap:18px; }\n@media(max-width:860px){ .feat-grid{ grid-template-columns:repeat(2,1fr); } }\n@media(max-width:480px){ .feat-grid{ grid-template-columns:1fr; } }\n\n.feat{\n  background:var(--card); border:1px solid var(--line);\n  border-radius:var(--r); padding:24px;\n  transition:border-color .2s;\n}\n.feat:hover{ border-color:rgba(0,200,240,.3); }\n.feat .icon{\n  width:44px; height:44px; border-radius:10px;\n  background:var(--cyan-dim); border:1px solid rgba(0,200,240,.25);\n  display:flex; align-items:center; justify-content:center;\n  font-size:22px; margin-bottom:14px;\n}\n.feat h3{ font-family:var(--font-d); font-size:17px; font-weight:600; margin-bottom:8px; }\n.feat p{ font-size:14.5px; color:var(--muted); }\n\n\/* =====================\n   GUARANTEE\n   ===================== *\/\n.guarantee{\n  background:var(--card); border:1px solid var(--line);\n  border-radius:var(--r); padding:44px;\n  display:grid; grid-template-columns:auto 1fr; gap:32px; align-items:center;\n}\n@media(max-width:640px){ .guarantee{ grid-template-columns:1fr; } }\n.guarantee .stamp{\n  width:90px; height:90px; border-radius:50%;\n  border:2px dashed var(--gold); flex:none;\n  display:flex; align-items:center; justify-content:center;\n  font-family:var(--font-d); font-size:13px; font-weight:700;\n  color:var(--gold); text-align:center; line-height:1.3;\n}\n.guarantee h3{ font-family:var(--font-d); font-weight:700; font-size:22px; margin-bottom:10px; }\n.guarantee p{ color:#8a98b8; font-size:15.5px; }\n\n\/* =====================\n   FAQ\n   ===================== *\/\ndetails.faq{ border-bottom:1px solid var(--line); }\ndetails.faq summary{\n  cursor:pointer; list-style:none;\n  display:flex; justify-content:space-between; align-items:center;\n  padding:20px 4px;\n  font-family:var(--font-d); font-weight:600; font-size:16.5px;\n}\ndetails.faq summary::-webkit-details-marker{ display:none; }\ndetails.faq summary::after{ content:\"+\"; font-size:22px; color:var(--cyan); transition:transform .15s; }\ndetails.faq[open] summary::after{ transform:rotate(45deg); }\ndetails.faq p{ margin:0 0 20px; color:var(--muted); font-size:15.5px; max-width:64ch; }\n\n\/* =====================\n   FINAL CTA\n   ===================== *\/\n.final-cta{\n  border-radius:var(--r); padding:56px 40px;\n  text-align:center;\n  background:linear-gradient(135deg, #0a1528 0%, #0d1a30 50%, #0a1020 100%);\n  border:1px solid rgba(0,200,240,.2);\n  position:relative; overflow:hidden;\n}\n.final-cta::before{\n  content:'';\n  position:absolute; inset:0;\n  background:radial-gradient(ellipse 70% 60% at 50% 0%, rgba(0,200,240,.12), transparent);\n  pointer-events:none;\n}\n.final-cta h2{\n  font-family:var(--font-d); font-weight:800;\n  font-size:clamp(28px,4vw,42px); letter-spacing:-.02em;\n  margin-bottom:14px;\n}\n.final-cta p{ color:#8a98b8; font-size:17px; margin-bottom:36px; max-width:52ch; margin-left:auto; margin-right:auto; }\n.cta-kit-row{ display:flex; flex-wrap:wrap; gap:16px; justify-content:center; }\n\n\/* =====================\n   FOOTER TRUST\n   ===================== *\/\nfooter.trust{\n  background:var(--surface); border-top:1px solid var(--line);\n  padding:24px 0;\n}\nfooter.trust .wrap{\n  display:flex; flex-wrap:wrap; gap:14px 32px;\n  justify-content:center; font-family:var(--font-m);\n  font-size:13px; color:var(--muted); text-align:center;\n}\n\n\/* =====================\n   REVEAL\n   ===================== *\/\n.reveal{ opacity:0; transform:translateY(18px); transition:opacity .5s ease, transform .5s ease; }\n.reveal.in{ opacity:1; transform:translateY(0); }\n\u003c\/style\u003e\n\n\n\n\u003c!-- =================== HEADER =================== --\u003e\n\u003cheader class=\"site\"\u003e\n  \u003cdiv class=\"wrap\"\u003e\n    \u003cdiv class=\"logo\"\u003eten\u003cspan\u003edi\u003c\/span\u003e\n\u003c\/div\u003e\n    \u003ca href=\"#kits\" class=\"btn-ghost\"\u003eVer todos los kits ↓\u003c\/a\u003e\n  \u003c\/div\u003e\n\u003c\/header\u003e\n\n\u003c!-- =================== HERO =================== --\u003e\n\u003csection class=\"hero\"\u003e\n  \u003cdiv class=\"wrap hero-grid\"\u003e\n    \u003cdiv\u003e\n      \u003cspan class=\"eyebrow\"\u003e🇵🇪 Envío a todo el Perú\u003c\/span\u003e\n      \u003ch1\u003eEl kit que te prepara para \u003cspan class=\"hi\"\u003etodo el día.\u003c\/span\u003e\n\u003c\/h1\u003e\n      \u003cp class=\"sub\"\u003eTechnología, estilo y utilidad en un solo pedido. Elige el kit que se adapta a tu ritmo y recíbelo en tu puerta.\u003c\/p\u003e\n\n      \u003c!-- Selector de kit --\u003e\n      \u003cdiv class=\"kit-pills\"\u003e\n        \u003cbutton class=\"kit-pill active\" data-kit=\"urbano\" type=\"button\"\u003eKit Urbano\u003c\/button\u003e\n        \u003cbutton class=\"kit-pill\" data-kit=\"ejecutivo\" type=\"button\"\u003eKit Ejecutivo\u003c\/button\u003e\n        \u003cbutton class=\"kit-pill\" data-kit=\"completo\" type=\"button\"\u003eKit Completo\u003c\/button\u003e\n      \u003c\/div\u003e\n\n      \u003c!-- Precio dinámico --\u003e\n      \u003cdiv class=\"price-block\"\u003e\n        \u003cdiv class=\"price-now\" id=\"heroPrice\"\u003e\n\u003cspan class=\"currency\"\u003eS\/\u003c\/span\u003e\u003cspan id=\"heroPriceNum\"\u003e139\u003c\/span\u003e\n\u003c\/div\u003e\n        \u003cdiv class=\"price-note\" id=\"heroPriceNote\"\u003ePago único · Incluye envío\u003c\/div\u003e\n      \u003c\/div\u003e\n\n      \u003cbutton class=\"btn-primary\" id=\"heroBtn\" type=\"button\"\u003eQuiero este kit →\u003c\/button\u003e\n      \u003cp style=\"font-family:var(--font-m);font-size:12px;color:var(--muted);margin-top:12px;\"\u003e🔒 Pago seguro · ⚡ Despacho rápido · 🔄 Cambio garantizado\u003c\/p\u003e\n\n      \u003c!-- Contenido del kit seleccionado --\u003e\n      \u003cdiv class=\"inside\" id=\"heroChips\"\u003e\n        \u003cspan class=\"inside-chip\"\u003e\u003cspan class=\"dot\"\u003e\u003c\/span\u003eMorral antirrobo\u003c\/span\u003e\n        \u003cspan class=\"inside-chip\"\u003e\u003cspan class=\"dot\"\u003e\u003c\/span\u003eCargador portátil\u003c\/span\u003e\n        \u003cspan class=\"inside-chip\"\u003e\u003cspan class=\"dot\"\u003e\u003c\/span\u003eAudífonos inalámbricos\u003c\/span\u003e\n        \u003cspan class=\"inside-chip\"\u003e\u003cspan class=\"dot\"\u003e\u003c\/span\u003eLinterna integrada\u003c\/span\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"hero-img-wrap\"\u003e\n      \u003cimg id=\"heroImg\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0825\/8817\/2507\/files\/kit_urbano.jpg?v=1783978271\" alt=\"Kit Urbano 3 en 1 — Morral, audífonos y cargador portátil\"\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- =================== TRUST BAR =================== --\u003e\n\u003cdiv class=\"trust-bar\"\u003e\n  \u003cdiv class=\"wrap\"\u003e\n    \u003cspan\u003e🔒 Pago 100% seguro\u003c\/span\u003e\n    \u003cspan\u003e📦 Envío a todo el Perú\u003c\/span\u003e\n    \u003cspan\u003e⭐ Productos verificados\u003c\/span\u003e\n    \u003cspan\u003e🔄 Cambio sin complicaciones\u003c\/span\u003e\n    \u003cspan\u003e📞 Soporte por WhatsApp\u003c\/span\u003e\n  \u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003c!-- =================== KIT CARDS =================== --\u003e\n\u003csection class=\"section\" id=\"kits\"\u003e\n  \u003cdiv class=\"wrap\"\u003e\n    \u003cdiv class=\"section-head reveal\"\u003e\n      \u003cspan class=\"eyebrow\"\u003eElige tu kit\u003c\/span\u003e\n      \u003ch2\u003eTres opciones. Una sola decisión.\u003c\/h2\u003e\n      \u003cp\u003eCada kit está armado para que salgas con todo lo que necesitas, sin cargar de más.\u003c\/p\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"kit-grid\"\u003e\n\n      \u003c!-- KIT URBANO --\u003e\n      \u003cdiv class=\"kit-card reveal\"\u003e\n        \u003cdiv class=\"kit-top\"\u003e\n          \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0825\/8817\/2507\/files\/kit_urbano.jpg?v=1783978271\" alt=\"Kit Urbano 3 en 1\"\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"kit-body\"\u003e\n          \u003cdiv class=\"tag\"\u003e3 en 1 · Tecnología urbana\u003c\/div\u003e\n          \u003ch3 class=\"kit-name\"\u003eKit Urbano\u003c\/h3\u003e\n          \u003cp class=\"kit-sub\"\u003ePara el que vive conectado y siempre en movimiento\u003c\/p\u003e\n          \u003cul class=\"kit-items\"\u003e\n            \u003cli\u003eMorral antirrobo impermeable\u003c\/li\u003e\n            \u003cli\u003eCargador portátil con display LED\u003c\/li\u003e\n            \u003cli\u003eAudífonos TWS con cancelación de ruido\u003c\/li\u003e\n            \u003cli\u003eLinterna integrada en el estuche\u003c\/li\u003e\n          \u003c\/ul\u003e\n          \u003cdiv class=\"kit-price\"\u003e\n\u003cspan class=\"curr\"\u003eS\/\u003c\/span\u003e139\u003c\/div\u003e\n          \u003cbutton class=\"btn-primary\" data-kit=\"urbano\" type=\"button\" onclick=\"handleBuy('urbano')\"\u003eAgregar al carrito\u003c\/button\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n\n      \u003c!-- KIT EJECUTIVO (FEATURED) --\u003e\n      \u003cdiv class=\"kit-card featured reveal\"\u003e\n        \u003cspan class=\"featured-label\"\u003e⭐ Más vendido\u003c\/span\u003e\n        \u003cdiv class=\"kit-top\"\u003e\n          \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0825\/8817\/2507\/files\/kit_ejecutivo.jpg?v=1783978272\" alt=\"Kit Ejecutivo 3 en 1\"\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"kit-body\"\u003e\n          \u003cdiv class=\"tag\"\u003e3 en 1 · Estilo profesional\u003c\/div\u003e\n          \u003ch3 class=\"kit-name\"\u003eKit Ejecutivo\u003c\/h3\u003e\n          \u003cp class=\"kit-sub\"\u003ePara el profesional que cuida cada detalle de su imagen\u003c\/p\u003e\n          \u003cul class=\"kit-items\"\u003e\n            \u003cli\u003eMorral antirrobo premium bicolor\u003c\/li\u003e\n            \u003cli\u003eCargador portátil 20Ah carga rápida\u003c\/li\u003e\n            \u003cli\u003eReloj cronógrafo elegante negro\u003c\/li\u003e\n          \u003c\/ul\u003e\n          \u003cdiv class=\"kit-price\"\u003e\n\u003cspan class=\"curr\"\u003eS\/\u003c\/span\u003e119\u003c\/div\u003e\n          \u003cbutton class=\"btn-primary\" data-kit=\"ejecutivo\" type=\"button\" onclick=\"handleBuy('ejecutivo')\"\u003eAgregar al carrito\u003c\/button\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n\n      \u003c!-- KIT COMPLETO --\u003e\n      \u003cdiv class=\"kit-card reveal\"\u003e\n        \u003cdiv class=\"kit-top\"\u003e\n          \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0825\/8817\/2507\/files\/kit_completo.jpg?v=1783978271\" alt=\"Kit Completo 4 en 1\"\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"kit-body\"\u003e\n          \u003cdiv class=\"tag\"\u003e4 en 1 · El kit total\u003c\/div\u003e\n          \u003ch3 class=\"kit-name\"\u003eKit Completo\u003c\/h3\u003e\n          \u003cp class=\"kit-sub\"\u003eLo mejor de los dos mundos. Tecnología y estilo en un solo kit.\u003c\/p\u003e\n          \u003cul class=\"kit-items\"\u003e\n            \u003cli\u003eMorral antirrobo premium bicolor\u003c\/li\u003e\n            \u003cli\u003eCargador portátil 20Ah carga rápida\u003c\/li\u003e\n            \u003cli\u003eAudífonos TWS con cancelación de ruido\u003c\/li\u003e\n            \u003cli\u003eReloj cronógrafo elegante negro\u003c\/li\u003e\n          \u003c\/ul\u003e\n          \u003cdiv class=\"kit-price\"\u003e\n\u003cspan class=\"curr\"\u003eS\/\u003c\/span\u003e149\u003c\/div\u003e\n          \u003cbutton class=\"btn-primary\" data-kit=\"completo\" type=\"button\" onclick=\"handleBuy('completo')\"\u003eAgregar al carrito\u003c\/button\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- =================== FEATURES =================== --\u003e\n\u003csection class=\"section alt\"\u003e\n  \u003cdiv class=\"wrap\"\u003e\n    \u003cdiv class=\"section-head reveal\"\u003e\n      \u003cspan class=\"eyebrow\"\u003ePor qué Tendi\u003c\/span\u003e\n      \u003ch2\u003eProductos que se notan. Calidad que se siente.\u003c\/h2\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"feat-grid\"\u003e\n      \u003cdiv class=\"feat reveal\"\u003e\n        \u003cdiv class=\"icon\"\u003e🎒\u003c\/div\u003e\n        \u003ch3\u003eMorral antirrobo\u003c\/h3\u003e\n        \u003cp\u003eMaterial resistente al agua, cremalleras ocultas y diseño ergonómico que cuida lo que más importa.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"feat reveal\"\u003e\n        \u003cdiv class=\"icon\"\u003e🔋\u003c\/div\u003e\n        \u003ch3\u003eCargador portátil 20Ah\u003c\/h3\u003e\n        \u003cp\u003eDisplay LED que muestra el nivel exacto de carga. Tres puertos USB de carga rápida para todos tus dispositivos.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"feat reveal\"\u003e\n        \u003cdiv class=\"icon\"\u003e🎧\u003c\/div\u003e\n        \u003ch3\u003eAudífonos TWS\u003c\/h3\u003e\n        \u003cp\u003eCancelación de ruido activa, conexión Bluetooth estable y hasta 6 horas de batería continua.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"feat reveal\"\u003e\n        \u003cdiv class=\"icon\"\u003e⌚\u003c\/div\u003e\n        \u003ch3\u003eReloj cronógrafo\u003c\/h3\u003e\n        \u003cp\u003eDiseño negro mate con movimiento de cuarzo. Correa metálica ajustable. Resistente a salpicaduras.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"feat reveal\"\u003e\n        \u003cdiv class=\"icon\"\u003e🔦\u003c\/div\u003e\n        \u003ch3\u003eLinterna integrada\u003c\/h3\u003e\n        \u003cp\u003eIncluida en el estuche de los audífonos. Para cuando la necesitas y no esperabas necesitarla.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"feat reveal\"\u003e\n        \u003cdiv class=\"icon\"\u003e📦\u003c\/div\u003e\n        \u003ch3\u003eTodo en un kit\u003c\/h3\u003e\n        \u003cp\u003eUn solo pedido, una sola entrega. Sin buscar cada producto por separado ni pagar envío múltiple.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- =================== GUARANTEE =================== --\u003e\n\u003csection class=\"section\"\u003e\n  \u003cdiv class=\"wrap\" style=\"max-width:800px;\"\u003e\n    \u003cdiv class=\"guarantee reveal\"\u003e\n      \u003cdiv class=\"stamp\"\u003eCAMBIO\u003cbr\u003eGARANTIZADO\u003c\/div\u003e\n      \u003cdiv\u003e\n        \u003ch3\u003eSi algo no está bien, lo resolvemos.\u003c\/h3\u003e\n        \u003cp\u003eSi tu pedido llega con algún defecto o problema, coordina el cambio directo con nosotros por WhatsApp. Sin formularios complicados ni esperas largas.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- =================== FAQ =================== --\u003e\n\u003csection class=\"section alt\"\u003e\n  \u003cdiv class=\"wrap\" style=\"max-width:760px;\"\u003e\n    \u003cdiv class=\"section-head reveal\"\u003e\n      \u003cspan class=\"eyebrow\"\u003ePreguntas frecuentes\u003c\/span\u003e\n      \u003ch2\u003eAntes de que lo preguntes\u003c\/h2\u003e\n    \u003c\/div\u003e\n\n    \u003cdetails class=\"faq reveal\" open\u003e\n      \u003csummary\u003e¿Hacen envíos a toda Lima y provincias?\u003c\/summary\u003e\n      \u003cp\u003eSí, enviamos a todo el Perú. Lima metropolitana generalmente entre 1 y 3 días hábiles; provincias entre 3 y 7 días hábiles dependiendo de la zona.\u003c\/p\u003e\n    \u003c\/details\u003e\n\n    \u003cdetails class=\"faq reveal\"\u003e\n      \u003csummary\u003e¿Puedo pedir solo uno de los productos del kit?\u003c\/summary\u003e\n      \u003cp\u003eLos kits están pensados como paquete completo para darte el mejor precio. Si te interesa un producto en particular, escríbenos por WhatsApp y con gusto te ayudamos.\u003c\/p\u003e\n    \u003c\/details\u003e\n\n    \u003cdetails class=\"faq reveal\"\u003e\n      \u003csummary\u003e¿Los audífonos funcionan con iPhone y Android?\u003c\/summary\u003e\n      \u003cp\u003eSí. Los audífonos TWS tienen Bluetooth 5.0 y son compatibles con iOS y Android sin ninguna app adicional.\u003c\/p\u003e\n    \u003c\/details\u003e\n\n    \u003cdetails class=\"faq reveal\"\u003e\n      \u003csummary\u003e¿Qué métodos de pago aceptan?\u003c\/summary\u003e\n      \u003cp\u003eAceptamos tarjetas de crédito y débito (Visa, Mastercard), Yape, Plin y transferencia bancaria.\u003c\/p\u003e\n    \u003c\/details\u003e\n\n    \u003cdetails class=\"faq reveal\"\u003e\n      \u003csummary\u003e¿El morral realmente es antirrobo?\u003c\/summary\u003e\n      \u003cp\u003eEl diseño tiene las cremalleras y bolsillos principales en la parte trasera (pegada a tu cuerpo), lo que hace prácticamente imposible que alguien acceda sin que te des cuenta. El material también resiste lluvia ligera.\u003c\/p\u003e\n    \u003c\/details\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- =================== FINAL CTA =================== --\u003e\n\u003csection class=\"section\"\u003e\n  \u003cdiv class=\"wrap\"\u003e\n    \u003cdiv class=\"final-cta reveal\"\u003e\n      \u003ch2\u003e¿Cuál kit va contigo hoy?\u003c\/h2\u003e\n      \u003cp\u003eUn solo pedido. Todo lo que necesitas. Entregado en tu puerta.\u003c\/p\u003e\n      \u003cdiv class=\"cta-kit-row\"\u003e\n        \u003cdiv style=\"text-align:center;\"\u003e\n          \u003cdiv style=\"font-family:var(--font-m);font-size:12px;color:var(--muted);margin-bottom:8px;letter-spacing:.08em;text-transform:uppercase;\"\u003eKit Urbano\u003c\/div\u003e\n          \u003cdiv style=\"font-family:var(--font-d);font-weight:800;font-size:28px;color:var(--gold);margin-bottom:10px;\"\u003eS\/139\u003c\/div\u003e\n          \u003cbutton class=\"btn-primary\" style=\"font-size:15px;padding:13px 22px;\" onclick=\"handleBuy('urbano')\" type=\"button\"\u003eComprar\u003c\/button\u003e\n        \u003c\/div\u003e\n        \u003cdiv style=\"text-align:center;\"\u003e\n          \u003cdiv style=\"font-family:var(--font-m);font-size:12px;color:var(--gold);margin-bottom:8px;letter-spacing:.08em;text-transform:uppercase;\"\u003e⭐ Kit Ejecutivo\u003c\/div\u003e\n          \u003cdiv style=\"font-family:var(--font-d);font-weight:800;font-size:28px;color:var(--gold);margin-bottom:10px;\"\u003eS\/119\u003c\/div\u003e\n          \u003cbutton class=\"btn-primary\" style=\"font-size:15px;padding:13px 22px;\" onclick=\"handleBuy('ejecutivo')\" type=\"button\"\u003eComprar\u003c\/button\u003e\n        \u003c\/div\u003e\n        \u003cdiv style=\"text-align:center;\"\u003e\n          \u003cdiv style=\"font-family:var(--font-m);font-size:12px;color:var(--muted);margin-bottom:8px;letter-spacing:.08em;text-transform:uppercase;\"\u003eKit Completo\u003c\/div\u003e\n          \u003cdiv style=\"font-family:var(--font-d);font-weight:800;font-size:28px;color:var(--gold);margin-bottom:10px;\"\u003eS\/149\u003c\/div\u003e\n          \u003cbutton class=\"btn-primary\" style=\"font-size:15px;padding:13px 22px;\" onclick=\"handleBuy('completo')\" type=\"button\"\u003eComprar\u003c\/button\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- =================== FOOTER =================== --\u003e\n\u003cfooter class=\"trust\"\u003e\n  \u003cdiv class=\"wrap\"\u003e\n    \u003cspan\u003e🔒 Pago 100% seguro\u003c\/span\u003e\n    \u003cspan\u003e📦 Envío a todo el Perú\u003c\/span\u003e\n    \u003cspan\u003e💬 Soporte WhatsApp\u003c\/span\u003e\n    \u003cspan\u003e🔄 Cambio garantizado\u003c\/span\u003e\n  \u003c\/div\u003e\n\u003c\/footer\u003e\n\n\u003c!-- =================== JAVASCRIPT =================== --\u003e\n\u003cscript\u003e\n\/\/ ---- Kit data ----\nconst KITS = {\n  urbano: {\n    price: '139',\n    note: 'Morral + Audífonos + Cargador · Incluye envío',\n    img: 'https:\/\/cdn.shopify.com\/s\/files\/1\/0825\/8817\/2507\/files\/kit_urbano.jpg?v=1783978271',\n    imgAlt: 'Kit Urbano 3 en 1',\n    chips: ['Morral antirrobo', 'Cargador portátil', 'Audífonos inalámbricos', 'Linterna integrada'],\n    \/\/ ⚠️ Reemplaza con el Variant ID real de Shopify (tendi.store)\n    variantId: 'VARIANT_URBANO',\n  },\n  ejecutivo: {\n    price: '119',\n    note: 'Morral + Reloj + Cargador · Incluye envío',\n    img: 'https:\/\/cdn.shopify.com\/s\/files\/1\/0825\/8817\/2507\/files\/kit_ejecutivo.jpg?v=1783978272',\n    imgAlt: 'Kit Ejecutivo 3 en 1',\n    chips: ['Morral antirrobo', 'Cargador portátil 20Ah', 'Reloj cronógrafo negro'],\n    variantId: 'VARIANT_EJECUTIVO',\n  },\n  completo: {\n    price: '149',\n    note: 'Morral + Audífonos + Reloj + Cargador · Incluye envío',\n    img: 'https:\/\/cdn.shopify.com\/s\/files\/1\/0825\/8817\/2507\/files\/kit_completo.jpg?v=1783978271',\n    imgAlt: 'Kit Completo 4 en 1',\n    chips: ['Morral antirrobo', 'Cargador portátil 20Ah', 'Audífonos inalámbricos', 'Reloj cronógrafo negro'],\n    variantId: 'VARIANT_COMPLETO',\n  }\n};\n\nlet activeKit = 'urbano';\n\n\/\/ ---- Pill selector ----\ndocument.querySelectorAll('.kit-pill').forEach(btn =\u003e {\n  btn.addEventListener('click', () =\u003e {\n    const kit = btn.dataset.kit;\n    activeKit = kit;\n    document.querySelectorAll('.kit-pill').forEach(p =\u003e p.classList.remove('active'));\n    btn.classList.add('active');\n    updateHero(kit);\n  });\n});\n\nfunction updateHero(kit) {\n  const d = KITS[kit];\n  const img = document.getElementById('heroImg');\n  img.style.opacity = '0';\n  img.style.transform = 'scale(.97)';\n  setTimeout(() =\u003e {\n    img.src = d.img;\n    img.alt = d.imgAlt;\n    img.style.opacity = '1';\n    img.style.transform = 'scale(1)';\n  }, 200);\n  document.getElementById('heroPriceNum').textContent = d.price;\n  document.getElementById('heroPriceNote').textContent = d.note;\n  const chips = document.getElementById('heroChips');\n  chips.innerHTML = d.chips.map(c =\u003e\n    `\u003cspan class=\"inside-chip\"\u003e\u003cspan class=\"dot\"\u003e\u003c\/span\u003e${c}\u003c\/span\u003e`\n  ).join('');\n}\n\n\/\/ ---- Buy function ----\nasync function handleBuy(kitKey) {\n  const btn = event.currentTarget;\n  btn.disabled = true;\n  const original = btn.textContent;\n  btn.textContent = 'Procesando...';\n  const variantId = KITS[kitKey].variantId;\n  try {\n    const res = await fetch('\/cart\/add.js', {\n      method: 'POST',\n      headers: { 'Content-Type': 'application\/json' },\n      body: JSON.stringify({ items: [{ id: variantId, quantity: 1 }] })\n    });\n    if (!res.ok) throw new Error('cart error');\n    window.location.href = '\/checkout';\n  } catch {\n    \/\/ Fallback: cart permalink\n    window.location.href = '\/cart\/' + variantId + ':1';\n  }\n}\n\n\/\/ ---- Hero button ----\ndocument.getElementById('heroBtn').addEventListener('click', () =\u003e {\n  handleBuy(activeKit);\n});\n\n\/\/ ---- Reveal on scroll ----\nif ('IntersectionObserver' in window) {\n  const io = new IntersectionObserver(entries =\u003e {\n    entries.forEach(e =\u003e { if (e.isIntersecting) { e.target.classList.add('in'); io.unobserve(e.target); } });\n  }, { threshold: .1 });\n  document.querySelectorAll('.reveal').forEach(el =\u003e io.observe(el));\n} else {\n  document.querySelectorAll('.reveal').forEach(el =\u003e el.classList.add('in'));\n}\n\u003c\/script\u003e\n\n\n\u003c\/body\u003e","brand":"Tendi Perú","offers":[{"title":"Default Title","offer_id":48972146442459,"sku":null,"price":149.0,"currency_code":"PEN","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0825\/8817\/2507\/files\/WhatsAppImage2026-07-08at11.42.23AM.jpg?v=1783977948","url":"https:\/\/tendi.store\/products\/kit-urbano","provider":"Tendi Perú","version":"1.0","type":"link"}