/* Casca da /colinha, no desenho do KV da campanha (Arlei KV.ai, 28/08/2026):
   branco, preto, o 4556 em verde, o ceu escurecido do pampa e as cores da
   bandeira do RS. So a colinha.html carrega este arquivo; a home segue com o
   styles.css de sempre. Arquivo, e nao <style> na pagina, porque o CSP do site
   nao libera estilo inline.

   A ferramenta mora no motor (C:/dev/colinha-motor); aqui ficam so as cores
   dela, que sobrepoem o bloco .colinha-app antigo do styles.css.
   atalho: aquele bloco do styles.css ficou sem efeito nesta pagina e nao foi
   apagado para nao mexer na home; apagar na proxima vez que a home for mexida.
   atalho: este arquivo e os /dados/kv-* nao levam carimbo ?v= (o publicar.ps1
   so carimba /assets e /fonts), e a zona guarda CSS e imagem 4h no navegador.
   Mudou algum deles, por ?v=<hash> a mao no link da colinha.html, ou ensinar o
   publicar.ps1 a carimbar esses caminhos.

   Contraste medido: branco sobre o preto 18,88:1; amarelo da bandeira sobre o
   preto 12,34:1 (rotulo do cartao fixo); branco sobre o verde 5,20:1 (dentro do
   quadrinho fixo e no botao com o ponteiro em cima); verde sobre branco 5,20:1
   (numeros e borda de campo); cinza #555 sobre branco 7,46:1. */
.colinha-app{
  --colinha-escuro:#111;
  --colinha-escuro-hover:#037e33;
  --colinha-destaque:#037e33;
  --colinha-sobre-destaque:#fff;
  --colinha-fixo-rotulo:#fdcb02;
  --colinha-numero:#037e33;
  --colinha-caixa:#037e33;
  --colinha-tinta:#111;
  --colinha-suave:#1a1a1a;
  --colinha-muted:#555;
  --colinha-claro:#f2f5f3;
  --colinha-borda:#dfe6e1;
  --colinha-veu:rgba(3,126,51,.08);
  --colinha-sombra:0 8px 30px rgba(0,0,0,.08);
  --colinha-fonte:Archivo,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;
}

/* as cores da bandeira como estao no KV */
.colinha-pagina .rsline i:nth-child(1){background:#fdcb02}
.colinha-pagina .rsline i:nth-child(2){background:#d61b12}
.colinha-pagina .rsline i:nth-child(3){background:#037e33}

/* o lockup do KV no topo, sobre branco */
.kv-topo{display:flex;justify-content:center;padding:14px 22px 12px;background:#fff}
.kv-topo img{display:block;width:132px;height:auto}

/* A faixa do KV: o ceu do pampa, a frase a esquerda e o Arlei recortado a
   direita, cortado na base como no KV. A foto e escurecida no proprio arquivo,
   como no .ai, para a frase branca ler (3,9 a 8:1). */
.kv-faixa{
  position:relative;overflow:hidden;
  height:clamp(190px,50vw,300px);
  background:#3f6178 url('/dados/kv-paisagem.webp') center 78% / cover no-repeat;
}
.kv-faixa__miolo{position:relative;height:100%;max-width:760px;margin:0 auto}
.kv-frase{
  position:absolute;left:clamp(16px,5vw,40px);top:50%;transform:translateY(-50%);
  width:min(46%,300px);height:auto;
}
.kv-arlei{
  position:absolute;right:clamp(0px,3vw,40px);top:14px;
  width:min(52%,320px);height:auto;
}

/* rodape no preto do KV, no lugar do azul da home */
.colinha-pagina footer{background:#111}
.colinha-pagina footer .brand b{color:#fdcb02}