/* Clube Hazzin: botao fixo, card e aba minimizada. Prefixo .hzk pra nao brigar com o tema. */
.hzk{--hzk-azul:#002A65;--hzk-papel:#fff;--hzk-azul2:#001B42;--hzk-tinta:#17212B;--hzk-cinza:#5B6675;--hzk-fundo:#F5F7FA;--hzk-borda:#E3E8EF;font-family:Montserrat,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;color:var(--hzk-tinta);box-sizing:border-box}
.hzk *,.hzk *::before,.hzk *::after{box-sizing:inherit}
/* botao: porquinho fixo no meio da lateral direita */
.hzk__btn{position:fixed;right:0;top:50%;transform:translateY(-50%);z-index:1300;width:60px;height:60px;border:0;border-radius:14px 0 0 14px;background:var(--hzk-azul);color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 10px 30px -10px rgba(0,27,66,.55);transition:width .18s ease,background .18s ease}
.hzk__btn:hover{background:var(--hzk-azul2);width:66px}
.hzk__btn svg{width:34px;height:34px}
.hzk__btn .hzk__badge{position:absolute;top:-6px;left:-6px;min-width:22px;height:22px;padding:0 6px;border-radius:11px;background:#E11D48;color:#fff;font:700 11px/22px Montserrat,sans-serif;text-align:center;display:none}
.hzk__btn.tem-saldo .hzk__badge{display:block}
/* aba minimizada (print 3): faixa vertical com o nome */
.hzk__aba{position:fixed;right:0;top:50%;transform:translateY(-50%);z-index:1300;width:52px;padding:14px 0 16px;border:0;border-radius:12px 0 0 12px;background:var(--hzk-azul);color:#fff;cursor:pointer;display:none;flex-direction:column;align-items:center;gap:14px;box-shadow:0 10px 30px -10px rgba(0,27,66,.55)}
.hzk__aba svg{width:22px;height:22px}
.hzk__aba span{writing-mode:vertical-rl;transform:rotate(180deg);font:700 15px/1 Montserrat,sans-serif;letter-spacing:.02em;white-space:nowrap}
/* card */
.hzk__card{position:fixed;right:16px;bottom:16px;z-index:1310;width:min(380px,calc(100vw - 32px));max-height:min(640px,calc(100vh - 32px));display:none;flex-direction:column;background:var(--hzk-fundo);border-radius:16px;box-shadow:0 24px 60px -20px rgba(0,27,66,.5),0 0 0 1px var(--hzk-borda);overflow:hidden}
.hzk.is-aberto .hzk__card{display:flex}
.hzk.is-aberto .hzk__btn{display:none}
.hzk.is-minimizado .hzk__aba{display:flex}
.hzk.is-minimizado .hzk__btn{display:none}
.hzk__cab{display:flex;align-items:center;gap:10px;padding:14px 16px;background:var(--hzk-azul);color:#fff}
.hzk__cab svg{width:26px;height:26px;flex:0 0 auto}
.hzk__cab h3{margin:0;font:700 18px/1.2 Montserrat,sans-serif;flex:1 1 auto}
.hzk__cab button{border:0;background:transparent;color:#fff;width:32px;height:32px;border-radius:8px;cursor:pointer;font:400 26px/1 Montserrat,sans-serif;display:flex;align-items:center;justify-content:center;transition:transform .35s ease,background .2s}
.hzk__cab button:hover{background:rgba(255,255,255,.14);transform:rotate(90deg)}
.hzk__corpo{padding:18px 18px 16px;overflow:auto;flex:1 1 auto}
.hzk__titulo{margin:0 0 14px;font:700 24px/1.2 Montserrat,sans-serif;color:var(--hzk-tinta)}
.hzk__p{margin:0 0 12px;font-size:14px;line-height:1.5;color:var(--hzk-cinza)}
.hzk__lista{list-style:none;margin:14px 0 0;padding:0;background:var(--hzk-papel);border-radius:14px;box-shadow:0 6px 24px -14px rgba(0,27,66,.3);overflow:hidden}
.hzk__lista li+li{border-top:1px solid var(--hzk-borda)}
.hzk__item{display:flex;align-items:center;gap:12px;width:100%;padding:15px 16px;border:0;background:transparent;font:600 16px/1 Montserrat,sans-serif;color:var(--hzk-tinta);cursor:pointer;text-align:left;text-decoration:none}
.hzk__item:hover{background:#F8FAFC}
.hzk__item .hzk__ico{width:30px;height:30px;border-radius:50%;background:var(--hzk-tinta);color:#fff;display:flex;align-items:center;justify-content:center;flex:0 0 auto}
.hzk__item .hzk__ico svg{width:16px;height:16px}
.hzk__item .hzk__rot{flex:1 1 auto;text-align:left}
.hzk__item .hzk__seta{color:var(--hzk-tinta);font-size:22px;line-height:1}
.hzk__cta{display:block;width:100%;margin-top:14px;padding:13px;border:0;border-radius:10px;background:var(--hzk-azul);color:#fff;font:700 14px/1 Montserrat,sans-serif;letter-spacing:.04em;text-transform:uppercase;text-align:center;text-decoration:none;cursor:pointer}
.hzk__cta:hover{background:var(--hzk-azul2)}
.hzk__cta[disabled]{opacity:.55;cursor:default}
.hzk__cta--claro{background:var(--hzk-papel);color:var(--hzk-azul);box-shadow:inset 0 0 0 1.5px var(--hzk-azul)}
.hzk__cta--claro:hover{background:#EEF2F8}
.hzk__info{display:flex;align-items:center;gap:12px;margin-top:14px;padding:12px 14px;background:var(--hzk-papel);border-radius:14px;box-shadow:0 6px 24px -14px rgba(0,27,66,.3)}
.hzk__info .hzk__moeda{width:30px;height:30px;animation:none}
.hzk__info b{display:block;font:800 14px/1.2 Montserrat,sans-serif;color:var(--hzk-tinta)}
.hzk__info span{display:block;margin-top:2px;font-size:12px;color:#5B6675}
/* saldo */
.hzk__saldo{background:var(--hzk-papel);border-radius:14px;padding:16px 18px;box-shadow:0 6px 24px -14px rgba(0,27,66,.3)}
.hzk__saldo small{display:block;font-size:12px;color:var(--hzk-cinza);text-transform:uppercase;letter-spacing:.06em;font-weight:700}
.hzk__saldo strong{display:block;font:800 34px/1.1 Montserrat,sans-serif;color:var(--hzk-azul);margin:4px 0 6px}
.hzk__saldo .hzk__sub{font-size:13px;color:var(--hzk-cinza)}
.hzk__saldo .hzk__sub b{color:var(--hzk-tinta)}
.hzk__cupom{margin-top:14px;background:var(--hzk-papel);border:2px dashed var(--hzk-azul);border-radius:14px;padding:14px 16px}
.hzk__cupom small{font-size:12px;color:var(--hzk-cinza)}
.hzk__cupom code{display:block;font:800 22px/1.2 "SFMono-Regular",Menlo,monospace;color:var(--hzk-azul);letter-spacing:.06em;margin:4px 0 8px}
.hzk__cupom .hzk__linha{display:flex;gap:8px}
.hzk__cupom .hzk__linha .hzk__cta{margin:0;padding:10px;font-size:12px}
.hzk__voltar{display:inline-flex;align-items:center;gap:6px;margin:0 0 10px;border:0;background:transparent;color:var(--hzk-azul);font:700 13px/1 Montserrat,sans-serif;cursor:pointer;padding:0}
.hzk__campo{display:flex;gap:8px;margin-top:12px}
.hzk__campo input{flex:1 1 auto;min-width:0;padding:12px 14px;border:1px solid var(--hzk-borda);border-radius:10px;font:600 18px/1 Montserrat,sans-serif;letter-spacing:.2em;text-align:center;outline:0}
.hzk__campo input:focus{border-color:var(--hzk-azul);box-shadow:0 0 0 3px rgba(0,42,101,.12)}
.hzk__campo .hzk__cta{margin:0;width:auto;padding:12px 16px}
.hzk__chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}
.hzk__chip{border:1.5px solid var(--hzk-azul);background:var(--hzk-papel);color:var(--hzk-azul);border-radius:999px;padding:8px 14px;font:700 13px/1 Montserrat,sans-serif;cursor:pointer}
.hzk__chip.is-on,.hzk__chip:hover{background:var(--hzk-azul);color:#fff}
.hzk__erro{margin:10px 0 0;font-size:13px;color:#B42318}
.hzk__ok{margin:10px 0 0;font-size:13px;color:#067647}
/* extrato */
.hzk__ext{list-style:none;margin:0;padding:0;background:var(--hzk-papel);border-radius:14px;overflow:hidden}
.hzk__ext li{display:flex;justify-content:space-between;gap:10px;padding:12px 14px;border-top:1px solid var(--hzk-borda);font-size:13.5px}
.hzk__ext li:first-child{border-top:0}
.hzk__ext .hzk__d{color:var(--hzk-cinza);font-size:12px;display:block;margin-top:2px}
.hzk__ext .hzk__v{font-weight:700;white-space:nowrap}
.hzk__ext .hzk__v.mais{color:#067647}.hzk__ext .hzk__v.menos{color:#B42318}.hzk__ext .hzk__v.pend{color:#B54708}
/* metas (jogos sem sorte) */
.hzk__meta{background:var(--hzk-papel);border-radius:14px;padding:14px 16px;margin-top:10px}
.hzk__meta h4{margin:0 0 4px;font:700 14.5px/1.3 Montserrat,sans-serif}
.hzk__meta p{margin:0 0 8px;font-size:12.5px;color:var(--hzk-cinza)}
.hzk__barra{height:10px;border-radius:5px;background:var(--hzk-borda);overflow:hidden}
.hzk__barra i{display:block;height:100%;background:linear-gradient(90deg,#002A65,#3B82F6);border-radius:5px}
.hzk__regras{font-size:13.5px;line-height:1.55;color:var(--hzk-tinta)}
.hzk__regras li{margin-bottom:6px}
@media (max-width:480px){.hzk__card{right:0;bottom:0;width:100vw;max-height:88vh;border-radius:16px 16px 0 0}}
@media (prefers-reduced-motion:reduce){.hzk__btn{transition:none}}
/* ---- gamificacao (17/09) ---- */
.hzk__nivel{background:var(--hzk-papel);border-radius:14px;padding:12px 16px;margin-top:10px;box-shadow:0 6px 24px -14px rgba(0,27,66,.3)}
.hzk__nivel .hzk__nl{display:flex;justify-content:space-between;align-items:baseline;font-size:12.5px;color:var(--hzk-cinza)}
.hzk__nivel .hzk__nl b{font-size:14px;color:var(--hzk-tinta)}
.hzk__nivel .hzk__barra{margin-top:8px}
.hzk__coins{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap}
.hzk__coins strong{font-size:28px;white-space:nowrap}
.hzk__coins em{font-style:normal;font-size:13px;color:var(--hzk-cinza)}
.hzk__rasp-cta{display:flex;align-items:center;gap:12px;margin-top:12px;padding:14px 16px;border:0;border-radius:14px;width:100%;cursor:pointer;text-align:left;background:linear-gradient(135deg,#F59E0B,#F97316);color:#fff;box-shadow:0 10px 24px -12px rgba(249,115,22,.7)}
.hzk__rasp-cta.dourada{background:linear-gradient(135deg,#D4AF37,#B8860B)}
.hzk__rasp-cta b{display:block;font-size:15px}.hzk__rasp-cta span{font-size:12.5px;opacity:.92}
.hzk__rasp-cta svg{width:30px;height:30px;flex:0 0 auto}
.hzk__rasp{position:relative;width:100%;aspect-ratio:16/10;border-radius:16px;overflow:hidden;background:var(--hzk-papel);box-shadow:0 12px 30px -12px rgba(0,27,66,.4);margin-top:12px;user-select:none;touch-action:none}
.hzk__rasp-fundo{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;background:radial-gradient(circle at 50% 40%,#fff,#EEF2F8)}
.hzk__rasp-fundo small{font-size:12px;color:var(--hzk-cinza);text-transform:uppercase;letter-spacing:.08em;font-weight:700}
.hzk__rasp-fundo strong{font:800 40px/1 Montserrat,sans-serif;color:var(--hzk-azul)}
.hzk__rasp-fundo.dourada strong{color:#B8860B}
.hzk__rasp canvas{position:absolute;inset:0;width:100%;height:100%;cursor:grab}
.hzk__rasp.is-revelada canvas{opacity:0;transition:opacity .5s ease;pointer-events:none}
.hzk__rasp-dica{margin:10px 0 0;text-align:center;font-size:13px;color:var(--hzk-cinza)}
.hzk__missao{background:var(--hzk-papel);border-radius:14px;padding:12px 14px;margin-top:8px;display:grid;grid-template-columns:1fr auto;gap:4px 10px;align-items:center}
.hzk__missao.feita{opacity:.72}
.hzk__missao h4{margin:0;font:700 14px/1.3 Montserrat,sans-serif;grid-column:1}
.hzk__missao .hzk__premio{grid-column:2;grid-row:1/span 2;font:800 13px/1 Montserrat,sans-serif;color:#B8860B;white-space:nowrap;text-align:right}
.hzk__missao p{margin:0;font-size:12.5px;color:var(--hzk-cinza);grid-column:1}
.hzk__missao .hzk__barra{grid-column:1/-1;margin-top:6px}
.hzk__missao .hzk__rot{grid-column:1/-1;font-size:12px;color:var(--hzk-cinza);margin-top:4px;text-align:left}
.hzk__missao .hzk__mini{grid-column:1/-1;margin-top:8px;padding:9px;font-size:12px}
.hzk__selos{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:12px}
.hzk__selo{background:var(--hzk-papel);border-radius:14px;padding:12px 8px;text-align:center;font-size:11.5px;color:var(--hzk-cinza)}
.hzk__selo b{display:block;font-size:12.5px;color:var(--hzk-tinta);margin-top:6px}
.hzk__selo i{display:flex;align-items:center;justify-content:center;width:44px;height:44px;margin:0 auto;border-radius:50%;background:#EEF2F8;color:#9AA4B1;font-style:normal;font-size:20px}
.hzk__selo.tem i{background:linear-gradient(135deg,#D4AF37,#F59E0B);color:#fff}
.hzk__selo:not(.tem){opacity:.6}
.hzk__cat{background:var(--hzk-papel);border-radius:14px;padding:12px 14px;margin-top:8px;display:flex;align-items:center;gap:12px}
.hzk__cat div{flex:1 1 auto}.hzk__cat h4{margin:0;font:700 14px/1.3 Montserrat,sans-serif}.hzk__cat p{margin:2px 0 0;font-size:12.5px;color:var(--hzk-cinza)}
.hzk__cat .hzk__cta{margin:0;width:auto;padding:9px 12px;font-size:11.5px;white-space:nowrap}
.hzk__form label{display:block;font-size:12.5px;font-weight:700;color:var(--hzk-cinza);margin:10px 0 4px}
.hzk__form input,.hzk__form textarea,.hzk__form select{width:100%;padding:10px 12px;border:1px solid var(--hzk-borda);border-radius:10px;font:500 14px Montserrat,sans-serif;outline:0;background:var(--hzk-papel)}
.hzk__form input:focus,.hzk__form textarea:focus{border-color:var(--hzk-azul)}
.hzk__quiz{background:var(--hzk-papel);border-radius:14px;padding:12px 14px;margin-top:8px}
.hzk__quiz h4{margin:0 0 8px;font:700 13.5px/1.35 Montserrat,sans-serif}
.hzk__quiz label{display:flex;gap:8px;align-items:center;font-size:13px;padding:6px 0;cursor:pointer}
.hzk__nps{display:grid;grid-template-columns:repeat(11,1fr);gap:4px;margin-top:10px}
.hzk__nps button{border:1.5px solid var(--hzk-borda);background:var(--hzk-papel);border-radius:8px;padding:9px 0;font:700 13px Montserrat,sans-serif;cursor:pointer;color:var(--hzk-tinta)}
.hzk__nps button.is-on{background:var(--hzk-azul);border-color:var(--hzk-azul);color:#fff}
.hzk__cod{display:flex;align-items:center;justify-content:space-between;gap:10px;background:var(--hzk-papel);border:2px dashed var(--hzk-azul);border-radius:14px;padding:12px 14px;margin-top:10px}
.hzk__cod code{font:800 20px/1 Menlo,monospace;color:var(--hzk-azul);letter-spacing:.06em}
.hzk__cod .hzk__cta{margin:0;width:auto;padding:9px 12px;font-size:11.5px}
/* resgate: aviso do pedido minimo (bem visivel) e confirmacao obrigatoria */
.hzk__aviso{margin-top:12px;padding:12px 14px;border-radius:12px;background:#FFF4D6;border:1.5px solid #F59E0B;color:#7A4B00;font-size:13.5px;line-height:1.5}
.hzk__aviso b{color:#4A2E00}
.hzk__aviso--erro{background:#FEE4E2;border-color:#B42318;color:#7A1C12}
.hzk__confirma{display:flex;align-items:flex-start;gap:10px;margin-top:12px;font-size:13.5px;line-height:1.45;color:var(--hzk-tinta);cursor:pointer}
.hzk__confirma input{width:20px;height:20px;margin:1px 0 0;accent-color:var(--hzk-azul);flex:0 0 auto}
.hzk__chips .hzk__chip{flex:0 0 auto}

/* Modo app (dentro do aplicativo Hazzin): card em tela cheia, sem aba lateral, botao acima da barra do app. */
.hzk--app .hzk__aba{display:none !important}
/* No app nao existe aba lateral: minimizado volta a mostrar o botao flutuante (senao o Clube some e nao tem como reabrir) */
.hzk--app.is-minimizado .hzk__btn{display:flex !important}
.hzk--app .hzk__card{left:0;right:0;top:0;bottom:0;width:100%;max-width:none;max-height:none;border-radius:0;padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom)}
.hzk--app .hzk__cab{padding-top:calc(14px + env(safe-area-inset-top))}
.hzk--app .hzk__btn{top:auto;bottom:calc(24px + env(safe-area-inset-bottom));transform:none;border-radius:14px 0 0 14px}
/* ---- Clube Hazzin: moeda com giro lento, varredura de luz e aura quando ha novidade ---- */
.hzk__btn,.hzk__aba{overflow:hidden;perspective:600px}
.hzk__moeda{position:relative;display:block;width:36px;height:36px;flex:0 0 auto;filter:drop-shadow(0 2px 4px rgba(0,0,0,.35));animation:hzkGiro 7s ease-in-out infinite;transform-style:preserve-3d}
.hzk__moeda-face{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;backface-visibility:hidden;-webkit-backface-visibility:hidden}
.hzk__moeda-face--verso{transform:rotateY(180deg)}
.hzk__cab .hzk__moeda{width:28px;height:28px;animation:none}
.hzk__aba .hzk__moeda{width:30px;height:30px}
@keyframes hzkGiro{0%,72%{transform:rotateY(0)}86%{transform:rotateY(180deg)}100%{transform:rotateY(360deg)}}
.hzk__brilho{position:absolute;top:-30%;left:-60%;width:40%;height:160%;background:linear-gradient(105deg,transparent,rgba(255,255,255,.35),transparent);transform:skewX(-20deg);animation:hzkVarre 7s ease-in-out infinite;pointer-events:none}
@keyframes hzkVarre{0%,60%{left:-60%}78%{left:130%}100%{left:130%}}
.hzk.tem-novidade .hzk__btn,.hzk.tem-novidade .hzk__aba{box-shadow:0 10px 30px -10px rgba(0,27,66,.55),0 0 0 0 rgba(217,164,65,.7);animation:hzkAura 2.2s ease-out infinite}
@keyframes hzkAura{0%{box-shadow:0 10px 30px -10px rgba(0,27,66,.55),0 0 0 0 rgba(217,164,65,.75)}100%{box-shadow:0 10px 30px -10px rgba(0,27,66,.55),0 0 0 16px rgba(217,164,65,0)}}
.hzk.tem-novidade .hzk__moeda{animation-duration:3.5s}
.hzk__novo{position:absolute;left:50%;top:6px;transform:translateX(-50%);padding:3px 8px;border-radius:999px;background:var(--hzk-papel);color:#9a6a12;font:800 11px/1 Montserrat,sans-serif;white-space:nowrap;pointer-events:none;box-shadow:0 4px 12px -4px rgba(0,0,0,.4)}
.hzk__novo.sobe{animation:hzkSobe 3.2s ease-out forwards}
@keyframes hzkSobe{0%{opacity:0;transform:translate(-50%,10px)}15%{opacity:1;transform:translate(-50%,-4px)}80%{opacity:1;transform:translate(-50%,-14px)}100%{opacity:0;transform:translate(-50%,-26px)}}
@media (prefers-reduced-motion:reduce){.hzk__moeda,.hzk__brilho,.hzk.tem-novidade .hzk__btn,.hzk.tem-novidade .hzk__aba,.hzk__novo.sobe{animation:none}}

/* ---- Painel em pagina propria do app (camada nativa): sem botao, sem aba, ocupa a tela ---- */
.hzk--pagina .hzk__btn,.hzk--pagina .hzk__aba{display:none !important}
/* A area segura de cima entra UMA vez, e no cabecalho: assim o azul da marca sobe ate embaixo do relogio do
   sistema, em vez de deixar uma faixa clara (o inset estava sendo somado no cartao E no cabecalho). */
.hzk--pagina .hzk__card{position:fixed;left:0;right:0;top:0;bottom:0;width:100%;max-width:none;max-height:none;border-radius:0;
  padding-top:0;padding-bottom:var(--hzk-barra,0px)}
.hzk--pagina .hzk__cab{padding-top:calc(14px + var(--hzk-safe-top,0px))}

/* ---- Cronometro do cupom (spec 4.14): digitos de largura fixa para o numero nao empurrar o layout a cada segundo ---- */
.hzk__conta{margin:2px 0 6px;font-size:13px;color:var(--hzk-cinza)}
.hzk__conta b{font:800 15px/1 "SFMono-Regular",Menlo,monospace;font-variant-numeric:tabular-nums;color:var(--hzk-azul)}
.hzk__cupom-pe{display:block;margin-top:8px;color:var(--hzk-cinza)}

/* ---- Caminho de abertura sem animacao (spec 7) ----
   No painel do app a primeira pintura nao pode carregar giro de moeda nem brilho varrendo: e trabalho de
   composicao a cada quadro enquanto a pessoa espera o conteudo, e foi medido como o que atrasa o `pronto`. */
.hzk--pagina .hzk__moeda,.hzk--pagina .hzk__brilho,.hzk--pagina .hzk__novo,
.hzk--pagina.tem-novidade .hzk__btn,.hzk--pagina.tem-novidade .hzk__aba{animation:none !important}
.hzk--pagina .hzk__cab button{transition:none}

/* ---- Tema escuro (contrato da pagina, DECISOES 7.1: `tema=escuro` na URL) ----
   O nativo segue o sistema e manda o tema na URL; sem estas regras o painel nascia claro no aparelho escuro. */
[data-tema=escuro] .hzk{--hzk-azul:#2F6FD0;--hzk-azul2:#3E82E8;--hzk-tinta:#E8EEF6;--hzk-cinza:#9FB0C4;--hzk-fundo:#0B121C;--hzk-borda:#243342;--hzk-papel:#151F2C}
[data-tema=escuro] .hzk__cab{background:#0E1926}
[data-tema=escuro] .hzk__item:hover{background:#1B2734}
[data-tema=escuro] .hzk__item .hzk__ico{background:#26364A;color:#E8EEF6}
[data-tema=escuro] .hzk__cta--claro{background:transparent;color:var(--hzk-azul)}
[data-tema=escuro] .hzk__cta--claro:hover{background:#1B2734}
[data-tema=escuro] .hzk__info span{color:var(--hzk-cinza)}
[data-tema=escuro] .hzk__form input,[data-tema=escuro] .hzk__form textarea,[data-tema=escuro] .hzk__form select,
[data-tema=escuro] .hzk__campo input,[data-tema=escuro] .hzk__nps button{color:var(--hzk-tinta)}
[data-tema=escuro] .hzk__aviso{background:#3A2A06;border-color:#B27C09;color:#FBE3A6}
[data-tema=escuro] .hzk__aviso b{color:#FFF3D1}
[data-tema=escuro] .hzk__aviso--erro{background:#3B1512;border-color:#E06A5E;color:#FFD9D4}
[data-tema=escuro] .hzk__erro{color:#FF9C90}
[data-tema=escuro] .hzk__ok{color:#5FD59A}
[data-tema=escuro] .hzk__ext .hzk__v.mais{color:#5FD59A}
[data-tema=escuro] .hzk__ext .hzk__v.menos{color:#FF9C90}
[data-tema=escuro] .hzk__ext .hzk__v.pend{color:#F0B75E}
[data-tema=escuro] .hzk__rasp-fundo{background:radial-gradient(circle at 50% 40%,#1E2A3A,#121A26)}
[data-tema=escuro] .hzk__selo i{background:#26364A;color:#8C9AAC}
[data-tema=escuro] .hzk__missao .hzk__premio,[data-tema=escuro] .hzk__rasp-fundo.dourada strong{color:#E6B84D}
[data-tema=escuro] .hzk__barra i{background:linear-gradient(90deg,#2F6FD0,#69A5FF)}
[data-tema=escuro] .hzk__card{box-shadow:0 24px 60px -20px rgba(0,0,0,.7),0 0 0 1px var(--hzk-borda)}
.hzk__saldo .hzk__vazio{display:block;min-height:38px;width:60%;border-radius:8px;background:var(--hzk-borda)}

/* ---- Alvos de toque (medidos no CDP em 4 aparelhos) ----
   O "Voltar" tinha 13 px de altura e os botoes do cupom, 32 px: sao justamente os controles que a spec poe na
   frente (copiar e "Usar agora") e o caminho de saida de toda tela. Minimo confortavel no celular: 44 px. */
.hzk__voltar{min-height:44px;padding:0 10px 0 0}
.hzk__cupom .hzk__linha .hzk__cta,.hzk__cod .hzk__cta,.hzk__cta.hzk__mini,.hzk__linha .hzk__cta,.hzk__campo .hzk__cta{min-height:44px;display:flex;align-items:center;justify-content:center}
/* Os chips de valor so apareceram na medicao quando o cliente de teste ficou SEM cupom ativo: com cupom,
   a tela Usar mostra o aviso e nao o escolhedor. Eles escolhem quanto a pessoa vai resgatar, entao
   merecem o mesmo minimo dos outros controles. */
.hzk__chip{min-height:44px;display:inline-flex;align-items:center}
.hzk__cupom .hzk__linha .hzk__cta{padding:10px 12px;font-size:12.5px;flex:1 1 0}
/* Marca de "estou mostrando o que ja tinha" enquanto o /api/me nao responde (F-D11). Discreta de proposito:
   o numero que esta na tela e real, so pode estar velho; esconder o saldo para esperar e pior. */
.hzk__atualizando{font-style:normal;font-weight:600;color:var(--hzk-cinza);text-transform:none;letter-spacing:0}