/* ===== Minijuego del reloj ===== */
.rm-wg{position:absolute;inset:0}
.wg{position:absolute;inset:0;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(190px,.85fr);gap:0;background:radial-gradient(ellipse at 40% 45%,#17140d,#08080a 70%)}
.wg-stage{position:relative;display:grid;place-items:center;min-height:0;overflow:hidden}
.wg-svg{height:100%;max-height:100%;width:auto;max-width:100%;padding:36px 0 52px;aspect-ratio:1}
.wg-ghost{fill:none;stroke:#D6AE6B55;stroke-width:1.4;stroke-dasharray:5 6}
.wg-l{opacity:0;transform-box:view-box;transform-origin:500px 500px}
.wg-l.in{animation:wgin .9s cubic-bezier(.2,.9,.25,1) forwards}
@keyframes wgin{0%{opacity:0;transform:translateY(-110px) scale(1.12);filter:drop-shadow(0 0 0 #D6AE6B)}55%{opacity:1;filter:drop-shadow(0 0 26px #F0D9A8)}100%{opacity:1;transform:none}}
.wg-flash{fill:none;stroke:#F0D9A8;stroke-width:3;opacity:0}.wg-flash.pop{animation:wgflash .8s ease-out}
@keyframes wgflash{0%{opacity:.9;r:30}100%{opacity:0;r:520}}
.wg-real{position:absolute;inset:4% 10% 22% 10%;width:80%;height:74%;object-fit:contain;opacity:0;transition:opacity 1.3s;pointer-events:none;-webkit-mask-image:radial-gradient(ellipse at 50% 50%,#000 48%,transparent 74%);mask-image:radial-gradient(ellipse at 50% 50%,#000 48%,transparent 74%)}
.wg-real{display:none}.wg-l.in{filter:drop-shadow(0 14px 22px #000a)}.wg-l.gl.in{filter:none}
.wg.bad .wg-stage{animation:wgbad .5s}
@keyframes wgbad{0%,100%{box-shadow:inset 0 0 0 0 #ff5a4d00}30%{box-shadow:inset 0 0 70px 0 #ff5a4d66}}
.wg-hud{position:absolute;left:18px;top:16px;display:flex;gap:18px;font:500 11px ui-monospace,Menlo,monospace;letter-spacing:.12em;color:#7fb6b0;text-transform:uppercase}.wg-hud i{font-style:normal;color:#7d786c}.wg-hud b{color:#F0D9A8;font-size:13px}
.wg-clue{position:absolute;left:18px;right:18px;bottom:16px;margin:0;text-align:center;font:500 clamp(14px,1.4vw,18px)/1.4 var(--serif,'Bodoni Moda',serif);color:#EDE9DF;min-height:26px}
.wg-side{border-left:1px solid #26332f;padding:18px 16px;overflow:auto;background:rgba(8,8,10,.55)}
.wg-tray-h{margin:0 0 14px;font:500 11px ui-monospace,Menlo,monospace;letter-spacing:.16em;color:#7fb6b0}
.wg-tray{display:grid;grid-template-columns:repeat(auto-fill,minmax(112px,1fr));gap:10px}
.wg-card{position:relative;display:flex;flex-direction:column;align-items:center;gap:6px;padding:10px 6px 8px;border:1px solid #2c332f;border-radius:10px;background:#111315;cursor:grab;touch-action:none;user-select:none;transition:transform .25s,border-color .25s,opacity .4s}
.wg-card:hover{border-color:#D6AE6B;transform:translateY(-3px)}
.wg-card svg{width:92px;height:92px;background:radial-gradient(circle,#3a3e45,#1a1c20);border-radius:8px;pointer-events:none}.wg-card span{font:500 11px/1.25 var(--sans,Archivo,sans-serif);color:#cfc8b8;text-align:center;pointer-events:none}
.wg-card.gone{opacity:0;transform:scale(.6);pointer-events:none}.wg-card.lift{opacity:.35}
.wg-card.shake{animation:wgshake .45s;border-color:#ff5a4d}
@keyframes wgshake{20%,60%{transform:translateX(-7px)}40%,80%{transform:translateX(7px)}}
.ghostdrag{position:fixed;z-index:200;transform:translate(-50%,-50%) scale(1.15);pointer-events:none;border-color:#D6AE6B;box-shadow:0 20px 40px #000c}.ghostdrag.over{box-shadow:0 0 0 2px #D6AE6B,0 0 40px #D6AE6B88}
.wg-start,.wg-result{position:absolute;inset:0;z-index:4;display:grid;place-items:center;background:radial-gradient(ellipse at 50% 45%,rgba(20,16,10,.95),rgba(8,8,10,.97));padding:20px;transition:opacity .6s,visibility .6s;overflow:auto}
.wg.run .wg-start{opacity:0;visibility:hidden;pointer-events:none}.wg-result{opacity:0;visibility:hidden;pointer-events:none;background:linear-gradient(180deg,transparent 30%,rgba(8,8,10,.92))}.wg.result .wg-result{opacity:1;visibility:visible;pointer-events:auto;align-items:end}
.wg-in{max-width:560px;text-align:center}.wg-in h3,.wr-rank{font:500 clamp(30px,3.4vw,48px)/1.05 var(--serif,'Bodoni Moda',serif);color:#F3EFE6;margin:0 0 12px;letter-spacing:-.02em}
.wg-intro{color:#B9B2A3;font-size:15px;margin:0 0 22px}
.wr-done{font:600 12px ui-monospace,Menlo,monospace;letter-spacing:.2em;color:#9fd0ca;margin:0 0 8px}.wr-rank{color:#D6AE6B}
.wr-stats{display:flex;gap:30px;justify-content:center;margin:12px 0}.wr-stats div{text-align:center}.wr-stats strong{display:block;font:500 30px ui-monospace,Menlo,monospace;color:#D6AE6B}.wr-stats span{font:10px ui-monospace,Menlo,monospace;letter-spacing:.14em;text-transform:uppercase;color:#8d887c}
.wr-btns{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin-top:12px}.wr-note{margin:14px 0 0;font:11px ui-monospace,Menlo,monospace;color:#6f6a5f}
@media(max-width:900px){.wg{grid-template-columns:1fr;grid-template-rows:minmax(0,1fr) auto}.wg-side{border-left:0;border-top:1px solid #26332f;max-height:34vh}.wg-svg{padding:40px 0 60px}.wg-tray{grid-template-columns:repeat(auto-fill,minmax(92px,1fr))}}

/* ===== configurador ===== */
.wg-start{padding:0}
.wz{width:100%;height:100%;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.9fr);gap:clamp(12px,2vw,34px);align-items:center;padding:clamp(18px,3vw,44px);box-sizing:border-box;overflow:auto}
.wz-form{max-width:520px}
.wz-t{margin:0 0 6px;font:500 11px ui-monospace,Menlo,monospace;letter-spacing:.2em;text-transform:uppercase;color:#7fb6b0}
.wz-k{margin:0 0 10px;font:500 11px ui-monospace,Menlo,monospace;letter-spacing:.18em;color:#D6AE6B}
.wz-q{margin:0 0 20px;font:500 clamp(26px,3vw,42px)/1.08 var(--serif,'Bodoni Moda',serif);color:#F3EFE6;letter-spacing:-.02em}
.wz-opts{display:grid;gap:10px;grid-template-columns:repeat(3,minmax(0,1fr));margin-bottom:22px}.wz-opts[data-kind="style"]{grid-template-columns:repeat(2,minmax(0,1fr))}
.wz-opt{display:flex;flex-direction:column;align-items:center;gap:8px;padding:14px 8px 12px;border-radius:14px;border:1px solid #2f2c24;background:#111113;color:#cfc8b8;cursor:pointer;text-align:center;transition:border-color .25s,background .25s,transform .25s,box-shadow .3s}
.wz-opt b{font:500 13px/1.25 var(--sans,Archivo,sans-serif)}.wz-opt small{font:11px/1.3 var(--sans,Archivo,sans-serif);color:#8d887c}
.wz-opt:hover{border-color:#D6AE6B88;transform:translateY(-2px)}.wz-opt.on{border-color:#D6AE6B;background:linear-gradient(135deg,rgba(214,174,107,.2),rgba(214,174,107,.04));color:#F3EFE6;box-shadow:0 0 28px rgba(214,174,107,.18)}
.wz-sw{width:34px;height:34px;border-radius:50%;border:1px solid #ffffff30;box-shadow:inset 0 -6px 10px #0006,inset 0 4px 8px #fff3}
.sw-case-gold,.sw-hands-gold{background:radial-gradient(circle at 35% 30%,#fbe9ab,#d6ae6b 55%,#8a6428)}
.sw-case-rose,.sw-hands-rose{background:radial-gradient(circle at 35% 30%,#fbd9cb,#d99a82 55%,#9a5a46)}
.sw-case-plat,.sw-hands-steel{background:radial-gradient(circle at 35% 30%,#fff,#c8ced4 55%,#6c737a)}
.sw-strap-black{background:linear-gradient(135deg,#2b2b2e,#0a0a0b)}.sw-strap-cognac{background:linear-gradient(135deg,#a8683a,#5a3217)}.sw-strap-navy{background:linear-gradient(135deg,#2c4a7c,#0f1d38)}
.wz-ic{width:46px;height:46px;border-radius:50%;border:1px solid #ffffff30;background:#1a1a1d;position:relative}
.wz-ic::before,.wz-ic::after{content:"";position:absolute;left:50%;top:50%;background:#D6AE6B;transform-origin:50% 100%}
.wz-ic::before{width:2px;height:15px;margin-left:-1px;margin-top:-15px;transform:rotate(30deg)}.wz-ic::after{width:2px;height:11px;margin-left:-1px;margin-top:-11px;transform:rotate(-70deg)}
.wz-ic.modern{border-radius:12px}.wz-ic.formal{border-radius:50%}
.wz-nav{display:flex;gap:12px;align-items:center;justify-content:space-between}.wz-next:disabled{opacity:.4;pointer-events:none}
.wz-prev{position:relative;display:grid;place-items:center;min-height:0}.wz-prev svg{width:min(100%,46vh,420px);height:auto;filter:drop-shadow(0 24px 40px #000a)}
.wz-sum{position:absolute;bottom:-4px;left:0;right:0;text-align:center;font:500 11px ui-monospace,Menlo,monospace;letter-spacing:.14em;text-transform:uppercase;color:#9fd0ca}
.wr-spec{margin:6px 0 10px;text-align:center}.wr-spec small{display:block;font:600 10px ui-monospace,Menlo,monospace;letter-spacing:.2em;color:#7fb6b0;margin-bottom:4px}.wr-spec span{font:500 14px var(--sans,Archivo,sans-serif);color:#F0D9A8}
@media(max-width:900px){.wz{grid-template-columns:1fr;grid-template-rows:auto auto;align-content:start}.wz-prev svg{width:min(60vw,240px)}.wz-prev{order:-1}}
.wg-start{background:radial-gradient(ellipse at 50% 45%,#17140d,#08080a 75%)!important}
.wg-svg{transition:transform .9s cubic-bezier(.2,.8,.2,1)}.wg.result .wg-svg{transform:translateY(-16%) scale(.74)}
/* móvil: sala del Aurum con el configurador */
@media(max-width:900px){
 .rm[data-room=aurum]{grid-template-rows:minmax(590px,84vh) auto!important}
 .wz{padding:14px 14px 18px;gap:6px;align-content:start}
 .wz-prev{order:-1}.wz-prev svg{width:min(38vw,150px)}.wz-sum{position:static;margin-top:4px}
 .wz-q{font-size:24px;margin-bottom:12px}.wz-t{display:none}.wz-opts{gap:8px;margin-bottom:14px}.wz-opt{padding:10px 6px}.wz-sw{width:28px;height:28px}
 .wz-nav .lb{padding:11px 16px;font-size:13px}
}
/* configurador ampliado */
.wz-groups{display:grid;gap:14px;margin-bottom:18px}
.wz-gl{margin:0 0 8px;font:500 10px ui-monospace,Menlo,monospace;letter-spacing:.18em;text-transform:uppercase;color:#8d887c}
.wz-opts{grid-template-columns:repeat(auto-fit,minmax(84px,1fr))!important;margin-bottom:0!important}
.wz-opts[data-kind="style"]{grid-template-columns:repeat(2,minmax(0,1fr))!important}
.wz-q{margin-bottom:14px!important;font-size:clamp(22px,2.6vw,34px)!important}
.wz-opt{padding:11px 6px 9px!important;gap:6px!important}.wz-opt b{font-size:12px!important}
.sw-case-black{background:radial-gradient(circle at 35% 30%,#5a5a62,#1a1a1e 55%,#050506)}
.sw-bezel-plain{background:radial-gradient(circle,#15151a 52%,#d6ae6b 54%,#8a6428 70%,#15151a 72%)}
.sw-bezel-gems{background:radial-gradient(circle,#15151a 50%,transparent 52%),conic-gradient(#fff 0 6deg,#6a6e78 6deg 18deg,#fff 18deg 24deg,#6a6e78 24deg 36deg,#fff 36deg 42deg,#6a6e78 42deg 54deg,#fff 54deg 60deg,#6a6e78 60deg 72deg,#fff 72deg 78deg,#6a6e78 78deg 90deg,#fff 90deg 96deg,#6a6e78 96deg 108deg,#fff 108deg 114deg,#6a6e78 114deg 126deg,#fff 126deg 132deg,#6a6e78 132deg 144deg,#fff 144deg 150deg,#6a6e78 150deg 162deg,#fff 162deg 168deg,#6a6e78 168deg 180deg,#fff 180deg 186deg,#6a6e78 186deg 198deg,#fff 198deg 204deg,#6a6e78 204deg 216deg,#fff 216deg 222deg,#6a6e78 222deg 234deg,#fff 234deg 240deg,#6a6e78 240deg 252deg,#fff 252deg 258deg,#6a6e78 258deg 270deg,#fff 270deg 276deg,#6a6e78 276deg 288deg,#fff 288deg 294deg,#6a6e78 294deg 306deg,#fff 306deg 312deg,#6a6e78 312deg 324deg,#fff 324deg 330deg,#6a6e78 330deg 342deg,#fff 342deg 348deg,#6a6e78 348deg 360deg)}
.sw-bezel-scale{background:radial-gradient(circle,#15151a 48%,transparent 50%),repeating-conic-gradient(#d6ae6b 0 2deg,#2a2a2e 2deg 12deg)}
.sw-bezel-enamel{background:radial-gradient(circle,#2a2a30 38%,#050506 40%,#050506 70%,#d6ae6b 72%)}
.sw-dial-meteor{background:radial-gradient(circle at 40% 35%,#2b2b30,#0a0a0c 70%)}
.sw-dial-navy{background:radial-gradient(circle at 40% 35%,#2a4c9a,#0b1a45 72%)}
.sw-dial-emerald{background:radial-gradient(circle at 40% 35%,#1f9a6c,#06301f 72%)}
.sw-dial-burgundy{background:radial-gradient(circle at 40% 35%,#b22a46,#3a0a14 72%)}
.sw-strap-steel{background:repeating-linear-gradient(90deg,#8e949c 0 6px,#e8ebef 6px 11px,#8e949c 11px 16px)}
.sw-strap-mesh{background:repeating-linear-gradient(45deg,#6e747c 0 2px,#d4d8de 2px 5px)}
.sw-crown-sapphire{background:radial-gradient(circle at 35% 30%,#7fa0ff,#1c3a9a 55%,#0a1440)}
.sw-crown-ruby{background:radial-gradient(circle at 35% 30%,#ff8a8a,#c0152b 55%,#5a0612)}
.sw-crown-emerald{background:radial-gradient(circle at 35% 30%,#9dffd0,#12a066 55%,#06422b)}
.sw-crown-onyx{background:radial-gradient(circle at 35% 30%,#6a6a72,#17171b 55%,#000)}
.wz-ic.st-classic{border-radius:50%}.wz-ic.st-modern{border-radius:12px;background:#0d0d0f}.wz-ic.st-jewel{border-radius:50%;box-shadow:inset 0 0 0 3px #d99a82}.wz-ic.st-sport{border-radius:30%;box-shadow:inset 0 0 0 3px #aeb5be}
.wz-prev{display:flex!important;flex-direction:column;align-items:center;justify-content:center}.wz-sum{position:static!important;margin-top:6px;max-width:100%}