/* Camada de setor · mineração e cal (V-61, pedido do Pedro em 02/11/2026).
   Uma extensão da direção A, nunca marca nova: logo, Host Grotesk + IBM Plex Mono, Grafite como tinta e UM Vermelho Sinal por tela
   continuam iguais. A camada troca só o que é do setor: os neutros frios viram os tons da pedra (cal, calcário, brita, pó),
   entra o grão de pedra, os padrões de bancada e de cava, a fotografia tratada e os ícones de máquina (icones.svg).
   Uso: carregue DEPOIS do a.css e marque a raiz: <html data-setor="mineracao">. Tema claro e escuro seguem o a.css (data-theme).
   Fonte: C:\strapasson\brand\templates\verticais\mineracao\ (README.md). Cópia no site: site\public\demo\mineracao\setor.css. */

/* ---------- paleta: os neutros da marca trocados pelos da pedra (os papéis --bg --ink-muted --line do a.css seguem sozinhos) ---------- */
[data-setor="mineracao"] {
  --gelo: #F3F1EB;              /* Cal: fundo claro, o branco quente da cal virgem */
  --superficie: #FBFAF6;        /* Cal viva: campo, painel */
  --aco: #6A655C;               /* Brita: texto de apoio no claro (5,1:1 sobre Cal, AA) */
  --trilho: #DDD9CF;            /* Calcário: só área apagada (trilha de barra, célula inativa) */
  --fundo-escuro: #171614;      /* Rocha à noite: fundo escuro */
  --superficie-escura: #211F1C; /* Bancada à noite */
  --texto-claro: #F3F1EB;       /* Cal: texto no escuro */
  --aco-claro: #A8A296;         /* Pó: texto de apoio no escuro (7,1:1 sobre Rocha à noite, AA) */
  --fio-escuro: #34312C;        /* só área apagada no escuro */

  /* tons da pedra, SÓ ÁREA (mapa, silo, bancada, gráfico): nunca texto, nunca fio */
  --m-terreno: #E7E4DC;  --m-banco-1: #D9D5CA;  --m-banco-2: #C7C1B4;  --m-banco-3: #ADA699;  --m-fundo: #8C8578;
  --m-estrada: #FBFAF6;  --m-obra: #6A655C;     --m-maquina: #16181B;  --m-agua: #6A655C;
  --m-grao: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='g'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .1 0 0 0 0 .09 0 0 0 0 .07 0 0 0 .1 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23g)'/%3E%3C/svg%3E");
}
[data-setor="mineracao"][data-theme="dark"] {
  --m-terreno: #1F1D1A;  --m-banco-1: #2A2824;  --m-banco-2: #36332E;  --m-banco-3: #46423B;  --m-fundo: #5E594F;
  --m-estrada: #3A3731;  --m-obra: #A8A296;     --m-maquina: #F3F1EB;  --m-agua: #121110;
  --m-grao: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='g'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .95 0 0 0 0 .94 0 0 0 0 .9 0 0 0 .07 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23g)'/%3E%3C/svg%3E");
}
@media (prefers-color-scheme: dark) {
  [data-setor="mineracao"]:not([data-theme="light"]) {
    --m-terreno: #1F1D1A;  --m-banco-1: #2A2824;  --m-banco-2: #36332E;  --m-banco-3: #46423B;  --m-fundo: #5E594F;
    --m-estrada: #3A3731;  --m-obra: #A8A296;     --m-maquina: #F3F1EB;  --m-agua: #121110;
    --m-grao: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='g'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .95 0 0 0 0 .94 0 0 0 0 .9 0 0 0 .07 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23g)'/%3E%3C/svg%3E");
  }
}

/* ---------- grão de pedra: textura fina por cima do fundo, nunca por cima de texto pequeno em bloco ---------- */
.m-grao { background-image: var(--m-grao); background-size: 180px; }
@media print { .m-grao { background-image: none; } }

/* ---------- padrões: bancada de lavra (faixa) e mapa de cava (área), da cor da tinta pela máscara ---------- */
.m-bancada { display: block; height: 56px; background: currentColor; -webkit-mask: var(--m-bancada-url, url("padroes/bancada.svg")) 0 100% / 400px 100% repeat-x; mask: var(--m-bancada-url, url("padroes/bancada.svg")) 0 100% / 400px 100% repeat-x; }
.m-cava { display: block; aspect-ratio: 4 / 3; background: currentColor; -webkit-mask: var(--m-cava-url, url("padroes/cava.svg")) center / contain no-repeat; mask: var(--m-cava-url, url("padroes/cava.svg")) center / contain no-repeat; }

/* ---------- fotografia: a pedreira de verdade, tratada (fotos/tratar.mjs), canto reto, uma protagonista por tela ---------- */
.m-foto { position: relative; display: block; overflow: hidden; background: var(--m-banco-2); }
.m-foto > img, .m-foto > video { display: block; width: 100%; height: 100%; object-fit: cover; }
/* o grão também passa por cima da foto: junta foto, tela e fundo num material só */
.m-foto::after { content: ""; position: absolute; inset: 0; pointer-events: none; background-image: var(--m-grao); background-size: 180px; opacity: .8; }

/* ---------- ícones (icones.svg): 24 px, traço 1,5; a célula acende só se for o vermelho da tela ---------- */
.m-ic { width: 24px; height: 24px; flex: none; }
.m-ic.acesa .celula { fill: var(--signal); }