/* ─── Catálogo de Prêmios — filtro de ciclo (estático, JSON) ────────
   Cards reaproveitam .exp-card de experiencias.css e o resto do visual
   de premios.css; só o cabeçalho com o <select> de ciclo é novo aqui. */

.premios-heading-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 16px;
  margin-bottom: 32px;
}
.premios-heading-row .premios-heading {
  margin-bottom: 0;
}

/* Mesmo padrão do filtro de período do dash (.dash-comite-filtro em
   dash_comite.css) — select-wrap + env-select. */
.premios-heading-row .select-wrap {
  position: relative;
  min-width: 220px;
  flex-shrink: 0;
}
.premios-heading-row .select-wrap::after {
  content: '▾';
  position: absolute;
  right: 16px;
  top: 50%;
  transform: translateY(-50%);
  color: rgba(255,255,255,.4);
  pointer-events: none;
  font-size: 12px;
}

.premios-heading-row .env-select {
  width: 100%;
  appearance: none;
  background: rgba(0,0,0,0.3);
  border: none;
  border-radius: 20px;
  padding: 14px 40px 14px 16px;
  font-family: var(--font-montserrat);
  font-size: 14px;
  letter-spacing: 0.28px;
  color: var(--white);
  cursor: pointer;
  outline: none;
}
.premios-heading-row .env-select option {
  background: #1a1a1a;
  color: var(--white);
}

@media (max-width: 768px) {
  .premios-heading-row {
    flex-direction: column;
    align-items: flex-start;
  }
}

/* Decorativos movidos pra dentro de .exp-cards-section (igual o padrão do
   dash_funcionario: .dash-deco-left/right dentro de .dash-section, que é
   position:relative). Isso faz o conteúdo do card grid — que vem depois no
   DOM — pintar por cima da decoração, em vez dela flutuar sobre os cards. */
.exp-cards-section {
  position: relative;
}
.exp-deco-left {
  top: 250px;
  left: -8%;
}
.exp-deco-right {
  top: 480px;
  right: -14%;
}

/* ── Ciclo já encerrado: conteúdo fica "apagado", só de referência ────
   A tag de local (.exp-card-local) fica de fora do grayscale de propósito
   — continua no gradiente laranja/vermelho original, só com alpha
   reduzido (fica "translúcida"), em vez de virar cinza junto do resto. */
.exp-cards-list--passado .exp-card-img,
.exp-cards-list--passado .exp-card-main,
.exp-cards-list--passado .exp-card-details {
  filter: grayscale(100%) brightness(0.65);
}

.exp-cards-list--passado .exp-card-local {
  opacity: 0.5;
}

/* ── Fade ao trocar de ciclo no select ───────────────────────────────── */
.exp-cards-list {
  transition: opacity .2s ease;
}
.exp-cards-list.is-fading {
  opacity: 0;
}