/* MineAds — galeria de mina à noite. Basalto, estratos, um só metal (cobre oxidado) e malaquita para "ativo". */
:root{
  color-scheme:dark;
  --chao:#0A0B0C; --rocha:#111316; --rocha-2:#181B1F; --rocha-3:#22262B;
  --veio:#2E333A; --veio-2:#454C55;
  --quartzo:#ECEDEA; --quartzo-2:#AEB3B8; --quartzo-3:#899098;
  --cobre:#D08A45; --cobre-forte:#E9A15A; --cobre-fundo:#2A1C10; --cobre-tinta:#120B05;
  --malaquita:#55BC8E; --malaquita-fundo:#0F2419;
  --ferrugem:#E07250; --ferrugem-fundo:#2C140C;
  --display:"Big Shoulders Display","Archivo Narrow",sans-serif;
  --corpo:"Archivo",system-ui,sans-serif;
  --dado:"Martian Mono",ui-monospace,monospace;
  --raio:3px;
  --sombra:0 8px 12px -6px rgba(0,0,0,.8),0 2px 4px rgba(0,0,0,.5);
  --saida:cubic-bezier(.16,1,.3,1);
}
*{box-sizing:border-box}
html{background:var(--chao);-webkit-text-size-adjust:100%}
.prosa{font-family:var(--corpo)!important;letter-spacing:0!important;text-transform:none!important}
body{margin:0;background:var(--chao);color:var(--quartzo);font:400 15px/1.55 var(--corpo);
  -webkit-font-smoothing:antialiased;font-variant-numeric:tabular-nums}
::selection{background:var(--cobre);color:var(--cobre-tinta)}
::placeholder{color:var(--quartzo-3);opacity:1}
:focus-visible{outline:2px solid var(--cobre-forte);outline-offset:2px}
a{color:var(--cobre-forte);text-underline-offset:3px;text-decoration-thickness:1px}
a:hover{color:var(--quartzo)}
html{scrollbar-color:var(--veio-2) var(--chao);scrollbar-width:thin}
::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:var(--chao)}
::-webkit-scrollbar-thumb{background:var(--veio-2);border:3px solid var(--chao);border-radius:8px}
h1,h2,h3{font-family:var(--display);font-weight:800;letter-spacing:-.01em;line-height:.95;margin:0;text-wrap:balance;text-transform:uppercase}
p{margin:0}
[hidden]{display:none!important}
.mudo{color:var(--quartzo-2)}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

/* ---------- marca */
.marca{display:inline-flex;align-items:center;gap:10px;color:var(--quartzo);text-decoration:none}
.marca img{width:30px;height:30px;display:block}
.marca span{font:800 22px/1 var(--display);letter-spacing:.08em}
.marca span b{font-weight:500;color:var(--cobre-forte)}

/* ---------- controles */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:40px;padding:0 16px;
  border:1px solid var(--veio-2);border-radius:var(--raio);background:var(--rocha-2);color:var(--quartzo);
  font:600 14px var(--corpo);letter-spacing:.01em;text-decoration:none;cursor:pointer;white-space:nowrap;
  transition:background .2s var(--saida),border-color .2s var(--saida),color .2s var(--saida)}
.btn:hover{border-color:var(--quartzo-3);background:var(--rocha-3);color:var(--quartzo)}
.btn:disabled{opacity:.45;cursor:not-allowed}
.btn.ouro{background:var(--cobre);border-color:var(--cobre);color:var(--cobre-tinta)}
.btn.ouro:hover{background:var(--cobre-forte);border-color:var(--cobre-forte);color:var(--cobre-tinta)}
.btn.leve{background:transparent}
.btn.peq{min-height:32px;padding:0 11px;font-size:13px}
.btn[aria-pressed="true"]{border-color:var(--cobre);color:var(--cobre-forte);background:var(--cobre-fundo)}
.btn.feito{border-color:var(--cobre);color:var(--cobre-forte)}
input[type=text],input[type=email],input[type=password],input[type=number],select,textarea{
  font:400 15px var(--corpo);color:var(--quartzo);background:var(--rocha);border:1px solid var(--veio-2);
  border-radius:var(--raio);padding:10px 12px;min-width:0;width:100%}
input:focus,select:focus,textarea:focus{outline:none;border-color:var(--cobre);box-shadow:0 0 0 3px rgba(208,138,69,.18)}
input[type=checkbox]{accent-color:var(--cobre);width:16px;height:16px}
label.campo{display:grid;gap:6px;font:500 12px/1.2 var(--dado);letter-spacing:.06em;text-transform:uppercase;color:var(--quartzo-2)}

/* etiqueta de ensaio (furo + texto em caixa) */
.tag{display:inline-flex;align-items:center;gap:7px;font:500 11px/1 var(--dado);letter-spacing:.08em;text-transform:uppercase;
  color:var(--quartzo-2);border:1px solid var(--veio-2);border-radius:2px;padding:5px 8px 5px 6px;background:var(--rocha);white-space:nowrap}
.tag::before{content:"";width:6px;height:6px;border-radius:50%;border:1px solid currentColor;opacity:.8}
.tag.ok{color:var(--malaquita);border-color:rgba(85,188,142,.45);background:var(--malaquita-fundo)}
.tag.cobre{color:var(--cobre-forte);border-color:rgba(208,138,69,.5);background:var(--cobre-fundo)}
.tag.mal{color:var(--ferrugem);border-color:rgba(224,114,80,.45);background:var(--ferrugem-fundo)}

/* chips de filtro */
.chip{font:500 12px/1 var(--dado);letter-spacing:.06em;text-transform:uppercase;color:var(--quartzo-2);background:transparent;
  border:1px solid var(--veio);border-radius:2px;padding:9px 11px;cursor:pointer;white-space:nowrap}
.chip:hover{color:var(--quartzo);border-color:var(--veio-2)}
.chip[aria-pressed="true"]{color:var(--cobre-tinta);background:var(--cobre);border-color:var(--cobre)}

/* medidor de teor: 5 entalhes */
.teor{display:inline-flex;gap:2px;align-items:flex-end}
.teor i{width:4px;height:12px;background:var(--veio-2);border-radius:1px}
.teor i.on{background:var(--cobre-forte)}

@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto!important}}