/* Paleta da Boito na versão neutra (vitrine): grafite neutro e o dourado da marca. Só entra no endereço da vitrine. */
:root {
  --fundo: #121212; --sup: #1A1A1A; --sup2: #222222; --sup3: #2B2B2B; --borda: #343434; --borda-forte: #4A4A4A;
  --texto: #EDEDED; --texto2: #BBBBBB; --texto3: #9A9A9A;
  --marca: #C19A4B; --marca-forte: #D2AD62; --marca-texto: #D9B66E; --marca-suave: rgba(193, 154, 75, .16);
  --halo: 0 0 0 1px rgba(217, 182, 110, .45), 0 0 16px rgba(193, 154, 75, .3);
  --regua: rgba(237, 237, 237, .05);
}
:root[data-tema='claro'] {
  --fundo: #F4F4F2; --sup: #FFFFFF; --sup2: #F8F8F6; --sup3: #EDEDEA; --borda: #D9D9D5; --borda-forte: #BDBDB8;
  --texto: #1A1A1A; --texto2: #4F4F4F; --texto3: #666666;
  --marca: #8C6A24; --marca-forte: #74571C; --marca-texto: #7A5C1F; --marca-suave: rgba(140, 106, 36, .12);
  --halo: 0 0 0 1px rgba(140, 106, 36, .4), 0 0 14px rgba(140, 106, 36, .2);
}
.btn.p { color: #141210; }
:root[data-tema='claro'] .btn.p { color: #FFFFFF; }
.empresa img { border-radius: 8px; }
.como-funciona { border-color: var(--marca); }