/* Liberta-dores — tema dourado do "grid completo".
   Tudo aqui só vale quando a aba Times da planilha chega no número de vagas
   (o site coloca a classe "grid-completo" na página sozinho).
   Para desligar o tema, é só apagar a linha do tema-dourado.css no index.html. */

/* Fundo com um brilho dourado bem de leve vindo do topo */
body.grid-completo{
  background-image:radial-gradient(120% 60% at 50% 0%, color-mix(in srgb, var(--gold) 12%, transparent), transparent 60%);
  background-repeat:no-repeat;
  background-attachment:fixed;
}

/* Topo: fio dourado em cima e embaixo, e um halo atrás do logo */
body.grid-completo .hero{border-top:2px solid var(--gold)}
body.grid-completo .hero::after{opacity:1;height:2px}
body.grid-completo .logo{position:relative}
body.grid-completo .logo::before{
  content:"";position:absolute;left:50%;top:50%;width:120%;padding-bottom:120%;transform:translate(-50%,-50%);
  background:radial-gradient(circle, color-mix(in srgb, var(--gold) 22%, transparent), transparent 65%);
  border-radius:50%;z-index:-1;pointer-events:none;
}

/* Selo do topo: de contorno para dourado cheio */
body.grid-completo .status{
  background:linear-gradient(135deg,var(--gold-claro),var(--gold) 60%,var(--gold-escuro));
  border-color:transparent;color:#17130A;
}

/* Títulos com acabamento dourado */
body.grid-completo .vhead h2,
body.grid-completo .gcard-h h3,
body.grid-completo .rhead h3,
body.grid-completo .tperfil h2{
  color:var(--gold-claro);
  background:linear-gradient(180deg,var(--gold-claro),var(--gold) 70%,var(--gold-escuro));
  -webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;
}

/* Cartões e listas com borda levemente dourada */
body.grid-completo .gcard,
body.grid-completo .mlist,
body.grid-completo .nx,
body.grid-completo .bm,
body.grid-completo .formcard,
body.grid-completo a.tcard{border-color:color-mix(in srgb, var(--gold) 30%, var(--line))}
body.grid-completo a.tcard:hover{border-color:var(--gold)}

/* Aba escolhida e rodapé */
body.grid-completo .tabs{border-bottom-color:color-mix(in srgb, var(--gold) 35%, var(--line))}
body.grid-completo .tab[aria-selected="true"]{border-bottom-width:4px}
body.grid-completo .foot{border-top-color:color-mix(in srgb, var(--gold) 30%, var(--line))}

@media (prefers-reduced-motion: reduce){ body.grid-completo .logo::before{background:none} }