{"product_id":"loteria","title":"LOTERÍA","description":"\u003cdiv class=\"lot-wrap\"\u003e\n\u003cstyle\u003e\n.lot-wrap{\n  --lot-bg:#f2dbe6;\n  --lot-black:#150912;\n  --lot-accent:#b81571;\n  --lot-accent-soft:#e8a9cf;\n  --lot-lime:#c6f135;\n  --lot-text-dark:#241220;\n  --lot-muted-dark:#87657a;\n  font-family: 'Space Grotesk', 'Helvetica Neue', Arial, sans-serif;\n  background: var(--lot-bg);\n  color: var(--lot-text-dark);\n  border-radius: 22px;\n  padding: 26px 18px 30px;\n  max-width: 560px;\n  margin: 0 auto;\n  box-sizing: border-box;\n}\n.lot-wrap *{box-sizing:border-box;}\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Space+Grotesk:wght@400;500;700\u0026display=swap');\n\n\/* ---- header ---- *\/\n.lot-eyebrow{ font-size:11px; letter-spacing:.2em; text-transform:uppercase; color:var(--lot-muted-dark); font-weight:700; margin-bottom:6px; }\n.lot-title{ font-size:38px; font-weight:700; letter-spacing:-.01em; margin:0 0 6px; color:var(--lot-text-dark); }\n.lot-sub{ font-size:14px; line-height:1.55; color:var(--lot-muted-dark); margin-bottom:6px; }\n.lot-sub b{ color:var(--lot-text-dark); }\n.lot-more{ font-size:13px; font-weight:700; color:var(--lot-text-dark); cursor:pointer; display:inline-flex; align-items:center; gap:4px; -webkit-tap-highlight-color:transparent; }\n.lot-more-text{ display:none; font-size:14px; line-height:1.55; color:var(--lot-muted-dark); margin:8px 0 0; }\n.lot-more-toggle{ display:none; }\n.lot-more-toggle:checked ~ .lot-more-text{ display:block; }\n.lot-more-toggle:checked ~ .lot-more .lot-more-arrow{ transform:rotate(180deg); }\n.lot-more-arrow{ transition: transform .2s ease; display:inline-block; }\n\n\/* ---- nav pills ---- *\/\n.lot-nav{ display:flex; gap:18px; margin:20px 0 6px; border-bottom:1px solid rgba(0,0,0,.1); padding-bottom:2px; overflow-x:auto; }\n.lot-nav a{ text-decoration:none; color:var(--lot-muted-dark); font-size:12px; font-weight:700; letter-spacing:.04em; text-transform:uppercase; display:flex; align-items:center; gap:6px; padding-bottom:12px; border-bottom:2px solid transparent; white-space:nowrap; }\n.lot-nav a:first-child{ color:var(--lot-text-dark); border-color:var(--lot-accent); }\n\n\/* ---- hold button ---- *\/\n.lot-spray{\n  position:relative; margin-top:20px;\n  display:flex; flex-direction:column; align-items:center; justify-content:center; gap:6px;\n  background: var(--lot-black); border:1px solid #2e1626; border-radius:18px;\n  padding:18px 20px; text-align:center; cursor:pointer; user-select:none;\n  -webkit-tap-highlight-color: transparent; touch-action:none;\n  transition: border-color .15s ease;\n}\n.lot-spray.lot-holding{ border-color: var(--lot-accent); }\n.lot-spray.lot-done{ border-color: var(--lot-lime); }\n.lot-spray-top{ display:flex; align-items:center; gap:10px; }\n.lot-spray-label{ font-weight:700; font-size:14px; color:#fff; }\n.lot-mist{ position:relative; width:16px; height:16px; flex:none; }\n.lot-mist span{ position:absolute; top:50%; left:50%; width:4px; height:4px; border-radius:50%; background:var(--lot-accent); opacity:0; }\n.lot-holding .lot-mist span{ animation: lot-puff 1s ease-out infinite; }\n.lot-mist span:nth-child(1){ animation-delay:0s; --dx:-12px; }\n.lot-mist span:nth-child(2){ animation-delay:.12s; --dx:-4px; }\n.lot-mist span:nth-child(3){ animation-delay:.24s; --dx:5px; }\n.lot-mist span:nth-child(4){ animation-delay:.36s; --dx:13px; }\n@keyframes lot-puff{ 0%{ transform:translate(-50%,-50%) scale(.4); opacity:.9;} 100%{ transform:translate(calc(-50% + var(--dx,10px)), calc(-50% - 20px)) scale(1.5); opacity:0;} }\n.lot-spray small{ color:#ab8ba0; font-size:11px; }\n.lot-progress-track{ width:100%; height:7px; border-radius:99px; background:#28131f; margin-top:10px; overflow:hidden; }\n.lot-progress-fill{ height:100%; width:0%; border-radius:99px; background:linear-gradient(90deg,var(--lot-accent),var(--lot-lime)); }\n.lot-progress-fill.lot-instant{ transition:width .25s ease; }\n\n\/* ---- pyramid reveal panel ---- *\/\n.lot-pyramid{\n  display:none; margin-top:14px; background:var(--lot-black); border-radius:18px; padding:20px 16px 22px; position:relative; overflow:hidden;\n}\n.lot-pyramid.lot-show{ display:block; animation: lot-pop .35s ease; }\n@keyframes lot-pop{ from{opacity:0; transform:scale(.95);} to{opacity:1; transform:scale(1);} }\n.lot-pyramid h3{ color:var(--lot-accent-soft); font-size:19px; margin:0 0 4px; letter-spacing:.01em; }\n.lot-pyramid p.lot-py-sub{ color:#ab8ba0; font-size:12.5px; margin:0 0 16px; }\n\n.lot-carousel{ margin:0 -16px; padding:4px 16px 6px; display:flex; gap:14px; overflow-x:auto; scroll-snap-type:x mandatory; -webkit-overflow-scrolling:touch; scrollbar-width:none; }\n.lot-carousel::-webkit-scrollbar{ display:none; }\n.lot-slide{ flex:0 0 82%; scroll-snap-align:center; background:#211020; border:1px solid #382034; border-radius:16px; padding:20px 14px; text-align:center; }\n.lot-slide-eyebrow{ font-size:10.5px; letter-spacing:.12em; text-transform:uppercase; color:var(--lot-accent-soft); font-weight:700; margin-bottom:4px; }\n.lot-slide-title{ font-size:15px; font-weight:700; color:#fff; margin-bottom:14px; }\n.lot-note-grid{ display:flex; flex-wrap:wrap; justify-content:center; gap:12px; }\n.lot-note-item{ width:72px; }\n.lot-note-circle{ width:56px; height:56px; border-radius:50%; background:#150912; border:1px solid #382034; display:flex; align-items:center; justify-content:center; font-size:24px; margin:0 auto 6px; }\n.lot-note-label{ font-size:11px; color:#e0c3d5; line-height:1.25; }\n.lot-dots{ display:flex; justify-content:center; gap:7px; margin-top:14px; }\n.lot-dot{ width:7px; height:7px; border-radius:50%; background:#382034; cursor:pointer; transition: background .2s ease, transform .2s ease; }\n.lot-dot.lot-dot-active{ background:var(--lot-accent); transform:scale(1.3); }\n.lot-swipe-hint{ text-align:center; font-size:11px; color:#ab8ba0; margin-top:12px; }\n\n\/* ---- intensidad ---- *\/\n.lot-intensity{ margin-top:16px; background:#faedf3; border:1px solid #eab9d5; border-radius:16px; padding:16px; }\n.lot-intensity h4{ margin:0 0 2px; font-size:14px; color:var(--lot-text-dark); }\n.lot-intensity p{ margin:0 0 10px; font-size:12px; color:var(--lot-muted-dark); }\n.lot-bolts{ display:flex; align-items:center; justify-content:space-between; }\n.lot-bolt-icons{ font-size:20px; letter-spacing:2px; }\n.lot-bolt-icons .off{ opacity:.25; }\n.lot-bolt-num{ font-size:24px; font-weight:700; color:var(--lot-text-dark); }\n.lot-bolt-num span{ font-size:13px; font-weight:400; color:var(--lot-muted-dark); }\n\n\/* ---- ambientes ---- *\/\n.lot-where{ margin-top:16px; }\n.lot-where h4{ margin:0 0 2px; font-size:14px; }\n.lot-where p{ margin:0 0 10px; font-size:12px; color:var(--lot-muted-dark); }\n.lot-where-opts{ display:flex; gap:8px; flex-wrap:wrap; }\n.lot-where input{ display:none; }\n.lot-where label{ padding:9px 14px; border-radius:999px; border:1px solid var(--lot-accent); color:var(--lot-accent); font-size:12.5px; font-weight:700; cursor:pointer; -webkit-tap-highlight-color:transparent; }\n.lot-where input:checked + label{ background:var(--lot-accent); color:#fff; }\n.lot-where-recs{ margin-top:12px; }\n.lot-rec{ display:none; background:#fff; border:1px dashed var(--lot-accent); border-radius:12px; padding:12px 14px; font-size:12.5px; color:var(--lot-text-dark); line-height:1.5; }\n.lot-rec b{ color:var(--lot-accent); }\n.lot-rec.lot-rec-active{ display:block; }\n\n\/* ---- badges ---- *\/\n.lot-badges{ display:flex; flex-wrap:wrap; gap:8px; margin:18px 0 4px; }\n.lot-badge{ display:flex; align-items:center; gap:6px; background:var(--lot-black); color:var(--lot-lime); border:1px solid #2e1626; padding:8px 12px; border-radius:999px; font-size:11.5px; font-weight:700; }\n\n\/* ---- accordions ---- *\/\n.lot-acc{ background:var(--lot-black); border:1px solid #2e1626; border-radius:14px; margin-top:12px; overflow:hidden; }\n.lot-acc summary{ list-style:none; cursor:pointer; display:flex; align-items:center; justify-content:space-between; padding:15px 16px; font-weight:700; font-size:14px; color:#fff; -webkit-tap-highlight-color:transparent; }\n.lot-acc summary::-webkit-details-marker{ display:none; }\n.lot-acc summary .lot-ico{ font-size:16px; margin-right:9px; }\n.lot-acc summary .lot-plus{ width:20px; height:20px; border-radius:50%; border:1px solid var(--lot-accent); display:flex; align-items:center; justify-content:center; color:var(--lot-accent); font-size:14px; flex:none; transition:transform .25s ease; }\n.lot-acc[open] summary .lot-plus{ transform:rotate(45deg); }\n.lot-acc-body{ padding:0 16px 16px; font-size:13px; line-height:1.6; color:#ab8ba0; }\n.lot-legal .lot-warn{ color:var(--lot-accent-soft); font-weight:700; }\n\n.lot-footer{ text-align:center; margin-top:20px; padding-top:16px; border-top:1px solid rgba(0,0,0,.1); font-size:11px; letter-spacing:.16em; text-transform:uppercase; color:var(--lot-muted-dark); }\n.lot-footer b{ color:var(--lot-text-dark); }\n\u003c\/style\u003e\n\n\u003cdiv class=\"lot-eyebrow\"\u003eArdad · Room Perfume · 100ml\u003c\/div\u003e\n\u003ch2 class=\"lot-title\"\u003eLOTERÍA\u003c\/h2\u003e\n\u003cp class=\"lot-sub\"\u003eDorado y magnético 🪷 Como abrir la carta ganadora.\u003c\/p\u003e\n\n\u003cinput type=\"checkbox\" id=\"lotMoreToggle\" class=\"lot-more-toggle\"\u003e\n\u003clabel class=\"lot-more\" for=\"lotMoreToggle\"\u003eVer más \u003cspan class=\"lot-more-arrow\"\u003e⌄\u003c\/span\u003e\u003c\/label\u003e\n\u003cp class=\"lot-more-text\"\u003eMisterioso y envolvente: un chorrito y tu casa se llena de un aire dorado, casi como un buen augurio. Bergamota y pimienta rosa al abrir, flor de loto y jojoba en el corazón, y de fondo almizcle blanco y sándalo que se quedan flotando durante horas.\u003c\/p\u003e\n\n\u003cdiv class=\"lot-nav\"\u003e\n  \u003ca href=\"#lot-aroma\"\u003e🔥 El aroma\u003c\/a\u003e\n  \u003ca href=\"#lot-uso\"\u003e🧴 Uso\u003c\/a\u003e\n  \u003ca href=\"#lot-legal\"\u003e⚠️ Legal\u003c\/a\u003e\n\u003c\/div\u003e\n\n\u003cdiv id=\"lot-aroma\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"lot-spray\" id=\"lotSprayBtn\"\u003e\n  \u003cdiv class=\"lot-spray-top\"\u003e\n    \u003cdiv class=\"lot-mist\"\u003e\n\u003cspan\u003e\u003c\/span\u003e\u003cspan\u003e\u003c\/span\u003e\u003cspan\u003e\u003c\/span\u003e\u003cspan\u003e\u003c\/span\u003e\n\u003c\/div\u003e\n    \u003cspan class=\"lot-spray-label\" id=\"lotSprayLabel\"\u003eMANTÉN PULSADO 3 SEGUNDOS PARA DESCUBRIR SU PIRÁMIDE OLFATIVA\u003c\/span\u003e\n  \u003c\/div\u003e\n  \u003csmall id=\"lotSprayHint\"\u003eNo sueltes hasta el final\u003c\/small\u003e\n  \u003cdiv class=\"lot-progress-track\"\u003e\u003cdiv class=\"lot-progress-fill\" id=\"lotProgressFill\"\u003e\u003c\/div\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003cdiv class=\"lot-pyramid\" id=\"lotPyramid\"\u003e\n  \u003ch3\u003e¿A QUÉ HUELE LOTERÍA?\u003c\/h3\u003e\n  \u003cp class=\"lot-py-sub\"\u003eDesliza y descubre cada fase.\u003c\/p\u003e\n\n  \u003cdiv class=\"lot-carousel\" id=\"lotCarousel\"\u003e\n    \u003cdiv class=\"lot-slide\"\u003e\n      \u003cdiv class=\"lot-slide-eyebrow\"\u003eSalida\u003c\/div\u003e\n      \u003cdiv class=\"lot-slide-title\"\u003eLa carta se descubre\u003c\/div\u003e\n      \u003cdiv class=\"lot-note-grid\"\u003e\n        \u003cdiv class=\"lot-note-item\"\u003e\n\u003cdiv class=\"lot-note-circle\"\u003e🍋\u003c\/div\u003e\n\u003cdiv class=\"lot-note-label\"\u003eBergamota\u003c\/div\u003e\n\u003c\/div\u003e\n        \u003cdiv class=\"lot-note-item\"\u003e\n\u003cdiv class=\"lot-note-circle\"\u003e🌶️\u003c\/div\u003e\n\u003cdiv class=\"lot-note-label\"\u003ePimienta rosa\u003c\/div\u003e\n\u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"lot-slide\"\u003e\n      \u003cdiv class=\"lot-slide-eyebrow\"\u003eCorazón\u003c\/div\u003e\n      \u003cdiv class=\"lot-slide-title\"\u003eEl premio\u003c\/div\u003e\n      \u003cdiv class=\"lot-note-grid\"\u003e\n        \u003cdiv class=\"lot-note-item\"\u003e\n\u003cdiv class=\"lot-note-circle\"\u003e🪷\u003c\/div\u003e\n\u003cdiv class=\"lot-note-label\"\u003eFlor de loto\u003c\/div\u003e\n\u003c\/div\u003e\n        \u003cdiv class=\"lot-note-item\"\u003e\n\u003cdiv class=\"lot-note-circle\"\u003e🫙\u003c\/div\u003e\n\u003cdiv class=\"lot-note-label\"\u003eJojoba\u003c\/div\u003e\n\u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"lot-slide\"\u003e\n      \u003cdiv class=\"lot-slide-eyebrow\"\u003eFondo\u003c\/div\u003e\n      \u003cdiv class=\"lot-slide-title\"\u003eLo que se queda\u003c\/div\u003e\n      \u003cdiv class=\"lot-note-grid\"\u003e\n        \u003cdiv class=\"lot-note-item\"\u003e\n\u003cdiv class=\"lot-note-circle\"\u003e🟤\u003c\/div\u003e\n\u003cdiv class=\"lot-note-label\"\u003eAlmizcle blanco\u003c\/div\u003e\n\u003c\/div\u003e\n        \u003cdiv class=\"lot-note-item\"\u003e\n\u003cdiv class=\"lot-note-circle\"\u003e🪵\u003c\/div\u003e\n\u003cdiv class=\"lot-note-label\"\u003eSándalo\u003c\/div\u003e\n\u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"lot-dots\" id=\"lotDots\"\u003e\n    \u003cspan class=\"lot-dot lot-dot-active\" data-i=\"0\"\u003e\u003c\/span\u003e\n    \u003cspan class=\"lot-dot\" data-i=\"1\"\u003e\u003c\/span\u003e\n    \u003cspan class=\"lot-dot\" data-i=\"2\"\u003e\u003c\/span\u003e\n  \u003c\/div\u003e\n  \u003cp class=\"lot-swipe-hint\"\u003e👉 desliza para ver las 3 fases\u003c\/p\u003e\n\u003c\/div\u003e\n\n\u003cdiv class=\"lot-intensity\"\u003e\n  \u003ch4\u003eIntensidad\u003c\/h4\u003e\n  \u003cp\u003eAsí de fuerte llega a la habitación.\u003c\/p\u003e\n  \u003cdiv class=\"lot-bolts\"\u003e\n    \u003cdiv class=\"lot-bolt-icons\"\u003e⚡⚡⚡⚡\u003cspan class=\"off\"\u003e⚡\u003c\/span\u003e\n\u003c\/div\u003e\n    \u003cdiv class=\"lot-bolt-num\"\u003e4\u003cspan\u003e\/5 · misterioso y envolvente\u003c\/span\u003e\n\u003c\/div\u003e\n  \u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003cdiv class=\"lot-where\" id=\"lot-uso\"\u003e\n  \u003ch4\u003e¿Dónde lo usas?\u003c\/h4\u003e\n  \u003cp\u003eElige tu ambiente y te decimos dónde pulverizar para que dure más.\u003c\/p\u003e\n  \u003cdiv class=\"lot-where-opts\"\u003e\n    \u003cinput type=\"radio\" name=\"lot-where\" id=\"lot-w1\" checked\u003e\u003clabel for=\"lot-w1\"\u003e🛋️ Salón\u003c\/label\u003e\n    \u003cinput type=\"radio\" name=\"lot-where\" id=\"lot-w2\"\u003e\u003clabel for=\"lot-w2\"\u003e🚪 Entrada\u003c\/label\u003e\n    \u003cinput type=\"radio\" name=\"lot-where\" id=\"lot-w3\"\u003e\u003clabel for=\"lot-w3\"\u003e🛁 Baño\u003c\/label\u003e\n    \u003cinput type=\"radio\" name=\"lot-where\" id=\"lot-w4\"\u003e\u003clabel for=\"lot-w4\"\u003e🛏️ Habitación\u003c\/label\u003e\n  \u003c\/div\u003e\n  \u003cdiv class=\"lot-where-recs\"\u003e\n    \u003cp class=\"lot-rec rec1 lot-rec-active\"\u003e📍 \u003cb\u003eEn el salón:\u003c\/b\u003e pulveriza sobre las cortinas o los cojines del sofá, lejos de la luz solar directa. El tejido retiene el aroma mucho más tiempo que el aire libre.\u003c\/p\u003e\n    \u003cp class=\"lot-rec rec2\"\u003e📍 \u003cb\u003eEn la entrada:\u003c\/b\u003e un par de pulsaciones en la alfombra de bienvenida o cerca del perchero. Es lo primero que huelen tus visitas al abrir la puerta, como un buen presagio.\u003c\/p\u003e\n    \u003cp class=\"lot-rec rec3\"\u003e📍 \u003cb\u003eEn el baño:\u003c\/b\u003e pulveriza sobre las toallas dobladas o cerca de la cortina de ducha, evitando el contacto directo con el agua para que no pierda fuerza.\u003c\/p\u003e\n    \u003cp class=\"lot-rec rec4\"\u003e📍 \u003cb\u003eEn la habitación:\u003c\/b\u003e rocía la ropa de cama por la mañana (nunca directamente sobre la almohada) o las cortinas: el aroma se va liberando poco a poco durante el día.\u003c\/p\u003e\n  \u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003cdiv class=\"lot-badges\"\u003e\n  \u003cspan class=\"lot-badge\"\u003e🌿 100% Vegano\u003c\/span\u003e\n  \u003cspan class=\"lot-badge\"\u003e🚫 Sin Ftalatos\u003c\/span\u003e\n  \u003cspan class=\"lot-badge\"\u003e🐰 Cruelty-free\u003c\/span\u003e\n\u003c\/div\u003e\n\n\u003cdetails class=\"lot-acc\"\u003e\n  \u003csummary\u003e\u003cspan\u003e\u003cspan class=\"lot-ico\"\u003e🧴\u003c\/span\u003eModo de empleo\u003c\/span\u003e\u003cspan class=\"lot-plus\"\u003e+\u003c\/span\u003e\u003c\/summary\u003e\n  \u003cdiv class=\"lot-acc-body\"\u003e\n    Agita ligeramente antes de usar. Pulveriza 2-3 veces en el aire, en punto medio de la habitación, a una distancia mínima de 20 cm de telas y superficies. Ideal para entradas, baños y salones. Evita pulverizar directamente sobre madera, cuero o pantallas.\n  \u003c\/div\u003e\n\u003c\/details\u003e\n\n\u003cdetails class=\"lot-acc\" id=\"lot-legal\"\u003e\n  \u003csummary\u003e\u003cspan\u003e\u003cspan class=\"lot-ico\"\u003e⚠️\u003c\/span\u003eInformación legal\u003c\/span\u003e\u003cspan class=\"lot-plus\"\u003e+\u003c\/span\u003e\u003c\/summary\u003e\n  \u003cdiv class=\"lot-acc-body lot-legal\"\u003e\n    \u003cp\u003e\u003cspan class=\"lot-warn\"\u003eContiene alcohol desnaturalizado.\u003c\/span\u003e Producto inflamable: mantener alejado de fuentes de calor, chispas y llamas abiertas. No fumar durante su uso ni pulverizar cerca de velas encendidas.\u003c\/p\u003e\n    \u003cp\u003eUso exclusivo para ambientes. No aplicar directamente sobre piel, ropa, mascotas, plantas ni superficies delicadas. Pulverizar a una distancia mínima de 20 cm.\u003c\/p\u003e\n    \u003cp\u003eFórmula vegana, no testada en animales, libre de ftalatos y parabenos.\u003c\/p\u003e\n    \u003cp\u003eMantener fuera del alcance de los niños. No ingerir. En caso de contacto con los ojos, lavar abundantemente con agua y consultar a un médico si persiste la irritación.\u003c\/p\u003e\n    \u003cp\u003eConservar en lugar fresco y seco, protegido de la luz solar directa. Cerrar bien tras cada uso.\u003c\/p\u003e\n  \u003c\/div\u003e\n\u003c\/details\u003e\n\n\u003cdiv class=\"lot-footer\"\u003eHecho para narices exigentes · \u003cb\u003eArdad\u003c\/b\u003e\n\u003c\/div\u003e\n\n\u003cscript\u003e\n(function(){\n  var btn = document.getElementById('lotSprayBtn');\n  var fill = document.getElementById('lotProgressFill');\n  var hint = document.getElementById('lotSprayHint');\n  var label = document.getElementById('lotSprayLabel');\n  var pyramid = document.getElementById('lotPyramid');\n  var DURATION = 3000;\n  var startTime = null, rafId = null, done = false;\n\n  function frame(ts){\n    if(startTime === null) startTime = ts;\n    var elapsed = ts - startTime;\n    var pct = Math.min(100, (elapsed\/DURATION)*100);\n    fill.style.width = pct + '%';\n    if(elapsed \u003e= DURATION){ success(); return; }\n    if(elapsed \u003e DURATION*0.5){ label.textContent = 'YA CASI... ¡NO SUELTES!'; }\n    rafId = requestAnimationFrame(frame);\n  }\n  function startHold(e){\n    if(done) return;\n    if(e.cancelable) e.preventDefault();\n    btn.classList.add('lot-holding');\n    startTime = null;\n    fill.classList.remove('lot-instant');\n    rafId = requestAnimationFrame(frame);\n  }\n  function cancelHold(){\n    if(done) return;\n    if(rafId){ cancelAnimationFrame(rafId); rafId = null; }\n    btn.classList.remove('lot-holding');\n    fill.classList.add('lot-instant');\n    fill.style.width = '0%';\n    label.textContent = 'MANTÉN PULSADO 3 SEGUNDOS PARA DESCUBRIR SU PIRÁMIDE OLFATIVA';\n    startTime = null;\n  }\n  function success(){\n    done = true;\n    if(rafId){ cancelAnimationFrame(rafId); rafId = null; }\n    fill.style.width = '100%';\n    btn.classList.remove('lot-holding');\n    btn.classList.add('lot-done');\n    label.textContent = 'PIRÁMIDE DESBLOQUEADA 🪷';\n    hint.textContent = 'Ahora demuestra que tienes buena nariz';\n    pyramid.classList.add('lot-show');\n    setTimeout(function(){ pyramid.scrollIntoView({behavior:'smooth', block:'center'}); }, 200);\n  }\n  btn.addEventListener('pointerdown', startHold);\n  btn.addEventListener('pointerup', cancelHold);\n  btn.addEventListener('pointerleave', cancelHold);\n  btn.addEventListener('pointercancel', cancelHold);\n\n  \/* ---- carrusel con puntos ---- *\/\n  var carousel = document.getElementById('lotCarousel');\n  var dots = document.querySelectorAll('.lot-dot');\n  var slides = document.querySelectorAll('.lot-slide');\n\n  function setActiveDot(i){\n    dots.forEach(function(d){ d.classList.remove('lot-dot-active'); });\n    if(dots[i]) dots[i].classList.add('lot-dot-active');\n  }\n\n  carousel.addEventListener('scroll', function(){\n    var center = carousel.scrollLeft + carousel.clientWidth\/2;\n    var closest = 0, closestDist = Infinity;\n    slides.forEach(function(s, i){\n      var mid = s.offsetLeft + s.offsetWidth\/2;\n      var dist = Math.abs(mid - center);\n      if(dist \u003c closestDist){ closestDist = dist; closest = i; }\n    });\n    setActiveDot(closest);\n  }, { passive:true });\n\n  dots.forEach(function(d){\n    d.addEventListener('click', function(){\n      var i = parseInt(d.getAttribute('data-i'), 10);\n      var target = slides[i];\n      if(target){ carousel.scrollTo({ left: target.offsetLeft - (carousel.clientWidth - target.offsetWidth)\/2, behavior:'smooth' }); }\n    });\n  });\n\n  \/* ---- recomendaciones por estancia ---- *\/\n  var whereRadios = document.querySelectorAll('.lot-where input[type=\"radio\"]');\n  var recs = document.querySelectorAll('.lot-rec');\n  var recMap = { 'lot-w1':'rec1', 'lot-w2':'rec2', 'lot-w3':'rec3', 'lot-w4':'rec4' };\n\n  whereRadios.forEach(function(r){\n    r.addEventListener('change', function(){\n      if(!r.checked) return;\n      var target = recMap[r.id];\n      recs.forEach(function(p){\n        p.classList.toggle('lot-rec-active', p.classList.contains(target));\n      });\n    });\n  });\n})();\n\u003c\/script\u003e\n\u003c\/div\u003e","brand":"ARDAD","offers":[{"title":"Default Title","offer_id":54306945630545,"sku":null,"price":12.0,"currency_code":"EUR","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0912\/1320\/1745\/files\/magnific_utiliza-el-frasco-transpa_PiUmjeN42C.png?v=1783936842","url":"https:\/\/ardad.es\/products\/loteria","provider":"ARDAD","version":"1.0","type":"link"}