/* Substituição das cores amarelas pela cor oficial PokerFi - Mantém efeitos de iluminação */

/* Botões com gradiente - substitui yellow-400, yellow-500, yellow-600 */
.bg-gradient-to-r.from-yellow-400.to-yellow-600,
.bg-gradient-to-r.from-yellow-300.to-yellow-500,
.bg-gradient-to-br.from-yellow-400.to-yellow-600 {
  background: linear-gradient(to right, #d4b015, #bb9913, #a08511) !important;
  box-shadow: 0 4px 15px rgba(187, 153, 19, 0.25) !important;
}

/* Hover effects para botões */
.hover\:from-yellow-500:hover,
.hover\:to-yellow-700:hover {
  background: linear-gradient(to right, #bb9913, #a08511) !important;
  box-shadow: 0 8px 25px rgba(187, 153, 19, 0.5) !important;
}

/* Efeitos de sombra dourada */
.hover\:shadow-yellow-500\/25:hover {
  box-shadow: 0 10px 15px -3px rgba(187, 153, 19, 0.25), 0 4px 6px -2px rgba(187, 153, 19, 0.1) !important;
}

/* Textos com gradiente - APENAS COR NO TEXTO, SEM FUNDO */
.text-transparent.bg-clip-text.bg-gradient-to-r.from-yellow-400.via-yellow-500.to-yellow-600,
.text-transparent.bg-clip-text.bg-gradient-to-r.from-yellow-300.to-yellow-500,
.text-transparent.bg-clip-text.bg-gradient-to-r.from-yellow-400.to-yellow-600 {
  background: none !important;
  -webkit-background-clip: unset !important;
  background-clip: unset !important;
  color: #bb9913 !important;
}

/* Força aplicação em elementos dinâmicos - APENAS COR NO TEXTO */
span[class*="text-transparent"][class*="bg-clip-text"][class*="bg-gradient-to-r"][class*="from-yellow"] {
  background: none !important;
  -webkit-background-clip: unset !important;
  background-clip: unset !important;
  color: #bb9913 !important;
}

/* Regras para elementos com data-original-text específicos - APENAS COR NO TEXTO */
span[data-original-text][class*="text-transparent"][class*="bg-clip-text"][class*="bg-gradient-to-r"][class*="from-yellow"] {
  background: none !important;
  -webkit-background-clip: unset !important;
  background-clip: unset !important;
  color: #bb9913 !important;
}

/* Regras para elementos com data-original-text e animate-gradient-x - APENAS COR NO TEXTO */
span[data-original-text][class*="text-transparent"][class*="bg-clip-text"][class*="bg-gradient-to-r"][class*="from-yellow"][class*="animate-gradient-x"] {
  background: none !important;
  -webkit-background-clip: unset !important;
  background-clip: unset !important;
  color: #bb9913 !important;
}

/* Regra específica para o elemento exato mencionado - REMOVE FUNDO COMPLETAMENTE */
span.text-transparent.bg-clip-text.bg-gradient-to-r.from-yellow-400.to-yellow-600.animate-gradient-x[data-original-text="PokerFi?"] {
  background: none !important;
  background-image: none !important;
  -webkit-background-clip: unset !important;
  background-clip: unset !important;
  color: #bb9913 !important;
}

/* Regra geral para todos os elementos com data-original-text - REMOVE FUNDO COMPLETAMENTE */
span[data-original-text].text-transparent.bg-clip-text.bg-gradient-to-r.from-yellow-400.to-yellow-600.animate-gradient-x {
  background: none !important;
  background-image: none !important;
  -webkit-background-clip: unset !important;
  background-clip: unset !important;
  color: #bb9913 !important;
}

/* Regras para remover TODOS os fundos de elementos com gradientes de texto amarelo */
span.text-transparent.bg-clip-text.bg-gradient-to-r.from-yellow-400.to-yellow-600,
span.text-transparent.bg-clip-text.bg-gradient-to-r.from-yellow-300.to-yellow-500,
span.text-transparent.bg-clip-text.bg-gradient-to-r.from-yellow-400.via-yellow-500.to-yellow-600 {
  background: none !important;
  background-image: none !important;
  background-color: transparent !important;
  -webkit-background-clip: unset !important;
  background-clip: unset !important;
  color: #bb9913 !important;
}

/* Regras para elementos com animate-gradient-x - REMOVE FUNDO COMPLETAMENTE */
span.text-transparent.bg-clip-text.bg-gradient-to-r.from-yellow-400.to-yellow-600.animate-gradient-x,
span.text-transparent.bg-clip-text.bg-gradient-to-r.from-yellow-300.to-yellow-500.animate-gradient-x,
span.text-transparent.bg-clip-text.bg-gradient-to-r.from-yellow-400.via-yellow-500.to-yellow-600.animate-gradient-x {
  background: none !important;
  background-image: none !important;
  background-color: transparent !important;
  -webkit-background-clip: unset !important;
  background-clip: unset !important;
  color: #bb9913 !important;
}

/* Regras para H2 que contém elementos com gradientes de texto - REMOVE FUNDO COMPLETAMENTE */
h2 span.text-transparent.bg-clip-text.bg-gradient-to-r.from-yellow-400.to-yellow-600.animate-gradient-x,
h2 span.text-transparent.bg-clip-text.bg-gradient-to-r.from-yellow-300.to-yellow-500.animate-gradient-x,
h2 span.text-transparent.bg-clip-text.bg-gradient-to-r.from-yellow-400.via-yellow-500.to-yellow-600.animate-gradient-x {
  background: none !important;
  background-image: none !important;
  background-color: transparent !important;
  -webkit-background-clip: unset !important;
  background-clip: unset !important;
  color: #bb9913 !important;
}

/* Regras para H2 com data-original-text - REMOVE FUNDO COMPLETAMENTE */
h2 span[data-original-text].text-transparent.bg-clip-text.bg-gradient-to-r.from-yellow-400.to-yellow-600.animate-gradient-x,
h2 span[data-original-text].text-transparent.bg-clip-text.bg-gradient-to-r.from-yellow-300.to-yellow-500.animate-gradient-x,
h2 span[data-original-text].text-transparent.bg-clip-text.bg-gradient-to-r.from-yellow-400.via-yellow-500.to-yellow-600.animate-gradient-x {
  background: none !important;
  background-image: none !important;
  background-color: transparent !important;
  -webkit-background-clip: unset !important;
  background-clip: unset !important;
  color: #bb9913 !important;
}

/* Regras para TODOS os elementos com gradientes de texto amarelo - FORÇA REMOÇÃO DE FUNDO */
* span.text-transparent.bg-clip-text.bg-gradient-to-r.from-yellow-400.to-yellow-600.animate-gradient-x,
* span.text-transparent.bg-clip-text.bg-gradient-to-r.from-yellow-300.to-yellow-500.animate-gradient-x,
* span.text-transparent.bg-clip-text.bg-gradient-to-r.from-yellow-400.via-yellow-500.to-yellow-600.animate-gradient-x {
  background: none !important;
  background-image: none !important;
  background-color: transparent !important;
  -webkit-background-clip: unset !important;
  background-clip: unset !important;
  color: #bb9913 !important;
}

/* Regras para elementos com data-original-text em qualquer contexto - FORÇA REMOÇÃO DE FUNDO */
* span[data-original-text].text-transparent.bg-clip-text.bg-gradient-to-r.from-yellow-400.to-yellow-600.animate-gradient-x,
* span[data-original-text].text-transparent.bg-clip-text.bg-gradient-to-r.from-yellow-300.to-yellow-500.animate-gradient-x,
* span[data-original-text].text-transparent.bg-clip-text.bg-gradient-to-r.from-yellow-400.via-yellow-500.to-yellow-600.animate-gradient-x {
  background: none !important;
  background-image: none !important;
  background-color: transparent !important;
  -webkit-background-clip: unset !important;
  background-clip: unset !important;
  color: #bb9913 !important;
}

/* TRANSFORMAÇÃO COMPLETA - Remove classes problemáticas e aplica apenas cor no texto */
span.text-transparent.bg-clip-text.bg-gradient-to-r.from-yellow-400.to-yellow-600.animate-gradient-x[data-original-text],
span.text-transparent.bg-clip-text.bg-gradient-to-r.from-yellow-300.to-yellow-500.animate-gradient-x[data-original-text],
span.text-transparent.bg-clip-text.bg-gradient-to-r.from-yellow-400.via-yellow-500.to-yellow-600.animate-gradient-x[data-original-text] {
  /* Remove todas as classes de gradiente e fundo */
  background: none !important;
  background-image: none !important;
  background-color: transparent !important;
  -webkit-background-clip: unset !important;
  background-clip: unset !important;
  
  /* Aplica apenas a cor no texto */
  color: #bb9913 !important;
  
  /* Remove transparência do texto */
  opacity: 1 !important;
  
  /* Força o texto a ser visível */
  visibility: visible !important;
}

/* Regra específica para o elemento exato mencionado - TRANSFORMAÇÃO COMPLETA */
span.text-transparent.bg-clip-text.bg-gradient-to-r.from-yellow-400.to-yellow-600.animate-gradient-x[data-original-text="PokerFi?"] {
  background: none !important;
  background-image: none !important;
  background-color: transparent !important;
  -webkit-background-clip: unset !important;
  background-clip: unset !important;
  color: #bb9913 !important;
  opacity: 1 !important;
  visibility: visible !important;
}

/* FORÇA REMOÇÃO DE FUNDO PARA TODOS OS ELEMENTOS COM GRADIENTES DE TEXTO AMARELO */
span[class*="text-transparent"][class*="bg-clip-text"][class*="bg-gradient-to-r"][class*="from-yellow"] {
  background: none !important;
  background-image: none !important;
  background-color: transparent !important;
  -webkit-background-clip: unset !important;
  background-clip: unset !important;
  color: #bb9913 !important;
  opacity: 1 !important;
  visibility: visible !important;
}

/* FORÇA REMOÇÃO ESPECÍFICA PARA ELEMENTOS COM data-original-text */
span[data-original-text][class*="text-transparent"][class*="bg-clip-text"][class*="bg-gradient-to-r"][class*="from-yellow"] {
  background: none !important;
  background-image: none !important;
  background-color: transparent !important;
  -webkit-background-clip: unset !important;
  background-clip: unset !important;
  color: #bb9913 !important;
  opacity: 1 !important;
  visibility: visible !important;
}

/* REGRA UNIVERSAL - Remove fundo de QUALQUER elemento com gradiente de texto amarelo */
* [class*="text-transparent"][class*="bg-clip-text"][class*="bg-gradient-to-r"][class*="from-yellow"] {
  background: none !important;
  background-image: none !important;
  background-color: transparent !important;
  -webkit-background-clip: unset !important;
  background-clip: unset !important;
  color: #bb9913 !important;
  opacity: 1 !important;
  visibility: visible !important;
}

/* REGRAS ESPECÍFICAS PARA CADA IDIOMA - Remove fundo completamente */
span[data-original-text="PokerFi?"],
span[data-original-text="Why Choose PokerFi?"],
span[data-original-text="¿Por qué elegir PokerFi?"],
span[data-original-text="Poker Online"],
span[data-original-text="Online Poker"],
span[data-original-text="Póker Online"],
span[data-original-text="Poker Digital"],
span[data-original-text="Digital Poker"],
span[data-original-text="Póker Digital"],
span[data-original-text="Mesas?"],
span[data-original-text="Tables?"],
span[data-original-text="¿Mesas?"] {
  background: none !important;
  background-image: none !important;
  background-color: transparent !important;
  -webkit-background-clip: unset !important;
  background-clip: unset !important;
  color: #bb9913 !important;
  opacity: 1 !important;
  visibility: visible !important;
}

/* FORÇA REMOÇÃO PARA ELEMENTOS GERADOS DINAMICAMENTE */
span[class*="text-transparent"][class*="bg-clip-text"][class*="bg-gradient-to-r"][class*="from-yellow"][class*="animate-gradient-x"] {
  background: none !important;
  background-image: none !important;
  background-color: transparent !important;
  -webkit-background-clip: unset !important;
  background-clip: unset !important;
  color: #bb9913 !important;
  opacity: 1 !important;
  visibility: visible !important;
}

/* REGRAS ULTRA ESPECÍFICAS - FORÇA MÁXIMA PARA REMOVER FUNDO */
html body * span.text-transparent.bg-clip-text.bg-gradient-to-r.from-yellow-400.to-yellow-600.animate-gradient-x[data-original-text] {
  background: none !important;
  background-image: none !important;
  background-color: transparent !important;
  -webkit-background-clip: unset !important;
  background-clip: unset !important;
  color: #bb9913 !important;
  opacity: 1 !important;
  visibility: visible !important;
}

/* REGRAS PARA H2 ESPECÍFICOS - FORÇA MÁXIMA */
html body h2 span.text-transparent.bg-clip-text.bg-gradient-to-r.from-yellow-400.to-yellow-600.animate-gradient-x[data-original-text] {
  background: none !important;
  background-image: none !important;
  background-color: transparent !important;
  -webkit-background-clip: unset !important;
  background-clip: unset !important;
  color: #bb9913 !important;
  opacity: 1 !important;
  visibility: visible !important;
}

/* REGRAS PARA TODOS OS ELEMENTOS COM GRADIENTES AMARELOS - FORÇA MÁXIMA */
html body * span[class*="text-transparent"][class*="bg-clip-text"][class*="bg-gradient-to-r"][class*="from-yellow"] {
  background: none !important;
  background-image: none !important;
  background-color: transparent !important;
  -webkit-background-clip: unset !important;
  background-clip: unset !important;
  color: #bb9913 !important;
  opacity: 1 !important;
  visibility: visible !important;
}

/* REGRAS PARA ELEMENTOS COM data-original-text - FORÇA MÁXIMA */
html body * span[data-original-text][class*="text-transparent"][class*="bg-clip-text"][class*="bg-gradient-to-r"][class*="from-yellow"] {
  background: none !important;
  background-image: none !important;
  background-color: transparent !important;
  -webkit-background-clip: unset !important;
  background-clip: unset !important;
  color: #bb9913 !important;
  opacity: 1 !important;
  visibility: visible !important;
}

/* REGRAS ULTRA ESPECÍFICAS PARA CADA COMBINAÇÃO POSSÍVEL */
html body h2 span.text-transparent.bg-clip-text.bg-gradient-to-r.from-yellow-400.to-yellow-600.animate-gradient-x[data-original-text="PokerFi?"],
html body h2 span.text-transparent.bg-clip-text.bg-gradient-to-r.from-yellow-400.to-yellow-600.animate-gradient-x[data-original-text="Why Choose PokerFi?"],
html body h2 span.text-transparent.bg-clip-text.bg-gradient-to-r.from-yellow-400.to-yellow-600.animate-gradient-x[data-original-text="¿Por qué elegir PokerFi?"] {
  background: none !important;
  background-image: none !important;
  background-color: transparent !important;
  -webkit-background-clip: unset !important;
  background-clip: unset !important;
  color: #bb9913 !important;
  opacity: 1 !important;
  visibility: visible !important;
}

/* REGRAS PARA TODOS OS ELEMENTOS COM GRADIENTES - FORÇA ABSOLUTA */
html body * span[class*="text-transparent"][class*="bg-clip-text"][class*="bg-gradient-to-r"][class*="from-yellow"][class*="animate-gradient-x"] {
  background: none !important;
  background-image: none !important;
  background-color: transparent !important;
  -webkit-background-clip: unset !important;
  background-clip: unset !important;
  color: #bb9913 !important;
  opacity: 1 !important;
  visibility: visible !important;
}

/* REGRAS PARA ELEMENTOS COM data-original-text E animate-gradient-x - FORÇA ABSOLUTA */
html body * span[data-original-text][class*="text-transparent"][class*="bg-clip-text"][class*="bg-gradient-to-r"][class*="from-yellow"][class*="animate-gradient-x"] {
  background: none !important;
  background-image: none !important;
  background-color: transparent !important;
  -webkit-background-clip: unset !important;
  background-clip: unset !important;
  color: #bb9913 !important;
  opacity: 1 !important;
  visibility: visible !important;
}

/* REGRA FINAL - MÁXIMA ESPECIFICIDADE POSSÍVEL */
html body div.container.mx-auto.relative.z-10 div.text-center.mb-16.animate-fade-in-up h2.text-3xl.sm\\:text-4xl.font-bold.text-white.mb-4 span.text-transparent.bg-clip-text.bg-gradient-to-r.from-yellow-400.to-yellow-600.animate-gradient-x[data-original-text] {
  background: none !important;
  background-image: none !important;
  background-color: transparent !important;
  -webkit-background-clip: unset !important;
  background-clip: unset !important;
  color: #bb9913 !important;
  opacity: 1 !important;
  visibility: visible !important;
}

/* REGRA FINAL ALTERNATIVA - MÁXIMA ESPECIFICIDADE */
html body div.container.mx-auto.relative.z-10 div.text-center.mb-16.animate-fade-in-up h2 span.text-transparent.bg-clip-text.bg-gradient-to-r.from-yellow-400.to-yellow-600.animate-gradient-x[data-original-text] {
  background: none !important;
  background-image: none !important;
  background-color: transparent !important;
  -webkit-background-clip: unset !important;
  background-clip: unset !important;
  color: #bb9913 !important;
  opacity: 1 !important;
  visibility: visible !important;
}

/* REGRAS PARA ELEMENTOS GERADOS DINAMICAMENTE PELO JAVASCRIPT */
/* Captura TODOS os elementos com data-original-text que tenham classes de gradiente */
span[data-original-text][class*="text-transparent"][class*="bg-clip-text"][class*="bg-gradient-to-r"][class*="from-yellow"] {
  background: none !important;
  background-image: none !important;
  background-color: transparent !important;
  -webkit-background-clip: unset !important;
  background-clip: unset !important;
  color: #bb9913 !important;
  opacity: 1 !important;
  visibility: visible !important;
}

/* REGRAS ESPECÍFICAS PARA CADA TEXTO TRADUZIDO */
span[data-original-text="PokerFi?"],
span[data-original-text="Why Choose PokerFi?"],
span[data-original-text="¿Por qué elegir PokerFi?"],
span[data-original-text="Poker Online"],
span[data-original-text="Online Poker"],
span[data-original-text="Póker Online"],
span[data-original-text="Poker Digital"],
span[data-original-text="Digital Poker"],
span[data-original-text="Póker Digital"],
span[data-original-text="Mesas?"],
span[data-original-text="Tables?"],
span[data-original-text="¿Mesas?"] {
  background: none !important;
  background-image: none !important;
  background-color: transparent !important;
  -webkit-background-clip: unset !important;
  background-clip: unset !important;
  color: #bb9913 !important;
  opacity: 1 !important;
  visibility: visible !important;
}

/* REGRAS PARA ELEMENTOS COM ANIMAÇÃO */
span[data-original-text][class*="animate-gradient-x"] {
  background: none !important;
  background-image: none !important;
  background-color: transparent !important;
  -webkit-background-clip: unset !important;
  background-clip: unset !important;
  color: #bb9913 !important;
  opacity: 1 !important;
  visibility: visible !important;
}

/* REGRAS PARA ELEMENTOS EM H2 */
h2 span[data-original-text][class*="text-transparent"][class*="bg-clip-text"][class*="bg-gradient-to-r"][class*="from-yellow"] {
  background: none !important;
  background-image: none !important;
  background-color: transparent !important;
  -webkit-background-clip: unset !important;
  background-clip: unset !important;
  color: #bb9913 !important;
  opacity: 1 !important;
  visibility: visible !important;
}

/* REGRAS ULTRA ESPECÍFICAS PARA ELEMENTOS GERADOS DINAMICAMENTE */
/* Força aplicação em elementos que são criados pelo JavaScript */
* span[data-original-text][class*="text-transparent"][class*="bg-clip-text"][class*="bg-gradient-to-r"][class*="from-yellow"][class*="animate-gradient-x"] {
  background: none !important;
  background-image: none !important;
  background-color: transparent !important;
  -webkit-background-clip: unset !important;
  background-clip: unset !important;
  color: #bb9913 !important;
  opacity: 1 !important;
  visibility: visible !important;
}

/* REGRAS PARA ELEMENTOS COM TODAS AS CLASSES PROBLEMÁTICAS */
span.text-transparent.bg-clip-text.bg-gradient-to-r.from-yellow-400.to-yellow-600.animate-gradient-x[data-original-text],
span.text-transparent.bg-clip-text.bg-gradient-to-r.from-yellow-300.to-yellow-500.animate-gradient-x[data-original-text],
span.text-transparent.bg-clip-text.bg-gradient-to-r.from-yellow-400.via-yellow-500.to-yellow-600.animate-gradient-x[data-original-text] {
  background: none !important;
  background-image: none !important;
  background-color: transparent !important;
  -webkit-background-clip: unset !important;
  background-clip: unset !important;
  color: #bb9913 !important;
  opacity: 1 !important;
  visibility: visible !important;
}

/* REGRAS PARA ELEMENTOS EM QUALQUER CONTEXTO */
html body * span[data-original-text][class*="text-transparent"][class*="bg-clip-text"][class*="bg-gradient-to-r"][class*="from-yellow"][class*="animate-gradient-x"] {
  background: none !important;
  background-image: none !important;
  background-color: transparent !important;
  -webkit-background-clip: unset !important;
  background-clip: unset !important;
  color: #bb9913 !important;
  opacity: 1 !important;
  visibility: visible !important;
}

/* Regras específicas para elementos com gradientes de texto amarelo - APENAS COR NO TEXTO */
span.text-transparent.bg-clip-text.bg-gradient-to-r.from-yellow-400.to-yellow-600.animate-gradient-x,
span.text-transparent.bg-clip-text.bg-gradient-to-r.from-yellow-300.to-yellow-500.animate-gradient-x,
span.text-transparent.bg-clip-text.bg-gradient-to-r.from-yellow-400.via-yellow-500.to-yellow-600.animate-gradient-x {
  background: none !important;
  -webkit-background-clip: unset !important;
  background-clip: unset !important;
  color: #bb9913 !important;
}

/* Regras para elementos sem animação - APENAS COR NO TEXTO */
span.text-transparent.bg-clip-text.bg-gradient-to-r.from-yellow-400.to-yellow-600,
span.text-transparent.bg-clip-text.bg-gradient-to-r.from-yellow-300.to-yellow-500,
span.text-transparent.bg-clip-text.bg-gradient-to-r.from-yellow-400.via-yellow-500.to-yellow-600 {
  background: none !important;
  -webkit-background-clip: unset !important;
  background-clip: unset !important;
  color: #bb9913 !important;
}

/* Regras específicas para elementos com data-original-text - APENAS COR NO TEXTO */
span.text-transparent.bg-clip-text.bg-gradient-to-r.from-yellow-400.to-yellow-600.animate-gradient-x[data-original-text],
span.text-transparent.bg-clip-text.bg-gradient-to-r.from-yellow-300.to-yellow-500.animate-gradient-x[data-original-text],
span.text-transparent.bg-clip-text.bg-gradient-to-r.from-yellow-400.via-yellow-500.to-yellow-600.animate-gradient-x[data-original-text] {
  background: none !important;
  -webkit-background-clip: unset !important;
  background-clip: unset !important;
  color: #bb9913 !important;
}

/* Regras para elementos com data-original-text sem animação - APENAS COR NO TEXTO */
span.text-transparent.bg-clip-text.bg-gradient-to-r.from-yellow-400.to-yellow-600[data-original-text],
span.text-transparent.bg-clip-text.bg-gradient-to-r.from-yellow-300.to-yellow-500[data-original-text],
span.text-transparent.bg-clip-text.bg-gradient-to-r.from-yellow-400.via-yellow-500.to-yellow-600[data-original-text] {
  background: none !important;
  -webkit-background-clip: unset !important;
  background-clip: unset !important;
  color: #bb9913 !important;
}

/* Estrelas e ícones - substitui yellow-400 */
.text-yellow-400 {
  color: #bb9913 !important;
}

/* Links de navegação hover - substitui yellow-400 */
.hover\:text-yellow-400:hover {
  color: #bb9913 !important;
}

/* Elementos decorativos com fundo amarelo */
.bg-yellow-400 {
  background-color: #bb9913 !important;
}

/* Bordas amarelas */
.border-yellow-500\/30 {
  border-color: rgba(187, 153, 19, 0.3) !important;
}

.border-yellow-500\/20 {
  border-color: rgba(187, 153, 19, 0.2) !important;
}

/* Gradientes de fundo com transparência */
.bg-gradient-to-br.from-yellow-400\/10.via-transparent.to-yellow-600\/5 {
  background: linear-gradient(to bottom right, rgba(187, 153, 19, 0.1), transparent, rgba(187, 153, 19, 0.05)) !important;
}

.bg-gradient-to-br.from-yellow-400\/20.via-transparent.to-yellow-600\/20 {
  background: linear-gradient(to bottom right, rgba(187, 153, 19, 0.2), transparent, rgba(187, 153, 19, 0.2)) !important;
}

.bg-gradient-to-t.from-yellow-500\/10.via-transparent.to-transparent {
  background: linear-gradient(to top, rgba(187, 153, 19, 0.1), transparent, transparent) !important;
}

.bg-gradient-to-r.from-yellow-400\/20.to-transparent {
  background: linear-gradient(to right, rgba(187, 153, 19, 0.2), transparent) !important;
}

.bg-gradient-to-l.from-yellow-400\/20.to-transparent {
  background: linear-gradient(to left, rgba(187, 153, 19, 0.2), transparent) !important;
}

.bg-gradient-to-br.from-yellow-400\/10.via-transparent.to-yellow-600\/5 {
  background: linear-gradient(to bottom right, rgba(187, 153, 19, 0.1), transparent, rgba(187, 153, 19, 0.05)) !important;
}

.bg-gradient-to-t.from-black\/20.via-transparent.to-yellow-300\/10 {
  background: linear-gradient(to top, rgba(0,0,0,0.2), transparent, rgba(187, 153, 19, 0.1)) !important;
}

.bg-gradient-to-r.from-transparent.via-yellow-300\/30.to-transparent {
  background: linear-gradient(to right, transparent, rgba(187, 153, 19, 0.2), transparent) !important;
}

.bg-gradient-to-b.from-transparent.via-yellow-300\/25.to-transparent {
  background: linear-gradient(to bottom, transparent, rgba(187, 153, 19, 0.2), transparent) !important;
}

.bg-gradient-to-r.from-yellow-400\/15.to-yellow-600\/15 {
  background: linear-gradient(to right, rgba(187, 153, 19, 0.15), rgba(187, 153, 19, 0.15)) !important;
}

.bg-gradient-to-br.from-yellow-400\/10.to-yellow-500\/10 {
  background: linear-gradient(to bottom right, rgba(187, 153, 19, 0.1), rgba(187, 153, 19, 0.1)) !important;
}

.bg-gradient-to-t.from-yellow-400\/5.to-transparent {
  background: linear-gradient(to top, rgba(187, 153, 19, 0.05), transparent) !important;
}

/* ========================================
   BARRAS DE ROLAGEM PERSONALIZADAS
   ======================================== */

/* Estilos para barras de rolagem com cor da logo PokerFi */
.scrollbar-gold {
    scrollbar-width: thin;
    scrollbar-color: #bb9913 #2d3748;
}

.scrollbar-gold::-webkit-scrollbar {
    width: 8px;
    height: 8px;
}

.scrollbar-gold::-webkit-scrollbar-track {
    background: #2d3748;
    border-radius: 4px;
}

.scrollbar-gold::-webkit-scrollbar-thumb {
    background: linear-gradient(135deg, #d4b015, #bb9913, #a08511);
    border-radius: 4px;
    border: 1px solid #1a202c;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.3);
}

.scrollbar-gold::-webkit-scrollbar-thumb:hover {
    background: linear-gradient(135deg, #bb9913, #a08511, #8b6f0f);
    box-shadow: 0 4px 8px rgba(187, 153, 19, 0.4);
}

.scrollbar-gold::-webkit-scrollbar-thumb:active {
    background: linear-gradient(135deg, #a08511, #8b6f0f, #75600d);
}

.scrollbar-gold::-webkit-scrollbar-corner {
    background: #2d3748;
}

/* Estilos globais para todas as barras de rolagem */
::-webkit-scrollbar {
    width: 8px;
    height: 8px;
}

::-webkit-scrollbar-track {
    background: #2d3748;
    border-radius: 4px;
}

::-webkit-scrollbar-thumb {
    background: linear-gradient(135deg, #d4b015, #bb9913, #a08511);
    border-radius: 4px;
    border: 1px solid #1a202c;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.3);
}

::-webkit-scrollbar-thumb:hover {
    background: linear-gradient(135deg, #bb9913, #a08511, #8b6f0f);
    box-shadow: 0 4px 8px rgba(187, 153, 19, 0.4);
}

::-webkit-scrollbar-thumb:active {
    background: linear-gradient(135deg, #a08511, #8b6f0f, #75600d);
}

::-webkit-scrollbar-corner {
    background: #2d3748;
}

/* Para navegadores Firefox */
* {
    scrollbar-width: thin;
    scrollbar-color: #bb9913 #2d3748;
}