/* cor da descrição dentro da pag dos produtos*/
body .abas-custom .tab-content {
	background-color: #000000 !important;
	box-shadow: none !important;
	color: #ffffff !important;
}

body .abas-custom .tab-content,
body .abas-custom .tab-content p,
body .abas-custom .tab-content span,
body .abas-custom .tab-content li,
body .abas-custom .tab-content strong,
body .abas-custom .tab-content b {
	color: #ffffff !important;
}

#descricao,
#descricao p,
#descricao span,
#descricao li,
#descricao strong,
#descricao b {
	color: #ffffff !important;
}

div #descricao.tab-pane.active p,
div #descricao.tab-pane.active span,
div #descricao.tab-pane.active strong,
div #descricao.tab-pane.active li {
	color: #ffffff !important;
}

:root {
		--cor_primaria: #ffffff;
		--cor_secundaria: #444;
		--cor_botao: #fef013;
		--cor_botao_hover: #fef013;
		--cor_texto_botao: #1b1b1b;
		--cor_texto_botao_hover: #1b1b1b;
		--cor_botao_comprar: #31b15f;
		--pre_cabecalho: #1b1b1b;
        --cor_texto_pre_cabecalho: #fff;
		--cor_cabecalho: #1b1b1b;
		--cor_icones: #fef013;
		--cor_icones_hover: #444;
		--cor_texto_icones: #fef013;
		--cor_menu: #1b1b1b;
		--cor_texto_menu: #fef013;
		--cor_newsletter: #1b1b1b;
		--cor_footer: #1b1b1b;
		--cor_texto_footer: #fef013;
		--cor_tag_frete_gratis: #444;
		--texto_global:#fef013;
		--texto_background:#ffffff;
}
.carrinho>a span.titulo {
    display: none !important;
}

[data-theme="dark"] #rodape > div:last-child p {
    color: var(--cor_texto_footer) !important;
    
}


/* NEWSLETTER – força fundo preto (pega email e text) */
.componente.newsletter .newsletter-cadastro input[type="email"],
.componente.newsletter .newsletter-cadastro input[type="text"]{
  background: #000 !important;
  background-color: #000 !important;
  color: #fff !important;
  border: 1px solid #2a2a2a !important;
  box-shadow: none !important;
}

/* Placeholder */
.componente.newsletter .newsletter-cadastro input[type="email"]::placeholder,
.componente.newsletter .newsletter-cadastro input[type="text"]::placeholder{
  color: #888 !important;
  opacity: 1;
}

/* Foco */
.componente.newsletter .newsletter-cadastro input[type="email"]:focus,
.componente.newsletter .newsletter-cadastro input[type="text"]:focus{
  border-color: #f5e400 !important;
  box-shadow: 0 0 0 1px rgba(245, 228, 0, .25) !important;
}



/* CENTRAL DE ATENDIMENTO – BOTÃO FALE CONOSCO (cores finais) */
.container-conteudo-button-fale-conosco-drop-help {
  width: 65%;
  display: flex;
  justify-content: center;
  align-items: center;

  background-color: #000000 !important;
  border: 1px solid #ffff00 !important;

  padding: 12px 6px;
  border-radius: 6px;

  cursor: pointer;
  font-size: 12px;
  font-weight: 600;
  text-transform: uppercase;

  transition: all .3s ease-in-out;
}

/* Texto do botão */
.container-conteudo-button-fale-conosco-drop-help span {
  color: #ffffff !important;
}

/* Hover */
.container-conteudo-button-fale-conosco-drop-help:hover {
  background-color: #ffff00 !important;
  border-color: #ffff00 !important;
}

/* Hover – texto */
.container-conteudo-button-fale-conosco-drop-help:hover span {
  color: #000000 !important;
}

/* MENU CONTA – textos brancos */
.my_account_info ul li a {
  color: #ffffff !important;
}

}

/* Hover – amarelo com texto preto */
.my_account_info ul li a:hover {
  background-color: #ffff00 !important;
  color: #000000 !important;
}

/* Remove herança estranha de ícones ou spans internos */
.my_account_info ul li a span,
.my_account_info ul li a i,
.my_account_info ul li a svg {
  color: inherit !important;
}

.my_account_info ul li a {
  justify-content: flex-start;
  padding-left: 16px;
}

/* DA SEMANA – exatamente igual ao "Destaques" */
.titulo-categorias .second-title {
  color: #fef013 !important; /* mesma cor real do título */
  font-weight: 700 !important;
  font-size: inherit !important;
  letter-spacing: inherit !important;
  text-transform: none !important;
  margin-left: 6px;
}


/* CHECKOUT - caixa "Usamos seu e-mail..." */
#corpo .checkout-alerta-seguro{
  background: #444 !important;
  border: 0 !important;
  box-shadow: none !important;
  color: #fff !important;
}

#corpo .checkout-alerta-seguro .checkout-alerta-seguro-tit,
#corpo .checkout-alerta-seguro .checkout-alerta-seguro-list,
#corpo .checkout-alerta-seguro .checkout-alerta-seguro-item,
#corpo .checkout-alerta-seguro .checkout-alerta-seguro-text{
  color: #fff !important;
}

/* ícones (check e cadeado) */
#corpo .checkout-alerta-seguro .icon-ok,
#corpo .checkout-alerta-seguro .icon-lock,
#corpo .checkout-alerta-seguro .icon-lock::before{
  color: #fff !important;
}

/* CHECKOUT - ícones da caixa "Usamos seu e-mail..." em verde escuro */
#corpo .checkout-alerta-seguro i[class^="icon-"],
#corpo .checkout-alerta-seguro i[class*=" icon-"],
#corpo .checkout-alerta-seguro .icon-lock::before{
  color: #345f40 !important;
}

/* "Ganha" do código de cima apenas nos ticks, pintando de Branco */
#corpo .checkout-alerta-seguro .checkout-alerta-seguro-list .icon-ok {
    color: #ffffff !important;
}

/* Checkout - Força fundo cinza em TODO o bloco de resumo e seus itens */
#corpo .resumo-compra.caixa-sombreada,
#corpo .resumo-compra.caixa-sombreada .tabela-carrinho,
#corpo .resumo-compra.caixa-sombreada thead,
#corpo .resumo-compra.caixa-sombreada tr,
#corpo .resumo-compra.caixa-sombreada td,
#corpo .resumo-compra.caixa-sombreada th {
    background-color: #444 !important;
    background: #444 !important;
    border-color: #555 !important; /* Deixa as linhas divisórias discretas */
}

/*Cores pagina de checkout*/
#box-pagamento-boleto {
  background-color: #444 !important; /
  border: none !important;
}

#box-pagamento-boleto .mensagem h3,
#box-pagamento-boleto .mensagem p {
  color: #ffffff !important;
}

#box-pagamento-boleto .botao.principal {
  background-color: var(--cor_botao) !important;
  color: var(--cor_texto_botao) !important;
  border: none !important;
}

#box-pagamento-boleto .linha-digitavel code {
  background-color: rgba(255, 255, 255, 0.1) !important;
  color: #ffffff !important;
}

/* Força cor de texto branca em absolutamente tudo dentro do resumo */
#corpo .resumo-compra.caixa-sombreada,
#corpo .resumo-compra.caixa-sombreada * {
    color: #ffffff !important;
    text-shadow: none !important;
}


/*formulario checkout*/
#corpo #formularioEndereco a {
	color:#000000 !important;
}

#exibirFormasPagamento a{
	color:#000000 !important;
}



/* Remove qualquer borda clara que possa sobrar nas tabelas */
#corpo .resumo-compra.caixa-sombreada .tabela-carrinho {
    border: none !important;
}

/* Checkout - Altera a cor do círculo de quantidade para verde escuro */
#corpo .resumo-compra .tabela-carrinho td.conteiner-qtd > div {
    background: #345f40 !important;
    background-color: #345f40 !important;
    color: #ffffff !important; /* Garante que o número dentro do círculo fique branco */
}

/* Checkout - Altera o fundo do campo de e-mail para preto */
#corpo .identificacao .control-group input {
    background-color: #000000 !important;
    background: #000000 !important;
    color: #ffffff !important; /* Texto branco para leitura */
    border: 1px solid #333 !important; /* Borda sutil para o campo não sumir no fundo */
}

/* Checkout - Fundo cinza escuro para as 3 caixas principais */
#corpo .caixa-sombreada.borda-principal {
    background-color: #444 !important;
    background: #444 !important;
    border-color: #555 !important; /* Borda levemente mais clara para divisão */
}

/* Força texto branco em todos os elementos internos (labels, spans, links) */
#corpo .caixa-sombreada.borda-principal,
#corpo .caixa-sombreada.borda-principal label,
#corpo .caixa-sombreada.borda-principal span,
#corpo .caixa-sombreada.borda-principal p,
#corpo .caixa-sombreada.borda-principal legend,
#corpo .caixa-sombreada.borda-principal .titulo {
    color: #ffffff !important;
}

/* Mantém os ícones (badges) na cor amarela original do tema */
#corpo .caixa-sombreada.borda-principal .cor-secundaria,
#corpo .caixa-sombreada.borda-principal i[class^="icon-"],
#corpo .caixa-sombreada.borda-principal i[class*=" icon-"] {
    /* Aqui não alteramos a cor para branco, permitindo que o amarelo prevaleça */
}

/* Checkout - 3 Colunas (Dados, Entrega, Pagamento) com Fundo Cinza e Margem */
#formularioCheckout .row-fluid > .span4 {
    background: #444 !important;
    background-color: #444 !important;
    border: 1px solid #555 !important;
    box-shadow: none !important;
    margin-top: 20px !important; /* << AQUI: Devolve o espaço no topo */
    padding: 15px !important; /* Garante um respiro interno para o texto não colar na borda */
}

/* Garante que os títulos dentro dessas colunas fiquem brancos */
#formularioCheckout .row-fluid > .span4 .titulo {
    color: #ffffff !important;
}

/* Checkout - Texto PRETO nos botões de ação (Continuar / Finalizar) */
#corpo .botao.principal, 
#corpo .botao.btn-success,
#corpo .btn.btn-success,
#corpo #btn-checkout {
    color: #000000 !important;
    text-shadow: none !important; /* Remove sombra que pode atrapalhar a leitura */
    font-weight: bold !important; /* Deixa o texto mais "gordo" para destacar */
}


/* Garante que se houver ícone dentro do botão, ele também fique preto */
#corpo .botao.principal i, 
#corpo .botao.btn-success i,
#corpo .btn.btn-success i {
    color: #000000 !important;
}

/* --- AJUSTES FINAIS: ESPAÇAMENTO E INPUTS CINZA --- */

/* 1. Separa a caixa de E-mail das 3 janelas de baixo */
.identificacao.caixa-sombreada {
    margin-bottom: 30px !important;
}

/* 2. Ajusta as 3 colunas (Dados, Entrega, Pagamento) */
#formularioCheckout .row-fluid > .span4 {
    margin-top: 20px !important; /* Cria o recuo no topo para não colar */
    padding: 20px !important; /* Espaço interno para o conteúdo não tocar na borda */
    background: #444 !important;
    border-radius: 4px;
}

/* 3. Força os Inputs em CINZA (#444) conforme solicitado */
#formularioCheckout input[type="text"],
#formularioCheckout input[type="password"],
#formularioCheckout input[type="tel"],
#formularioCheckout input[type="email"],
#formularioCheckout input[type="number"],
#formularioCheckout select, 
#formularioCheckout textarea {
    background-color: #444 !important; /* Cinza igual ao fundo da janela */
    color: #ffffff !important; /* Texto branco */
    border: 1px solid #666 !important; /* Borda um pouco mais clara para destacar o campo */
}

/* 4. Deixa os textos de "data" e prazos em branco */
#formularioCheckout .prazo-entrega,
#formularioCheckout .prazo,
#formularioCheckout .help-inline,
#formularioCheckout .valor-entrega {
    color: #ffffff !important;
}

/* CORREÇÃO: Empurra a caixa de Produtos para baixo para não bater no cabeçalho */
#corpo .resumo-compra.caixa-sombreada {
    margin-top: 60px !important; /* Valor alto para garantir que desça. Se descer demais, diminua para 40px */
    clear: both !important; /* Garante que ela "limpe" qualquer elemento que esteja flutuando acima */
    position: relative !important;
}

/* FORÇA BRUTA: Inputs da área de Dados Cadastrais */
#corpo #formularioCheckout .control-group input,
#corpo #formularioCheckout .control-group select,
#corpo #formularioCheckout .controls input,
#corpo #formularioCheckout input[type="text"],
#corpo #formularioCheckout input[type="tel"],
#corpo #formularioCheckout input[type="email"] {
    background-color: #444 !important; /* Fundo Cinza */
    color: #ffffff !important; /* Texto Branco */
    border: 1px solid #666 !important; /* Borda levemente destacada */
    box-shadow: none !important;
}

/* Remove o fundo branco/amarelo que o navegador coloca quando completa sozinho (Autofill) */
#corpo #formularioCheckout input:-webkit-autofill,
#corpo #formularioCheckout input:-webkit-autofill:hover, 
#corpo #formularioCheckout input:-webkit-autofill:focus {
    -webkit-text-fill-color: #ffffff !important;
    -webkit-box-shadow: 0 0 0px 1000px #444 inset !important;
    transition: background-color 5000s ease-in-out 0s;
}

/* Cor do texto de exemplo (Placeholder) */
#corpo #formularioCheckout input::placeholder {
    color: #bbb !important;
}

/* BOTÃO ALTERAR ENTREGA: Gradiente "Falso" (Amarelo para Amarelo) */
#corpo .resumo-entrega .btn,
#corpo .resumo-entrega .btn.small,
#corpo .resumo-entrega a.btn {
    /* Enganamos o navegador criando um degradê que não muda de cor */
    background-image: linear-gradient(to bottom, #fef013, #fef013) !important;
    background-image: -webkit-linear-gradient(top, #fef013, #fef013) !important;
    background-image: -moz-linear-gradient(top, #fef013, #fef013) !important;
    
    /* Mantemos o background-color por segurança */
    background-color: #fef013 !important;
    
    /* Ajustes visuais */
    color: #000000 !important;
    border: 1px solid #fef013 !important; /* Força a borda a ser amarela tbm */
    text-shadow: none !important;
    box-shadow: none !important;
}

/* Garante o ícone preto */
#corpo .resumo-entrega .btn i,
#corpo .resumo-entrega .btn.small i {
    color: #000000 !important;
    background: transparent !important;
}




/* --- PÁGINA DE SUCESSO (PEDIDO FINALIZADO) --- */

/* 1. Fundo cinza para todos os containers e tabelas de resumo */
#corpo .pagina-pedido-finalizado .caixa-sombreada,
#corpo .pagina-pedido-finalizado .borda-principal,
#corpo .pagina-pedido-finalizado .finalizacao-sucesso,
#corpo .pagina-pedido-finalizado .resumo-pedido table,
#corpo .pagina-pedido-finalizado thead,
#corpo .pagina-pedido-finalizado tbody,
#corpo .pagina-pedido-finalizado tr,
#corpo .pagina-pedido-finalizado td,
#corpo .pagina-pedido-finalizado th {
    background-color: #444 !important;
    background: #444 !important;
    border-color: #555 !important;
}

/* 2. Força texto branco em toda a página de finalização */
#corpo .pagina-pedido-finalizado,
#corpo .pagina-pedido-finalizado h1,
#corpo .pagina-pedido-finalizado h2,
#corpo .pagina-pedido-finalizado h3,
#corpo .pagina-pedido-finalizado p,
#corpo .pagina-pedido-finalizado span,
#corpo .pagina-pedido-finalizado strong,
#corpo .pagina-pedido-finalizado li,
#corpo .pagina-pedido-finalizado b,
#corpo .pagina-pedido-finalizado .titulo {
    color: #ffffff !important;
    text-shadow: none !important;
}

/* 3. Ícones de sucesso e detalhes em Amarelo #fef013 */
#corpo .pagina-pedido-finalizado i[class^="icon-"],
#corpo .pagina-pedido-finalizado i[class*=" icon-"],
#corpo .pagina-pedido-finalizado .cor-secundaria {
    color: #fef013 !important;
}

/* 4. Ajuste para os botões desta página (ex: Imprimir Boleto / Copiar Pix) */
#corpo .pagina-pedido-finalizado .btn,
#corpo .pagina-pedido-finalizado .botao {
    background-image: linear-gradient(to bottom, #fef013, #fef013) !important;
    background-color: #fef013 !important;
    color: #000000 !important;
    border: none !important;
    font-weight: bold !important;
}


/* CORREÇÃO: Página de Sucesso - Caixa de Topo (Número do Pedido) */
#corpo .pedido-finalizado .caixa-dados {
    background-color: #444 !important;
    background: #444 !important;
    border: 1px solid #555 !important;
    box-shadow: none !important;
}

/* Força TODOS os textos dentro dessa caixa a ficarem brancos */
#corpo .pedido-finalizado .caixa-dados h4,
#corpo .pedido-finalizado .caixa-dados h2,
#corpo .pedido-finalizado .caixa-dados span,
#corpo .pedido-finalizado .caixa-dados strong,
#corpo .pedido-finalizado .caixa-dados b,
#corpo .pedido-finalizado .caixa-dados p,
#corpo .pedido-finalizado .caixa-dados .cor-principal,
#corpo .pedido-finalizado .caixa-dados .cor-secundaria {
    color: #ffffff !important;
    text-shadow: none !important;
}

/* Se quiser que o número do pedido (ex: 7) tenha destaque amarelo, use este: */
#corpo .pedido-finalizado .caixa-dados h2.numero-pedido {
    color: #fef013 !important;
}

/* Página de Sucesso - Caixa de Informações (Esquerda Superior) */
#corpo .caixa-info {
    background-color: #444 !important;
    background: #444 !important;
    border: 1px solid #555 !important;
    box-shadow: none !important;
    color: #ffffff !important;
}

/* Garante que TODOS os textos (Títulos, parágrafos, status) dentro dela fiquem brancos */
#corpo .caixa-info h4,
#corpo .caixa-info p,
#corpo .caixa-info span,
#corpo .caixa-info strong,
#corpo .caixa-info b,
#corpo .caixa-info .cor-principal {
    color: #ffffff !important;
    text-shadow: none !important;
}


/* Página de Sucesso - Caixa Grande à Direita (Resumo/Detalhes) */
#corpo .pedido-finalizado .caixa-sombreada,
#corpo .pedido-finalizado .resumo-pedido,
#corpo .pedido-finalizado .tabela-resumo {
    background-color: #444 !important;
    background: #444 !important;
    border: 1px solid #555 !important;
    box-shadow: none !important;
}

/* Força o texto branco em todos os elementos da caixa da direita */
#corpo .pedido-finalizado .caixa-sombreada *,
#corpo .pedido-finalizado .resumo-pedido * {
    color: #ffffff !important;
    text-shadow: none !important;
}

/* Ajuste específico para as linhas da tabela de produtos (se houver) */
#corpo .pedido-finalizado table.tabela-carrinho tr,
#corpo .pedido-finalizado table.tabela-carrinho td,
#corpo .pedido-finalizado table.tabela-carrinho th {
    background-color: #444 !important;
    border-color: #555 !important;
    color: #ffffff !important;
}

/* Destaque para o valor total em amarelo */
#corpo .pedido-finalizado .resumo-pedido .total strong,
#corpo .pedido-finalizado .resumo-pedido .valor-total {
    color: #fef013 !important;
}


/* Página de Sucesso - Caixas Pequenas (Pagamento, Entrega e Dados) */
/* TENTATIVA DIRETA: Fundo Cinza nas Caixas Pequenas */

/* 1. Pinta a tag <fieldset> (a borda da caixa) */
#corpo .pedido-finalizado fieldset {
    background-color: #444 !important;
    background: #444 !important;
    border: 1px solid #555 !important;
}

/* 2. Pinta a classe .caixa-info (o conteúdo dentro) */
#corpo .pedido-finalizado .caixa-info {
    background-color: #444 !important;
    background: #444 !important;
    color: #ffffff !important;
}

/* 3. Garante que os textos fiquem brancos */
#corpo .pedido-finalizado fieldset *,
#corpo .pedido-finalizado .caixa-info * {
    color: #ffffff !important;
    text-shadow: none !important;
}

/* 4. Ajuste do título (Pagamento/Entrega) para não ficar branco */
#corpo .pedido-finalizado legend {
    background-color: #444 !important;
    background: #444 !important;
    color: #fef013 !important; /* Amarelo */
    border: none !important;
}

/* PÁGINA DE SUCESSO - REMOÇÃO TOTAL DE BRANCO NAS COLUNAS E CAIXAS */

/* CORREÇÃO CIRÚRGICA - CAIXAS DA PÁGINA DE SUCESSO */

/* 1. Anula a regra do all.min.css para .caixa-info */
#corpo .pedido-finalizado .caixa-info {
    background-color: #444 !important;  /* Troca o fundo transparente por Cinza */
    border: 1px solid #555 !important;  /* Troca a borda branca por Cinza Escuro */
    box-shadow: none !important;        /* Remove a sombra/brilho */
    color: #fff !important;             /* Texto branco */
}

/* 2. Garante que o Fieldset (a moldura em volta) também obedeça */
#corpo .pedido-finalizado fieldset {
    background-color: #444 !important;
    border-color: #555 !important;
    color: #fff !important;
}

/* 3. Tira o fundo branco do título "Pagamento/Entrega" */
#corpo .pedido-finalizado legend {
    background-color: #444 !important;
    color: #fef013 !important; /* Amarelo */
    border: none !important;
}

/* 4. Força bruta para pintar qualquer texto dentro dessas caixas de branco */
#corpo .pedido-finalizado .caixa-info *,
#corpo .pedido-finalizado fieldset * {
    color: #fff !important;
    text-shadow: none !important;
}


/* CORREÇÃO GLOBAL (Pix, Boleto, Entrega e Dados) */

/* 1. Ataca a classe culpada (.caixa-info) DENTRO da página de sucesso */
#corpo .pedido-finalizado .caixa-info,
#corpo .pedido-finalizado fieldset,
#corpo .pedido-finalizado #box-pagamento-pix .pix-code { /* Adicionei o que você pediu */
    background-color: #444 !important;
    border: 1px solid #555 !important; /* Mata a borda branca do all.min.css */
    box-shadow: none !important;       /* Mata o brilho do all.min.css */
    color: #fff !important;
}

/* 2. Garante o título e textos */
#corpo .pedido-finalizado legend {
    background-color: #444 !important;
    color: #fef013 !important;
    border: none !important;
}

#corpo .pedido-finalizado * {
    color: #fff !important;
    text-shadow: none !important;
}



/* COLORS FIX - INIT*/
/* [carrinho] cor do texto abaixo da barra de progresso */
.progressive-offer__card_info {
	color: black;
}

/* [carrinho] cor dos preços dos produtos no carrinho */
[data-theme="dark"] .pagina-carrinho .preco-promocional.cor-principal.titulo {
	color: black !important;
}

/* [carrinho] cor dos botões de cupom */
[data-theme="dark"] .tabela-carrinho .form-horizontal .controls .btn {
	color: black !important;
}

/* [checkout] cor do texto do botão de "alterar forma de pagamento" */
#corpo .caixa-sombreada.borda-principal a {
	color: black !important;
}

/*[checkout] cor do botão de "editar" em 'meu endereço' e 'dados cadastrais'*/
#corpo .caixa-sombreada.borda-principal a {
	color: black;
}

/*[checkout] cor dos textos em 'meu endereço' e dos dias em 'entrega' */
[data-theme="dark"] .formas .accordion-heading .forma-conteiner * {
	color: white !important;
}

/* [finalização] cor de fundo do campo de informações do pagamento via pix */
.pedido-finalizado #box-pagamento-pix .pix-code .pix-code-description {
	background-color: #444 !important;
}

/* [finalização] cor de fundo do campo de código qrCode do Pix*/
.pedido-finalizado #box-pagamento-pix .pix-code #pix_code {
	background-color: #444 !important;
}

/* [finalização] cor dos números dos "steps" */
.pedido-finalizado #box-pagamento-pix .pix-steps .stepper-item .step-counter {
	color: black !important;
}

/* COLORS FIX - END */




/* --- INÍCIO: Correção de Paginação --- */

/* 1. Páginas não selecionadas: Fundo preto e texto branco */
.pagination ul > li > a,
.pagination ul > li > span {
    background-color: #000000 !important;
    color: #FFFFFF !important;
    border: 1px solid #333333 !important; /* Borda sutil para separar os botões no fundo escuro */
    transition: all 0.2s ease-in-out !important; /* Deixa a transição de cor mais suave */
}

/* 2. Efeito ao passar o mouse nas não selecionadas: Fundo branco e texto preto */
.pagination ul > li > a:hover {
    background-color: #FFFFFF !important;
    color: #000000 !important;
    border-color: #FFFFFF !important;
}

/* 3. Página atual (Ativa): Mantém o destaque em amarelo com texto preto */
.pagination ul > li.active > a,
.pagination ul > li.active > span {
    background-color: #FFE600 !important; /* Amarelo da identidade visual */
    color: #000000 !important;
    border-color: #FFE600 !important;
}

/* 4. Botões de "voltar" ou "avançar" desabilitados (quando não há mais páginas) */
.pagination ul > li.disabled > span,
.pagination ul > li.disabled > a {
    background-color: #111111 !important;
    color: #555555 !important;
    border-color: #111111 !important;
    cursor: not-allowed !important;
}

/* --- FIM: Correção de Paginação --- */