/* SeguidoresYa - tema "Neon" por cima do CSS da Hourden.

   O site e o painel da Hourden pintam tudo a partir de variaveis (--fundo,
   --a, --grad...). Este arquivo entra DEPOIS da folha deles e troca so as
   variaveis e os poucos lugares que tinham cor fixa. Quando a Hourden
   republica o CSS dela, este continua valendo, porque nao copia nada de la.

   Roxo profundo no fundo, limao como cor de acao, roxo vivo como acento.
   Botao com fundo limao leva tinta escura: degrade limao->roxo com texto
   escuro reprovaria contraste na ponta roxa, entao botao e chip sao limao
   chapado e o degrade fica para enfeite (regua de titulo, preco). */

/* Plus Jakarta Sans agora carrega por <link> paralelo injetado no <head> pelo
   esCasca() do porta.php (com preconnect), em vez do @import serializado que
   ficava aqui. Mexer na fonte? Alterar la, nao reintroduzir @import. */

:root{
  --fundo:#120C24;
  --painel:#1A1235;
  --painel2:#231848;
  --linha:#362A63;
  --tinta:#FFFFFF;
  --texto:rgba(255,255,255,.78);
  --fraca:rgba(236,230,255,.64);
  --a:#C6FF3D;
  --b:#8B5CFF;
  --marca:#C6FF3D;
  --marca-texto:#C6FF3D;
  --marca-forte:#C6FF3D;
  --grad:linear-gradient(90deg, #C6FF3D, #8B5CFF);
  /* texto em degrade no escuro: roxo clareado para passar AA no fundo */
  --grad-texto:linear-gradient(90deg, #C6FF3D, #B9A2FF);
  --sy-ya:#C6FF3D;
  --sy-botao-tinta:#120C24;
}
@media (prefers-color-scheme: light){
  :root:not([data-theme="dark"]){
    --fundo:#FFFFFF; --painel:#F7F5FF; --painel2:#EFEAFF; --linha:#E1DAF6;
    --tinta:#120C24; --texto:#463E5E; --fraca:#6B6385;
    --marca-texto:#5B2EE0; --erro:#D92D20;
    /* limao escurecido (#3F7300) e roxo (#5B2EE0): os dois passam AA no branco */
    --grad-texto:linear-gradient(90deg, #3F7300, #5B2EE0);
    --sy-ya:#5B2EE0;
  }
}
:root[data-theme="light"]{
  --fundo:#FFFFFF; --painel:#F7F5FF; --painel2:#EFEAFF; --linha:#E1DAF6;
  --tinta:#120C24; --texto:#463E5E; --fraca:#6B6385;
  --marca-texto:#5B2EE0; --erro:#D92D20;
  --grad-texto:linear-gradient(90deg, #3F7300, #5B2EE0);
  --sy-ya:#5B2EE0;
}

/* --------------------------------------------------------------- fonte -- */
body{font-family:"Plus Jakarta Sans",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif}
h1,h2,h3,h4,.marca{font-family:"Plus Jakarta Sans",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif}
h1,h2{letter-spacing:-.035em}

/* -------------------------------------------------------------- marca -- */
.marca .sy-ya{color:var(--sy-ya); font-weight:800}
.marca .mk{border-radius:8px}

/* ---------------------------------------- superficies com tinta escura -- */
/* Tudo o que a Hourden pintava com o degrade + tinta #04140A vira limao
   chapado + tinta roxa-escura. */
.btn-1,
.preco.destaque::after,
.passos li::before,
.abas-admin a.on,
.tr-passos li.agora .tr-n,
.sd-chip.on,
.pg-chips a.on,
.lado-av{background:var(--a); color:var(--sy-botao-tinta)}
.btn-1:hover{filter:brightness(1.06)}
.pd-abas a.on,.pd-num{color:var(--sy-botao-tinta)}

/* O botao de pagar/adicionar saldo: limao, a cor de acao da marca. */
.btn-pagar{background:var(--a); color:var(--sy-botao-tinta); border-color:var(--a);
  box-shadow:0 6px 18px -8px rgba(198,255,61,.55)}
.btn-addfunds .mais{background:rgba(18,12,36,.16)}

/* O "Most picked" do cartao de preco: o texto vem do CSS, entao e aqui que
   ele vira espanhol. */
.preco.destaque::after{content:"Más elegido"}

/* No claro o limao some sobre o branco como linha fina; reforca a borda. */
@media (prefers-color-scheme: light){
  :root:not([data-theme="dark"]) .btn-1,
  :root:not([data-theme="dark"]) .btn-pagar{border:1px solid #A9E21F}
}
:root[data-theme="light"] .btn-1,
:root[data-theme="light"] .btn-pagar{border:1px solid #A9E21F}

/* ------------------------------------------------ desempenho do /blog -- */
/* O indice do blog imprime ~595 posts de uma vez. Sem isto, cada clique num
   chip de categoria ou letra na busca refazia o layout dos 595 (medido: 75ms
   de main-thread no reset "todos", ~300ms no celular -> INP ruim), e o render
   inicial tambem pagava os 595. `content-visibility:auto` faz o navegador
   pular o layout/pintura dos posts fora da tela ate rolar ate eles; o
   `contain-intrinsic-size` reserva a altura para a barra de rolagem nao pular.
   Tudo segue no DOM (links internos e indexacao intactos). Medido depois:
   reset "todos" caiu de 75ms para ~9ms. */
ul.posts li.post{content-visibility:auto;contain-intrinsic-size:0 118px}
/* 30/10/2026: tabela larga rola dentro dela e nao empurra a pagina para o lado (celular). */
.tabela{max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}
.artigo table{display:block;min-width:0;max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}
.artigo th,.artigo td{min-width:7.5rem}
@media (max-width:600px){main .btn{white-space:normal;max-width:100%;text-align:center}}