/* =====================================================================
   DELF CASH · Experiências (/produtos) · v3 all black
   1) Coleção privada: vitrine 3D das capas, luz quente, chão preto espelhado
   2) Cofre DELF CASH: cofre preto de luxo, 3 giros + 1 chave, abre em primeira pessoa
   Sem bibliotecas. Respeita prefers-reduced-motion.
   Para desligar: remova as <section> #galeria / #cofre, os <script> e este CSS.
   ===================================================================== */
.hg,.cf{display:none}
.js .hg,.js .cf{display:block}
.hg,.cf{--gold1:#f3dfa6;--gold2:#d9b766;--gold3:#a9812f;--ink:#1f1606;--sil:#dfe2e7;--mut:#8b8f96;--line:rgba(214,218,224,.13);
  --sans:"Instrument Sans","Helvetica Neue",Helvetica,Arial,sans-serif;--mono:"JetBrains Mono",ui-monospace,SFMono-Regular,Menlo,monospace}

/* ---------- tipografia minimalista (dinheiro, sem serifa) ---------- */
.xp-eye{display:inline-flex;align-items:center;gap:10px;margin:0;font:500 10px/1 var(--mono);letter-spacing:.34em;text-transform:uppercase;color:#8d9097}
.xp-eye i{width:5px;height:5px;border-radius:50%;background:var(--gold2);box-shadow:0 0 10px var(--gold2)}
.xp-h{margin:14px 0 0;font:600 clamp(24px,6.4vw,42px)/1.04 var(--sans);letter-spacing:-.025em;text-wrap:balance;
  background:linear-gradient(100deg,#8a8e95 0%,#e9ebee 28%,#fff 42%,#a4a8af 60%,#f1f2f4 86%);-webkit-background-clip:text;background-clip:text;color:transparent}
.xp-sub{margin:12px auto 0;max-width:38ch;font:400 13.5px/1.6 var(--sans);color:#9a9ea5}
.xp-gold{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:48px;padding:0 24px;border:0;border-radius:999px;cursor:pointer;
  font:600 11.5px/1 var(--sans);letter-spacing:.2em;text-transform:uppercase;color:var(--ink);text-decoration:none;
  background:linear-gradient(180deg,#f6e6b4 0%,#e1c178 46%,#c9a04e 100%);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.7),inset 0 -2px 0 rgba(110,75,18,.35),0 12px 34px -12px rgba(217,183,102,.55);transition:transform .2s,box-shadow .2s}
.xp-gold:hover{transform:translateY(-1px)}
.xp-gold:active{transform:translateY(1px) scale(.99)}
.xp-gold i{font-style:normal;transition:transform .2s}.xp-gold:hover i{transform:translateX(3px)}
.xp-ghost{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:46px;padding:0 20px;border-radius:999px;cursor:pointer;background:rgba(255,255,255,.02);
  border:1px solid var(--line);color:#d7dade;font:600 10.5px/1 var(--sans);letter-spacing:.2em;text-transform:uppercase;text-decoration:none}
.xp-ghost:hover{border-color:rgba(230,233,238,.36);color:#fff}
.hg button:focus-visible,.cf button:focus-visible,.hg a:focus-visible,.cf a:focus-visible,.hg-stage:focus-visible{outline:2px solid var(--gold1);outline-offset:3px}
.xp-sr{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

/* =====================================================================
   1) COLEÇÃO PRIVADA
   ===================================================================== */
.hg{position:relative;margin:0 -16px 30px;padding:0;overflow:hidden;text-align:center;--cw:160px;--chh:236px}
@media (min-width:720px){.hg{--cw:212px;--chh:310px;margin:0 0 40px}}
.hg-stage{position:relative;height:calc(var(--chh) * 1.5 + 22px);perspective:900px;perspective-origin:50% 38%;touch-action:pan-y;cursor:grab;
  user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent;outline:none}
@media (min-width:720px){.hg-stage{perspective:1300px}}
.hg-stage.drag{cursor:grabbing}
.hg-spot{position:absolute;left:50%;top:-8%;width:min(520px,130vw);height:96%;transform:translateX(-50%);pointer-events:none;
  background:radial-gradient(42% 60% at 50% 0%,rgba(255,232,180,.13),rgba(255,232,180,.04) 55%,transparent 75%)}
.hg-floor{position:absolute;left:0;right:0;top:calc(18px + var(--chh));bottom:0;pointer-events:none;
  background:radial-gradient(34% 26% at 50% 0%,rgba(243,223,166,.14),transparent 70%),linear-gradient(180deg,rgba(255,255,255,.035),rgba(6,7,10,0) 30%)}
.hg-floor::before{content:"";position:absolute;left:6%;right:6%;top:0;height:1px;background:linear-gradient(90deg,transparent,rgba(243,223,166,.28),rgba(255,255,255,.34),rgba(243,223,166,.28),transparent)}
.hg-ring{position:absolute;left:50%;top:18px;width:var(--cw);height:var(--chh);margin-left:calc(var(--cw) / -2);transform-style:preserve-3d}
.hg-it{position:absolute;inset:0;transform-style:preserve-3d;will-change:transform}
.hg-it>button{all:unset;position:absolute;inset:0;cursor:pointer;border-radius:6px;overflow:hidden;background:#0b0c0e;
  box-shadow:0 0 0 1px rgba(255,255,255,.07),0 30px 50px -22px rgba(0,0,0,.95);transition:box-shadow .5s}
.hg-it img{display:block;width:100%;height:100%;object-fit:cover;pointer-events:none;-webkit-user-drag:none}
.hg-it>button::after{content:"";position:absolute;inset:0;z-index:2;pointer-events:none;background:#030304;opacity:var(--dk,0);transition:opacity .2s}
.hg-it>button::before{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;opacity:0;
  background:linear-gradient(118deg,transparent 38%,rgba(255,244,214,.22) 49%,transparent 60%);background-size:300% 100%;background-position:130% 0}
.hg-it.on>button{box-shadow:0 0 0 1px rgba(243,223,166,.55),0 0 46px -12px rgba(243,223,166,.45),0 36px 60px -24px rgba(0,0,0,1)}
.hg-it.on>button::before{opacity:1;animation:hgSheen 6s 1s ease-in-out infinite}
@keyframes hgSheen{0%{background-position:130% 0}30%,100%{background-position:-30% 0}}
/* reflexo no chão preto: cópia invertida + escurecimento por cima (sem máscara) */
.hg-it .rf{position:absolute;left:0;right:0;top:calc(100% + 3px);height:46%;overflow:hidden;border-radius:6px 6px 0 0;pointer-events:none;opacity:.5}
.hg-it .rf img{position:absolute;left:0;top:0;width:100%;height:var(--chh);transform:scaleY(-1);transform-origin:50% 50%;margin-top:calc(var(--chh) * -.54)}
.hg-it .rf img{margin-top:0;transform:scaleY(-1) translateY(0)}
.hg-it .rf::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(6,7,10,.3) 0%,rgba(6,7,10,.85) 50%,#06070a 90%)}
.hg-it .nw{position:absolute;z-index:3;top:8px;left:8px;padding:4px 7px;border-radius:999px;font:600 7.5px/1 var(--sans);letter-spacing:.2em;text-transform:uppercase;color:#0c0d0f;background:linear-gradient(180deg,#fbfbfc,#d6d9de)}
.hg-it .bkt{background:#0c0d0f;color:#e9ebee;box-shadow:0 0 0 1px rgba(230,233,238,.35)}
.hg-bar{position:relative;z-index:3;display:grid;grid-template-columns:44px 1fr 44px;align-items:center;gap:10px;max-width:520px;margin:-4px auto 0;padding:0 16px}
.hg-nav{all:unset;width:44px;height:44px;border-radius:50%;display:grid;place-items:center;cursor:pointer;color:#cfd2d7;border:1px solid var(--line)}
.hg-nav:hover{border-color:rgba(243,223,166,.45);color:#fff}
.hg-nav svg{width:16px;height:16px}
.hg-now{margin:0;min-width:0;display:flex;flex-direction:column;align-items:center}
.hg-count{font:500 9.5px/1 var(--mono);font-style:normal;letter-spacing:.24em;color:var(--gold2)}
.hg-now b{display:block;max-width:100%;margin-top:8px;font:600 13px/1.25 var(--sans);letter-spacing:.16em;text-transform:uppercase;color:#f1f2f4;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.hg-now span{display:block;max-width:100%;margin-top:5px;font:400 12px/1.3 var(--sans);color:#81858c;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.hg-all{display:inline-flex;align-items:center;gap:6px;min-height:40px;margin-top:8px;font:500 10px/1 var(--mono);letter-spacing:.24em;text-transform:uppercase;color:#a7abb2;text-decoration:none}
.hg-all:hover{color:#fff}
.hg-insp{position:absolute;inset:0;z-index:6;display:grid;place-items:center;perspective:1200px;background:radial-gradient(60% 55% at 50% 45%,rgba(6,7,10,.6),rgba(6,7,10,.94))}
.hg-insp[hidden]{display:none}
.hg-ic{position:relative;width:min(290px,76vw);aspect-ratio:4/5;transform-style:preserve-3d;transition:transform .8s cubic-bezier(.2,.75,.2,1)}
.hg-insp.in .hg-ic{transform:rotateY(180deg)}
.hg-insp.pre .hg-ic{transform:scale(.55) rotateY(0)}
.hg-face{position:absolute;inset:0;border-radius:10px;overflow:hidden;backface-visibility:hidden;-webkit-backface-visibility:hidden}
.hg-face.f img{width:100%;height:100%;object-fit:cover;display:block}
.hg-face.b{transform:rotateY(180deg);text-align:left;padding:18px 18px 14px;display:flex;flex-direction:column;
  background:linear-gradient(160deg,#141518 0%,#0b0c0e 55%,#060608 100%);box-shadow:0 0 0 1px rgba(243,223,166,.4),0 30px 70px -20px rgba(0,0,0,.95)}
.hg-face.b::after{content:"";position:absolute;left:10%;right:10%;top:0;height:1px;background:linear-gradient(90deg,transparent,rgba(243,223,166,.8),transparent)}
.hg-b-eye{margin:0;font:500 9px/1 var(--mono);letter-spacing:.3em;text-transform:uppercase;color:var(--gold2)}
.hg-b-n{margin:10px 0 0;font:600 18px/1.15 var(--sans);letter-spacing:-.01em;color:#f4f5f7}
.hg-b-p{margin:4px 0 0;font-size:11.5px;color:var(--mut)}
.hg-b-l{margin:14px 0 0;font:500 8.5px/1 var(--mono);letter-spacing:.26em;text-transform:uppercase;color:#c8cbd0}
.hg-face.b ul{list-style:none;margin:9px 0 0;padding:0;display:grid;gap:8px}
.hg-face.b li{position:relative;padding-left:16px;font-size:12.5px;line-height:1.35;color:#e3e5e9}
.hg-face.b li::before{content:"";position:absolute;left:0;top:.5em;width:6px;height:6px;transform:rotate(45deg);border:1px solid var(--gold2)}
.hg-b-m{margin:12px 0 0;font-size:10.5px;line-height:1.5;color:#7f838a}
.hg-b-a{margin-top:auto;padding-top:10px;display:grid;grid-template-columns:auto 1fr;gap:8px}
.hg-b-a .xp-gold{min-height:44px;padding:0 14px;font-size:10.5px}
.hg-b-a .xp-ghost{min-height:44px;padding:0 14px;font-size:10px}
@media (max-width:359px){.hg-face.b{padding:13px}.hg-face.b li{font-size:11.5px}.hg-b-m{display:none}}

/* =====================================================================
   2) COFRE DELF CASH · v3 all black
   ===================================================================== */
.cf{position:relative;margin:34px -16px 10px;padding:48px 16px 46px;overflow:hidden;text-align:center;isolation:isolate;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
@media (min-width:720px){.cf{margin:56px 0 20px;border:1px solid var(--line);border-radius:18px;padding:66px 24px 60px}}
.cf-bg{position:absolute;inset:0;z-index:-2;background:#050506 url(/experiencias/cofre-ny.webp) center 40%/cover no-repeat;opacity:.26;filter:grayscale(.6);
  transform:scale(1.08) translate3d(0,var(--cfy,0px),0);transition:opacity 2.4s,transform 3.2s cubic-bezier(.2,.7,.2,1)}
.cf.open .cf-bg{opacity:.4;transform:scale(1.14) translate3d(0,var(--cfy,0px),0)}
.cf::before{content:"";position:absolute;inset:0;z-index:-1;background:
  radial-gradient(46% 34% at 50% 54%,rgba(255,226,160,.05),rgba(5,5,6,.7) 60%,#050506 100%),linear-gradient(180deg,#050506 0%,rgba(5,5,6,.3) 26%,rgba(5,5,6,.3) 74%,#050506 100%)}
.cf::after{content:"";position:absolute;left:50%;top:52%;width:140%;height:70%;transform:translate(-50%,-50%);z-index:-1;pointer-events:none;opacity:0;
  background:radial-gradient(closest-side,rgba(255,214,140,.22),rgba(217,183,102,.06) 55%,transparent);transition:opacity 2s 1s}
.cf.open::after{opacity:1}
.cf-ask{margin:22px auto 0;max-width:30ch;min-height:66px}
.cf-q{margin:0;font:600 17px/1.3 var(--sans);letter-spacing:-.01em;color:#f4f5f7;text-wrap:balance}
.cf-qs{margin:7px 0 0;font:400 12.5px/1.5 var(--sans);color:#8f939a;text-wrap:balance}
.cf.open .cf-ask{display:none}
.cf-stage{position:relative;width:min(318px,82vw);aspect-ratio:.74;margin:18px auto 0;perspective:1400px;perspective-origin:50% 40%;transition:transform 1s cubic-bezier(.2,.7,.2,1)}
@media (min-width:720px){.cf-stage{width:min(370px,50vw)}}
.cf.open .cf-stage{transform:scale(1.04);transition:transform 3s cubic-bezier(.2,.7,.2,1)}
.cf-stage::after{content:"";position:absolute;left:-10%;right:-10%;bottom:-6%;height:12%;z-index:-1;background:radial-gradient(50% 50% at 50% 50%,rgba(0,0,0,.95),transparent 70%)}
.cf-dust{position:absolute;left:-35%;top:-25%;width:170%;height:150%;pointer-events:none;z-index:8}
.cf-body{position:absolute;inset:0;border-radius:10px;transform-style:preserve-3d;
  background:linear-gradient(135deg,rgba(255,255,255,.07),transparent 30%),repeating-linear-gradient(90deg,rgba(255,255,255,.012) 0 1px,transparent 1px 3px),linear-gradient(180deg,#131316,#0a0a0c 60%,#070708);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.12),inset 0 0 0 1px rgba(255,255,255,.05),inset 0 -18px 30px rgba(0,0,0,.7),0 50px 80px -30px rgba(0,0,0,1),0 0 0 1px #000}
.cf-open{position:absolute;inset:6.5% 7.5%;border-radius:4px;overflow:hidden;background:#040404;box-shadow:inset 0 0 0 1px rgba(217,183,102,.45),inset 0 0 26px 6px rgba(0,0,0,.95)}
.cf-int{position:absolute;inset:0;background:url(/experiencias/cofre-interior.webp) center top/cover no-repeat;filter:brightness(.16) saturate(.6);transform:scale(1.06);transition:filter 1.6s .6s,transform 3.4s cubic-bezier(.2,.7,.2,1)}
.cf.open .cf-int{filter:brightness(1) saturate(1);transform:scale(1)}
.cf-int::after{content:"";position:absolute;inset:0;background:radial-gradient(70% 55% at 50% 42%,transparent,rgba(0,0,0,.55) 100%)}
.cf-int .lamp{position:absolute;left:50%;top:0;width:120%;height:60%;transform:translateX(-50%);opacity:0;background:radial-gradient(40% 50% at 50% 0%,rgba(255,226,170,.45),transparent 70%);transition:opacity 1.2s .9s}
.cf.open .cf-int .lamp{opacity:1}
.cf-hinge{position:absolute;right:4.2%;width:3.2%;height:11%;border-radius:3px;z-index:3;background:linear-gradient(90deg,#6e5320,#f1d895 40%,#b89140 60%,#5e4718);box-shadow:0 2px 4px rgba(0,0,0,.8)}
.cf-hinge.h1{top:17%}.cf-hinge.h2{bottom:17%}
.cf-door{position:absolute;inset:6.5% 7.5%;transform-origin:100% 50%;transform-style:preserve-3d;transition:transform 1.7s cubic-bezier(.7,0,.22,1);will-change:transform;z-index:2}
.cf.open .cf-door{transform:rotateY(74deg)}
.cf-face{position:absolute;inset:0;border-radius:4px;overflow:hidden;
  background:radial-gradient(120% 70% at 20% 0%,rgba(255,255,255,.09),transparent 50%),repeating-linear-gradient(90deg,rgba(255,255,255,.016) 0 1px,transparent 1px 2px),linear-gradient(180deg,#161619,#0c0c0e 55%,#09090a);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.14),inset 0 0 0 1px rgba(0,0,0,.9),inset 0 0 0 2px rgba(255,255,255,.04)}
.cf-edge{position:absolute;left:0;top:0;bottom:0;width:20px;transform-origin:0 50%;transform:rotateY(90deg);
  background:linear-gradient(90deg,#1b1b1e,#2b2b2f 50%,#141416);display:flex;flex-direction:column;justify-content:space-around;align-items:center}
.cf-edge i{width:15px;height:15px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#fff,#a9adb4 40%,#4a4d52 80%);box-shadow:0 0 0 1px rgba(0,0,0,.8);transition:transform .5s}
.cf.unbolt .cf-edge i{transform:scale(.55)}
.cf-panel{position:absolute;inset:5% 7%;border-radius:3px;box-shadow:0 0 0 1px rgba(217,183,102,.5),inset 0 0 0 3px #0a0a0b,inset 0 0 0 4px rgba(217,183,102,.18),inset 0 10px 24px rgba(0,0,0,.6),0 1px 0 rgba(255,255,255,.06)}
.cf-panel i{position:absolute;width:7px;height:7px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#f4f5f7,#8d9198 50%,#3d4045);box-shadow:0 1px 2px rgba(0,0,0,.8)}
.cf-panel .s1{top:7px;left:7px}.cf-panel .s2{top:7px;right:7px}.cf-panel .s3{bottom:7px;left:7px}.cf-panel .s4{bottom:7px;right:7px}
.cf-screen{position:absolute;left:15%;right:15%;top:9.5%;padding:9px 11px 10px;border-radius:5px;text-align:left;
  background:linear-gradient(180deg,#050506,#0a0a0b);box-shadow:inset 0 0 0 1px rgba(217,183,102,.38),inset 0 1px 12px rgba(0,0,0,.9),0 1px 0 rgba(255,255,255,.05)}
.cf-screen::after{content:"";position:absolute;inset:0;border-radius:5px;pointer-events:none;background:linear-gradient(160deg,rgba(255,255,255,.07),transparent 40%)}
.cf-scr-t{margin:0;display:flex;justify-content:space-between;align-items:center;font:500 7.5px/1 var(--mono);letter-spacing:.22em;text-transform:uppercase;color:rgba(217,183,102,.8)}
.cf-leds{display:flex;gap:4px}
.cf-leds i{width:5px;height:5px;border-radius:50%;background:#2a2620;transition:background .3s,box-shadow .3s}
.cf-leds i.ok{background:var(--gold1);box-shadow:0 0 6px var(--gold2)}
.cf-leds i.now{background:#6b5a35;animation:cfBlink 1.2s steps(2) infinite}
@keyframes cfBlink{50%{background:var(--gold1)}}
.cf-scr-v{margin:7px 0 0;min-height:2.5em;font:500 10px/1.25 var(--mono);letter-spacing:.01em;color:#f3dfa6;text-shadow:0 0 10px rgba(243,223,166,.35)}
.cf-scr-v::after{content:"";display:inline-block;width:5px;height:9px;margin-left:3px;vertical-align:-1px;background:var(--gold1);animation:cfBlink 1s steps(2) infinite}
.cf-dial{position:absolute;left:50%;top:42%;width:47%;aspect-ratio:1;transform:translate(-50%,-50%);border-radius:50%;touch-action:none;cursor:grab;
  background:radial-gradient(circle,#0a0a0b 60%,#1d1d20 61%,#0b0b0c 70%);box-shadow:0 0 0 1px rgba(217,183,102,.38),0 8px 18px rgba(0,0,0,.8),inset 0 0 0 4px #070708}
.cf-dial.drag{cursor:grabbing}
.cf-disc{position:absolute;inset:7%;border-radius:50%;will-change:transform;
  background:repeating-conic-gradient(from -.5deg,rgba(236,238,242,.5) 0 1deg,transparent 1deg 7.2deg),radial-gradient(circle at 38% 30%,#3a3b40,#141416 62%,#0b0b0c);
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.12),inset 0 -6px 14px rgba(0,0,0,.7),inset 0 4px 8px rgba(255,255,255,.05)}
.cf-disc::before{content:"";position:absolute;inset:17%;border-radius:50%;background:radial-gradient(circle at 40% 30%,#26272b,#0d0d0f 70%);box-shadow:inset 0 0 0 1px rgba(255,255,255,.08)}
.cf-disc b{position:absolute;left:50%;top:50%;font:500 8px/1 var(--mono);color:#cfd2d7;letter-spacing:.04em;white-space:nowrap}
.cf-disc b.sel{color:var(--gold1);text-shadow:0 0 8px rgba(243,223,166,.75)}
.cf-mark{position:absolute;left:50%;top:-9px;width:0;height:0;margin-left:-6px;border:6px solid transparent;border-top:9px solid var(--gold1);filter:drop-shadow(0 0 5px rgba(243,223,166,.8));pointer-events:none;z-index:2}
.cf-cap{all:unset;position:absolute;left:50%;top:50%;width:40%;height:40%;margin:-20% 0 0 -20%;border-radius:50%;cursor:pointer;z-index:2;display:grid;place-items:center;
  background:radial-gradient(circle at 38% 30%,#f7f8fa,#a9adb4 38%,#4b4e53 78%,#2a2c2f);box-shadow:0 3px 8px rgba(0,0,0,.8),inset 0 -2px 4px rgba(0,0,0,.4);transition:transform .15s,box-shadow .3s}
.cf-cap:active{transform:scale(.95)}
.cf-cap span{font:600 6.5px/1 var(--sans);letter-spacing:.2em;text-transform:uppercase;color:#1a1b1d}
.cf-cap.ready{box-shadow:0 3px 8px rgba(0,0,0,.8),0 0 0 2px rgba(243,223,166,.6),0 0 18px rgba(243,223,166,.45);animation:cfReady 1.8s ease-in-out infinite}
@keyframes cfReady{50%{box-shadow:0 3px 8px rgba(0,0,0,.8),0 0 0 3px rgba(243,223,166,.85),0 0 28px rgba(243,223,166,.65)}}
.cf.k .cf-cap{pointer-events:none}
.cf-wheel{position:absolute;left:50%;top:75.5%;width:47%;aspect-ratio:1;transform:translate(-50%,-50%);filter:drop-shadow(0 8px 10px rgba(0,0,0,.85))}
.cf-wheel svg{width:100%;height:100%;display:block;overflow:visible}
.cf-wheel .spin{transform-origin:50px 50px;transform:rotate(var(--wr,0deg));transition:transform .5s cubic-bezier(.4,0,.2,1)}
.cf.spinning .cf-wheel .spin{transition:transform 1s cubic-bezier(.5,0,.2,1)}
.cf-wheel .hole{position:absolute;left:50%;top:50%;width:6%;height:13%;transform:translate(-50%,-50%);opacity:0;transition:opacity .4s;
  background:radial-gradient(circle at 50% 28%,rgba(243,223,166,.95) 0 30%,transparent 32%),linear-gradient(rgba(243,223,166,.95),rgba(243,223,166,.95)) 50% 88%/38% 52% no-repeat;filter:drop-shadow(0 0 4px rgba(243,223,166,.9))}
.cf.k .cf-wheel .hole{opacity:1;animation:cfHole 1.4s ease-in-out infinite}
@keyframes cfHole{50%{opacity:.45}}
.cf.keyed .cf-wheel .hole{opacity:0;animation:none}
.cf-key{position:absolute;left:50%;top:72.2%;width:30%;margin-left:-30%;transform-origin:100% 50%;z-index:6;pointer-events:none;opacity:0;
  transform:translate(-40%,60%) rotate(-28deg);filter:drop-shadow(0 6px 10px rgba(0,0,0,.85)) drop-shadow(0 0 8px rgba(243,223,166,.5));transition:transform .7s cubic-bezier(.3,.8,.3,1),opacity .3s}
.cf.keyed .cf-key{opacity:1;transform:translate(0,-50%) rotate(-28deg)}
.cf.turned .cf-key{transform:translate(0,-50%) rotate(-28deg) rotateX(78deg);transition:transform .45s cubic-bezier(.5,0,.3,1)}
.cf.open .cf-key{opacity:0;transition:opacity .25s}
.cf-flash{position:absolute;inset:-12%;z-index:7;pointer-events:none;background:radial-gradient(circle at 50% 45%,rgba(255,238,200,.75),transparent 55%);opacity:0}
.cf.open .cf-flash{animation:cfFlash 1.4s .25s ease-out}
@keyframes cfFlash{0%{opacity:0}18%{opacity:.9}100%{opacity:0}}
.cf.shake .cf-stage{animation:cfShake .4s linear}
@keyframes cfShake{20%{transform:translate(-1.2px,.8px)}40%{transform:translate(1.2px,-.8px)}60%{transform:translate(-.8px,0)}80%{transform:translate(.8px,.8px)}}
.cf-rev{position:absolute;inset:0;z-index:2;display:grid;place-items:center;pointer-events:none}
.cf-rev .cards{position:relative;width:58%;aspect-ratio:4/5;margin:-6% 0 0 -16%;transform:translateY(22%) scale(.6);opacity:0;transition:transform 1.4s 1.1s cubic-bezier(.2,.9,.2,1.04),opacity .8s 1.1s}
.cf.open .cf-rev .cards{transform:none;opacity:1}
.cf-rev .cv{position:absolute;inset:0;border-radius:6px;overflow:hidden;box-shadow:0 0 0 1px rgba(243,223,166,.6),0 28px 50px -14px rgba(0,0,0,1),0 0 50px -10px rgba(255,214,140,.55)}
.cf-rev .cv img{width:100%;height:100%;object-fit:cover;display:block}
.cf-rev .cc{position:absolute;width:78%;right:-26%;bottom:-12%;transform:rotate(-10deg);filter:drop-shadow(0 14px 22px rgba(0,0,0,.9))}
.cf-rev .cc.duo{width:70%;right:-24%;bottom:-20%}
.cf-pickzone{max-width:470px;margin:22px auto 0;display:flex;flex-direction:column;align-items:center;gap:16px}
.cf-list,.cf-chips{display:flex;flex-wrap:wrap;justify-content:center;gap:7px}
.cf-opt,.cf-chip{all:unset;box-sizing:border-box;min-height:40px;padding:0 14px;display:inline-flex;align-items:center;gap:8px;border-radius:999px;cursor:pointer;
  font:500 12px/1.2 var(--sans);color:#d9dce0;background:rgba(12,12,14,.78);border:1px solid rgba(230,233,238,.12);transition:border-color .2s,background .2s,color .2s,transform .15s}
.cf-opt b{font:500 9px/1 var(--mono);color:#6f737a;letter-spacing:.06em}
.cf-opt:hover,.cf-chip:hover{border-color:rgba(243,223,166,.45)}
.cf-opt:active,.cf-chip:active{transform:scale(.97)}
.cf-opt.sel,.cf-chip.on{color:var(--ink);background:linear-gradient(180deg,#f3dfa6,#d4b064);border-color:transparent}
.cf-opt.sel b{color:rgba(31,22,6,.65)}
.cf-chip.nk{color:#9a9ea5;border-style:dashed}
.cf.k .cf-pickzone,.cf.open .cf-pickzone{display:none}
.cf-keys{max-width:520px;margin:22px auto 0}
.cf-keys[hidden]{display:none}
.cf.open .cf-keys{display:none}
.cf-out{max-width:460px;margin:26px auto 0;opacity:0;transform:translateY(12px);transition:opacity .8s 2.4s,transform .8s 2.4s}
.cf.open .cf-out{opacity:1;transform:none}
.cf-out[hidden]{display:none}
.cf-term{position:relative;padding:16px 18px 18px;border-radius:12px;text-align:left;background:linear-gradient(180deg,#09090a,#050506);
  box-shadow:inset 0 0 0 1px rgba(217,183,102,.4),0 24px 60px -24px rgba(0,0,0,1),0 0 50px -24px rgba(243,223,166,.35)}
.cf-term::before{content:"";position:absolute;left:8%;right:8%;top:0;height:1px;background:linear-gradient(90deg,transparent,rgba(243,223,166,.85),transparent)}
.cf-term-h{margin:0;display:flex;justify-content:space-between;gap:10px;font:500 9px/1 var(--mono);letter-spacing:.3em;text-transform:uppercase;color:var(--gold2)}
.cf-term-h em{font-style:normal;color:#8b8f96;letter-spacing:.18em}
.cf-term-l{margin-top:14px;display:grid;gap:9px}
.cf-term-l p{margin:0;min-height:1.3em;font:500 clamp(15px,4.3vw,18px)/1.3 var(--sans);letter-spacing:-.01em;color:#f4f5f7}
.cf-term-l p i{font-style:normal;color:var(--gold1)}
.cf-term-l p.typing::after{content:"";display:inline-block;width:7px;height:.95em;margin-left:3px;vertical-align:-2px;background:var(--gold1);animation:cfBlink 1s steps(2) infinite}
.cf-out>div>span{display:block;font:500 9px/1 var(--mono);letter-spacing:.28em;text-transform:uppercase;color:#7f838a}
.cf-move{margin:14px auto 0;padding:15px 18px;border-radius:12px;text-align:left;background:rgba(10,10,12,.82);border:1px solid var(--line)}
.cf-move p{margin:8px 0 0;font:400 13.5px/1.6 var(--sans);color:#e3e5e9}
.cf-rec{margin:24px auto 0}
.cf-out h3{margin:10px 0 0;font:600 clamp(20px,5.4vw,28px)/1.12 var(--sans);letter-spacing:-.02em;color:#f5f6f8}
.cf-out .why{margin:8px auto 0;max-width:40ch;font:400 13px/1.6 var(--sans);color:#9a9ea5}
.cf-row{display:flex;gap:10px;justify-content:center;flex-wrap:wrap}
.cf-out .cf-row{margin-top:18px}
.cf-out .also{margin:14px 0 0;font-size:12px;color:#81858c}
.cf-out .also button{all:unset;cursor:pointer;color:#e6e8ec;text-decoration:underline;text-underline-offset:3px;padding:6px 2px}
.cf-snd{display:none!important;all:unset;position:absolute;top:14px;right:14px;width:42px;height:42px;border-radius:50%;display:grid;place-items:center;cursor:pointer;color:#bfc2c8;border:1px solid var(--line);background:rgba(5,5,6,.6);z-index:9}
.cf-snd svg{width:16px;height:16px}
.cf-snd[aria-pressed="false"] .on,.cf-snd[aria-pressed="true"] .off{display:none}

@media (prefers-reduced-motion:reduce){
  .hg-it.on>button::before,.cf-cap.ready,.cf-leds i.now,.cf-scr-v::after,.cf.k .cf-wheel .hole,.cf-term-l p.typing::after{animation:none}
  .hg-ic,.cf-door,.cf-rev .cards,.cf-out,.cf-int,.cf-int .lamp,.cf-edge i,.cf-key,.cf-stage,.cf-bg,.cf-wheel .spin{transition:none}
  .cf.open .cf-flash,.cf.shake .cf-stage{animation:none}
}

/* ===== v4 · cada capa vira um estojo Cash Code: moldura preta laqueada, filete dourado,
   placa gravada "CASH CODE Nº 13" e o cartão dourado aparecendo atrás da capa da frente ===== */
.hg-stage{height:calc(var(--chh) * 1.42 + 34px)}
.hg-ring{top:30px}
.hg-floor{top:calc(30px + var(--chh))}
.hg-it>button{padding:7px 7px 0;border-radius:10px;background:linear-gradient(180deg,#141416,#08080a 70%);
  box-shadow:inset 0 0 0 1px rgba(243,223,166,.22),inset 0 1px 0 rgba(255,255,255,.08),0 0 0 1px #000,0 34px 56px -24px rgba(0,0,0,1)}
.hg-it .cs{position:relative;display:block;height:calc(100% - 38px);border-radius:5px;overflow:hidden;box-shadow:0 0 0 1px rgba(0,0,0,.9),0 2px 8px rgba(0,0,0,.6)}
.hg-it .cs img{width:100%;height:100%;object-fit:cover;display:block}
.hg-it .pl{position:absolute;left:10px;right:10px;bottom:0;height:38px;display:flex;align-items:center;justify-content:space-between;gap:6px;
  border-top:1px solid rgba(243,223,166,.16)}
.hg-it .pl em{font:500 7.5px/1 var(--mono);font-style:normal;letter-spacing:.28em;text-transform:uppercase;color:#d9b766;white-space:nowrap}
.hg-it .pl b{font:500 8.5px/1 var(--mono);letter-spacing:.12em;color:#8e9298}
.hg-it .nw{top:6px;left:6px}
.hg-it.on>button{box-shadow:inset 0 0 0 1px rgba(243,223,166,.75),inset 0 1px 0 rgba(255,255,255,.14),0 0 0 1px #000,0 0 60px -14px rgba(243,223,166,.55),0 40px 70px -26px rgba(0,0,0,1)}
.hg-it.on .pl em{color:#f3dfa6;text-shadow:0 0 10px rgba(243,223,166,.45)}
.hg-it.on .pl b{color:#d6d9de}
.hg-it .gc{position:absolute;width:66%;right:-6%;top:-17%;transform:translateZ(-30px) rotate(9deg) translateY(40px);opacity:0;pointer-events:none;
  filter:drop-shadow(0 16px 20px rgba(0,0,0,.85));transition:opacity .6s,transform .9s cubic-bezier(.2,.8,.2,1)}
.hg-it.on .gc{opacity:1;transform:translateZ(-30px) rotate(9deg)}
.hg-it .rf{top:calc(100% + 4px);height:40%}
.hg-it .rf img{height:calc(var(--chh) - 38px)}
.hg-it>button::before{border-radius:10px}
.hg-count{font-size:9px;letter-spacing:.3em;text-transform:uppercase}
@media (prefers-reduced-motion:reduce){.hg-it .gc{transition:none}}
.hg-it .gc{display:none}