Lotería
.mik-wrap{ --mik-bg:#0a070a; --mik-bg2:#120c12; --mik-accent:#e0217a; --mik-accent-soft:#f5a8cf; --mik-gold:#c9a24a; --mik-lime:#c6f135; --mik-klarna:#ffb3c7; --mik-text-light:#f2e 9ee; --mik-muted:#9c8a94; font-family: 'Space Grotesk', 'Helvetica Neue', Arial, sans-serif; background: var(--mik-bg); color: var(--mik-text-light); border-radius: 22px; padding: 30px 18px 34px; max-width: 560px; margin: 0 auto; box-sizing: border-box; position: relative; overflow: hidden; } .mik-wrap *{box-sizing:border-box;} @import url('https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;700&display=swap'); /* ---- ambient sparks ---- */ .mik-spark{ position:absolute; width:4px; height:4px; border-radius:50%; background:var(--mik-accent); box-shadow:0 0 10px 2px var(--mik-accent); opacity:.5; animation: mik-drift 7s ease-in-out infinite; z-index:0; } @keyframes mik-drift{ 0%,100%{ transform:translateY(0); opacity:.25;} 50%{ transform:translateY(-16px); opacity:.7;} } /* ---- bolas de loteria cayendo, muy sutiles ---- */ .mik-ball{ position:absolute; top:-8%; width:22px; height:22px; border-radius:50%; background: radial-gradient(circle at 35% 30%, #f4e2b8, #c9a24a 70%); color:#3a2a10; font-size:9px; font-weight:700; display:flex; align-items:center; justify-content:center; opacity:.16; z-index:0; animation: mik-fall linear infinite; box-shadow: inset 0 0 3px rgba(0,0,0,.3); } @keyframes mik-fall{ 0%{ transform:translateY(0) translateX(0);} 50%{ transform:translateY(180px) translateX(10px);} 100%{ transform:translateY(400px) translateX(-6px); opacity:0;} } /* ---- header ---- */ .mik-eyebrow{ position:relative; z-index:1; font-size:11px; letter-spacing:.22em; text-transform:uppercase; color:var(--mik-accent-soft); font-weight:700; margin-bottom:6px; text-align:center; } .mik-title{ position:relative; z-index:1; font-size:40px; font-weight:700; letter-spacing:.01em; margin:0 0 10px; color:#fff; text-align:center; } .mik-sub{ position:relative; z-index:1; font-size:14px; line-height:1.6; color:var(--mik-muted); text-align:center; max-width:88%; margin:0 auto 4px; } .mik-sub b{ color:#fff; } /* ---- reed diffuser hero (decorativo, sin interaccion) ---- */ .mik-hero{ position:relative; z-index:1; margin:26px auto 8px; width:220px; height:190px; } .mik-reed{ position:absolute; bottom:64px; width:2px; height:120px; background:linear-gradient(to top, var(--mik-gold), transparent); left:50%; transform-origin:bottom center; border-radius:2px; opacity:.85; } .mik-reed .mik-glow{ position:absolute; top:-4px; left:50%; width:6px; height:6px; margin-left:-3px; border-radius:50%; background:var(--mik-accent); box-shadow:0 0 0 0 rgba(224,33,122,.6); opacity:0; animation: mik-pulse 3.4s ease-out infinite; } @keyframes mik-pulse{ 0%{ opacity:0; transform:translateY(0) scale(.6);} 15%{ opacity:.9;} 100%{ opacity:0; transform:translateY(-26px) scale(1.4);} } .mik-jar{ position:absolute; bottom:0; left:50%; transform:translateX(-50%); width:64px; height:64px; } .mik-jar-body{ position:absolute; bottom:0; left:0; width:64px; height:46px; background:linear-gradient(180deg,#1a1418,#0c0a0c); border:1px solid #2c1f27; border-radius:8px; } .mik-jar-label{ position:absolute; bottom:8px; left:6px; right:6px; height:16px; border:1px solid var(--mik-accent); border-radius:2px; } .mik-jar-neck{ position:absolute; bottom:44px; left:22px; width:20px; height:16px; background:linear-gradient(180deg,#d9b467,#a9803a); border-radius:2px 2px 0 0; } /* ---- notas, lista elegante sin juego ---- */ .mik-notes{ position:relative; z-index:1; margin-top:8px; } .mik-notes h4{ margin:0 0 10px; font-size:13px; letter-spacing:.1em; text-transform:uppercase; color:var(--mik-muted); text-align:center; font-weight:700; } .mik-note-pills{ display:flex; flex-wrap:wrap; gap:8px; justify-content:center; } .mik-note-pill{ display:flex; align-items:center; gap:6px; background:var(--mik-bg2); border:1px solid #241a20; border-radius:999px; padding:8px 13px; font-size:12.5px; color:var(--mik-text-light); } /* ---- accordions ---- */ .mik-acc{ position:relative; z-index:1; background:var(--mik-bg2); border:1px solid #241a20; border-radius:14px; margin-top:14px; overflow:hidden; } .mik-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; } .mik-acc summary::-webkit-details-marker{ display:none; } .mik-acc summary .mik-ico{ font-size:16px; margin-right:9px; } .mik-acc summary .mik-plus{ width:20px; height:20px; border-radius:50%; border:1px solid var(--mik-accent); display:flex; align-items:center; justify-content:center; color:var(--mik-accent); font-size:14px; flex:none; transition:transform .25s ease; } .mik-acc[open] summary .mik-plus{ transform:rotate(45deg); } .mik-acc-body{ padding:0 16px 16px; font-size:13px; line-height:1.65; color:var(--mik-muted); } .mik-acc-body b{ color:#fff; } .mik-acc-body ul{ margin:6px 0 0; padding-left:18px; } .mik-acc-body li{ margin-bottom:4px; } /* ---- banner Klarna ---- */ .mik-klarna-wrap{ position:relative; z-index:1; margin-top:16px; border-radius:16px; overflow:hidden; background:linear-gradient(100deg,#1a1216,#120c12 60%); border:1px solid #2c1e26; } .mik-marquee{ position:relative; overflow:hidden; padding:10px 0; border-bottom:1px solid #2c1e26; } .mik-marquee-track{ display:flex; width:max-content; animation: mik-scroll 16s linear infinite; } .mik-marquee-item{ display:flex; align-items:center; gap:8px; padding:0 22px; font-size:11.5px; font-weight:700; letter-spacing:.05em; text-transform:uppercase; color:var(--mik-klarna); white-space:nowrap; } .mik-marquee-item .mik-k{ display:inline-flex; align-items:center; justify-content:center; width:16px; height:16px; border-radius:4px; background:var(--mik-klarna); color:#17070f; font-size:10px; font-weight:700; } @keyframes mik-scroll{ from{ transform:translateX(0);} to{ transform:translateX(-50%);} } .mik-canto{ position:relative; padding:22px 18px 24px; text-align:center; min-height:74px; cursor:pointer; -webkit-tap-highlight-color:transparent; } .mik-canto-prompt{ display:flex; flex-direction:column; align-items:center; gap:6px; } .mik-canto-prompt-icon{ font-size:26px; animation: mik-prompt-pulse 1.6s ease-in-out infinite; } .mik-canto-prompt-text{ font-size:12.5px; font-weight:700; color:var(--mik-klarna); letter-spacing:.03em; } .mik-canto-prompt-sub{ font-size:10.5px; color:var(--mik-muted); } @keyframes mik-prompt-pulse{ 0%,100%{ transform:scale(1); filter:drop-shadow(0 0 0 rgba(255,179,199,0));} 50%{ transform:scale(1.14); filter:drop-shadow(0 0 10px rgba(255,179,199,.55));} } .mik-canto-loud{ font-size:24px; font-weight:700; color:var(--mik-gold); letter-spacing:0; opacity:0; animation: mik-loud-seq 3.4s ease forwards; } @keyframes mik-loud-seq{ 0%{ opacity:0; letter-spacing:0; transform:scale(.9);} 14%{ opacity:1; transform:scale(1);} 60%{ opacity:1; letter-spacing:.22em; transform:scale(1.06);} 78%{ opacity:0; transform:scale(1.18);} 100%{ opacity:0;} } .mik-canto-real{ position:absolute; left:0; right:0; top:22px; opacity:0; animation: mik-real-seq 3.4s ease forwards; } @keyframes mik-real-seq{ 0%,68%{ opacity:0; transform:translateY(8px);} 85%{ opacity:1; transform:translateY(0);} 100%{ opacity:1; transform:translateY(0);} } .mik-canto-real span{ font-size:13px; color:var(--mik-muted); display:block; margin-bottom:4px; } .mik-canto-real b{ font-size:26px; color:#fff; font-weight:700; } .mik-canto-real em{ font-style:normal; color:var(--mik-klarna); font-weight:700; } .mik-klarna-cta{ display:block; text-align:center; padding:0 18px 20px; font-size:11.5px; color:var(--mik-muted); } .mik-klarna-cta b{ color:var(--mik-klarna); } /* ---- duracion ---- */ .mik-duration{ position:relative; z-index:1; margin-top:16px; background:var(--mik-bg2); border:1px solid #241a20; border-radius:16px; padding:16px; } .mik-duration h4{ margin:0 0 2px; font-size:14px; color:#fff; } .mik-duration p{ margin:0 0 10px; font-size:12px; color:var(--mik-muted); } .mik-duration-row{ display:flex; align-items:center; justify-content:space-between; } .mik-duration-weeks{ font-size:24px; font-weight:700; color:#fff; } .mik-duration-weeks span{ font-size:12.5px; font-weight:400; color:var(--mik-muted); } .mik-duration-dots{ display:flex; gap:4px; } .mik-duration-dots i{ width:8px; height:8px; border-radius:50%; background:var(--mik-accent); display:block; } .mik-duration-dots i.off{ background:#2c2028; } /* ---- donde colocarlo ---- */ .mik-where{ position:relative; z-index:1; margin-top:16px; } .mik-where h4{ margin:0 0 2px; font-size:14px; color:#fff; } .mik-where p{ margin:0 0 10px; font-size:12px; color:var(--mik-muted); } .mik-where-opts{ display:flex; gap:8px; flex-wrap:wrap; } .mik-where input{ display:none; } .mik-where label{ padding:9px 14px; border-radius:999px; border:1px solid var(--mik-accent); color:var(--mik-accent-soft); font-size:12.5px; font-weight:700; cursor:pointer; -webkit-tap-highlight-color:transparent; } .mik-where input:checked + label{ background:var(--mik-accent); color:#fff; } .mik-where-recs{ margin-top:12px; } .mik-rec{ display:none; background:var(--mik-bg2); border:1px dashed var(--mik-accent); border-radius:12px; padding:12px 14px; font-size:12.5px; color:var(--mik-text-light); line-height:1.55; } .mik-rec b{ color:var(--mik-accent-soft); } .mik-rec.mik-rec-active{ display:block; } /* ---- badges ---- */ .mik-badges{ position:relative; z-index:1; display:flex; flex-wrap:wrap; gap:8px; margin:18px 0 4px; justify-content:center; } .mik-badge{ display:flex; align-items:center; gap:6px; background:var(--mik-bg2); color:var(--mik-lime); border:1px solid #241a20; padding:8px 12px; border-radius:999px; font-size:11.5px; font-weight:700; } .mik-footer{ position:relative; z-index:1; text-align:center; margin-top:22px; padding-top:16px; border-top:1px solid #201620; font-size:11px; letter-spacing:.18em; text-transform:uppercase; color:var(--mik-muted); } .mik-footer b{ color:var(--mik-accent-soft); } 07 23 45 12 99 Ardad · Mikado · Difusor de varillas · 100ml LOTERÍA Un ritual silencioso 🪷 El mismo dorado de siempre, ahora liberándose gota a gota. Notas 🍋 Bergamota 🌶️ Pimienta rosa 🪷 Flor de loto 🫙 Jojoba 🟤 Almizcle blanco 🪵 Sándalo 🎋Cómo funciona un mikado+ Las varillas absorben el perfume del frasco y lo liberan poco a poco en el aire, sin llama ni electricidad. Coloca todas las varillas dentro nada más abrirlo. Gíralas 1 vez por semana para reactivar el aroma. Cuantas más varillas uses, más intenso será el ambiente. Evita la luz solar directa: alarga la vida del perfume. KPaga en 3 plazos sin intereses ✦ Porque hasta la suerte se financia KKlarna en el checkout ✦ 0% interés · 100% capricho KPaga en 3 plazos sin intereses ✦ Porque hasta la suerte se financia KKlarna en el checkout ✦ 0% interés · 100% capricho 🎙️ TOCA AQUÍ PARA CANTAR EL PREMIO como en el sorteo de Navidad Miiiiil eeeeuroooos... (ah, no, perdón)9,99€ Y si lo prefieres, en 3 plazos con Klarna desde el carrito. ¿Cuánto dura? Estimación aproximada con las 6-8 varillas incluidas. 6-8 semanas ¿Dónde lo colocas? Elige el rincón y te damos el consejo para que dure más. 🚪 Entrada 🛋️ Salón 🛁 Baño 🗄️ Estantería 📍 En la entrada: sobre una mesa auxiliar o consola, lejos de corrientes de aire fuertes. Es la primera impresión que se llevan tus visitas. 📍 En el salón: en una zona con algo de paso de aire (cerca de una puerta o pasillo) para que el aroma se reparta mejor por toda la estancia. 📍 En el baño: sobre una balda alejada del agua directa y del extractor, que dispersa el aroma antes de que se note. 📍 En una estantería: a la altura de la vista y lejos de la luz solar directa, que degrada el perfume y decolora la etiqueta con el tiempo. 🌿 100% Vegano 🚫 Sin Ftalatos 🐰 Cruelty-free ⚠️Información legal+ Líquido inflamable. Mantener alejado de fuentes de calor, chispas y llamas abiertas. No fumar cerca del difusor. Uso exclusivo decorativo/ambiental. No ingerir. Evitar el contacto con la piel y los ojos; en caso de contacto, lavar abundantemente con agua. El líquido puede manchar madera, telas y superficies delicadas: coloca el frasco sobre un posavasos o bandeja. Mantener fuera del alcance de niños y mascotas. Fórmula vegana, no testada en animales, libre de ftalatos y parabenos. Conservar en lugar fresco, alejado de la luz solar directa. Hecho para narices exigentes · Ardad (function(){ var whereRadios = document.querySelectorAll('.mik-where input[type="radio"]'); var recs = document.querySelectorAll('.mik-rec'); var recMap = { 'mik-w1':'rec1', 'mik-w2':'rec2', 'mik-w3':'rec3', 'mik-w4':'rec4' }; whereRadios.forEach(function(r){ r.addEventListener('change', function(){ if(!r.checked) return; var target = recMap[r.id]; recs.forEach(function(p){ p.classList.toggle('mik-rec-active', p.classList.contains(target)); }); }); }); /* ---- pregón de lotería: se activa al pinchar ---- */ var canto = document.getElementById('mikCanto'); var prompt = document.getElementById('mikCantoPrompt'); var loud = document.getElementById('mikCantoLoud'); var real = document.getElementById('mikCantoReal'); var playing = false; function restartAnim(el){ el.style.animation = 'none'; void el.offsetWidth; el.style.animation = ''; } canto.addEventListener('click', function(){ if(playing) return; playing = true; prompt.style.display = 'none'; loud.style.display = 'block'; real.style.display = 'block'; restartAnim(loud); restartAnim(real); }); })();