:root {
  /* variáveis de cores derivadas do logo */
  --find_color1: #FFFFFF;  /* Branco - textos em contraste e backgrounds (botões, ícones, destaques) */
  --find_color2: #D9D9D9;  /* Cinza claro - hover de tags nos cards */
  --find_color3: #7AC943;  /* Verde logo - fonte principal, bordas e botões (paginação, selecionar/descartar) */
  --find_color4: #000000;  /* Preto - elementos textuais (descrições, infos no card, taxonomias) */
  --find_color5: #F2F2F2;  /* Cinza muito claro - hover de cards */
  --find_color6: #4CAF50;  /* Verde bandeirinha - “novo” e % de desconto no card */
  --find_color7: #333333;  /* Cinza escuro - data de encerramento, valor em desconto, botões especiais */
  --find_color8: #A6A6A6;  /* Cinza médio - linhas de separação (ex: ordernar lista) e fontes secundárias */
  --find_color9: #111111;  /* Preto intenso - subtítulos e <b> */
  --find_color10: #E6E6E6; /* Cinza claro - background do botão compartilhar */
  --find_color11: #3B5998; /* Azul padrão Facebook - botão compartilhar */
  --find_color12: #34AF23; /* Verde padrão WhatsApp - botão compartilhar */
  --find_color13: #00ACEE; /* Azul padrão Twitter - botão compartilhar */
  --find_color14: #006699; /* Azul escuro - botão trocar listagem/galeria */
  --find_color15: #7AC943; /* Verde logo - botão trocar listagem/galeria (substitui laranja antigo) */
  --find_color16: #228B22; /* Verde escuro - botão exportar planilha */
  --find_color17: #F9F9F9; /* Cinza quase branco - fundo do venda-direta-info-box */
  
  /* variáveis de imagens */
  --find_img1: url("../img/li/vector_primary_color.svg");
  --find_img2: url("../img/li/vector_tertiary_color.svg");
  --find_img3: url("../img/li/bx_right-arrow.svg");
}

/* classes de cores */
.selected-background-color {
  background: var(--find_color3);
}

.selected-text-color {
  color: var(--find_color1);
}

.border-none {
  border: 0px solid transparent !important;
}

.no-hover:disabled,  
.no-hover:hover, 
.no-hover:focus, 
.no-hover:active {
  background: transparent !important;
  color: inherit !important;
  cursor: not-allowed !important;
}

.disabled-border {
  border: 1px solid #cccccc !important;
}

.disabled-color {
  color: #cccccc;
}