/*
  PipocaCine — paleta global do site (editável em /dashboard > Edição Site)
  Segue a regra 60/30/10:
    --pc-bg      60% — cor dominante (fundo da página)
    --pc-panel   30% — cor secundária (cards, painéis, superfícies)
    --pc-accent  10% — cor de destaque (botões, links, estados ativos)
  Mais duas cores de texto, que não fazem parte da regra mas precisam
  acompanhar o contraste do restante da paleta:
    --pc-text    texto principal
    --pc-muted   texto secundário / legendas

  Estes nomes já existiam (sem uso) em home/movies/series/animes.html de uma
  tentativa anterior — esse arquivo assume e completa essa convenção em vez
  de criar uma nova.

  Estes valores são os padrões de fábrica. Em tempo real, cada página troca
  esses valores via JS (assets/theme-apply.js), que busca o que está salvo
  no banco (editado pelo admin) e sobrescreve via
  document.documentElement.style.setProperty(...).
*/
:root{
  --pc-bg:#050505;
  --pc-panel:#101010;
  --pc-accent:#ff6417;
  --pc-text:#f5f5f5;
  --pc-muted:#8a8a8a;
}

/* Selo de conteudo bloqueado (plano Pro/Premium), sempre no canto
   superior esquerdo da capa. Usa a cor de destaque escolhida em
   /dashboard > Edição Site (--pc-accent), assim como o resto do site,
   em vez de uma cor roxa fixa. */
.lockBadge{position:absolute;top:8px;left:8px;width:26px;height:26px;border-radius:999px;background:linear-gradient(145deg,color-mix(in srgb, var(--pc-accent) 88%, white 4%),color-mix(in srgb, var(--pc-accent) 60%, black 30%));border:1px solid rgba(255,255,255,.22);color:#fff;z-index:3}
.lockBadge svg{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:block}