/* ==========================================================================
   CONFECAP · AGENDA 2026  —  CSS específico da página /agenda
   Depende de site.css (tokens + utilitários). NÃO redefine nada global.
   ========================================================================== */

.agenda-page{
  background:linear-gradient(160deg, var(--navy-900) 0%, var(--navy-800) 60%, #08284F 100%);
}
.agenda-page__intro{margin-bottom:clamp(1.75rem,3.5vw,2.5rem)}

/* --- Filtro visual (chips) --- */
.agenda-filters{
  display:flex; flex-wrap:wrap; align-items:center; gap:.6rem;
  margin-bottom:clamp(2.25rem,5vw,3.5rem);
}
.agenda-filters__hint{
  font-family:var(--font-display); font-weight:700; font-size:.72rem;
  letter-spacing:.18em; text-transform:uppercase; color:var(--on-dark-mute);
  margin-right:.25rem;
}
.chip{
  display:inline-flex; align-items:center; gap:.5rem;
  font-family:var(--font-display); font-weight:600; font-size:.85rem;
  color:var(--on-dark-soft); cursor:pointer;
  background:rgba(255,255,255,.04); border:1px solid var(--hair-strong);
  border-radius:999px; padding:.5rem 1rem;
  transition:color var(--dur-1) ease, border-color var(--dur-1) ease, background-color var(--dur-1) ease;
}
.chip:hover{color:#fff; border-color:var(--gold-300)}
.chip--on{
  color:var(--navy-900); background:var(--gold-300); border-color:var(--gold-300);
}
.chip__dot{width:8px; height:8px; border-radius:50%; flex:0 0 8px}
.chip__dot--pres{background:var(--blue-400)}
.chip__dot--online{background:var(--gold-500)}
.agenda-filters__note{
  flex:1 1 100%; font-size:var(--t-small); color:var(--on-dark-mute);
  font-style:italic;
}

/* --- Grupo por trimestre --- */
.agenda-group{margin-bottom:clamp(2.5rem,5vw,3.75rem)}
.agenda-group__label{
  display:flex; align-items:center; gap:1.1rem;
  font-family:var(--font-display); font-weight:700; font-size:.8rem;
  letter-spacing:.2em; text-transform:uppercase; color:var(--gold-300);
  margin:0 0 1.4rem;
}
.agenda-group__label span{flex:0 0 auto}
.agenda-group__label i{
  flex:1 1 auto; height:1px; display:block;
  background:linear-gradient(90deg, rgba(201,162,39,.5), rgba(201,162,39,0));
}

/* --- Grade de eventos --- */
.evgrid{display:grid; gap:1.15rem}

.evcard{
  display:flex; flex-direction:column;
  padding:clamp(1.4rem,3vw,1.85rem);
  transition:transform var(--dur-1) ease, border-color var(--dur-1) ease;
}
.evcard:hover{transform:translateY(-3px); border-color:rgba(227,199,101,.45)}

.evcard__head{
  display:flex; align-items:flex-start; justify-content:space-between; gap:1rem;
  margin-bottom:1.1rem;
}
.evcard__date{
  display:inline-grid; grid-template-columns:auto auto; align-items:baseline;
  column-gap:.5rem; row-gap:0;
}
.evcard__d{
  grid-row:1 / span 2; align-self:center;
  font-family:var(--font-display); font-weight:800; font-size:2.9rem; line-height:.9;
  color:#fff; letter-spacing:-.05em; font-variant-numeric:tabular-nums;
}
.evcard__m{
  font-family:var(--font-display); font-weight:700; font-size:.82rem;
  letter-spacing:.16em; text-transform:uppercase; color:var(--gold-300);
}
.evcard__y{
  font-family:var(--font-display); font-weight:600; font-size:.82rem;
  color:var(--on-dark-mute); font-variant-numeric:tabular-nums;
}

/* Etiqueta de tipo */
.tag{
  flex:0 0 auto;
  display:inline-flex; align-items:center;
  font-family:var(--font-display); font-weight:700; font-size:.68rem;
  letter-spacing:.12em; text-transform:uppercase;
  padding:.34rem .7rem; border-radius:3px; border:1px solid transparent;
}
.tag--pres{color:var(--blue-400); border-color:rgba(76,141,255,.4); background:rgba(30,111,255,.1)}
.tag--online{color:var(--gold-300); border-color:rgba(201,162,39,.42); background:rgba(201,162,39,.1)}

.evcard__title{
  font-size:1.2rem; color:#fff; margin:0 0 .9rem;
}
.evcard__meta{margin:0 0 1.4rem}
.evcard__meta > div{
  display:flex; gap:.6rem; padding:.4rem 0;
  border-top:1px solid var(--hair);
}
.evcard__meta > div:first-child{border-top:0; padding-top:0}
.evcard__meta dt{
  flex:0 0 33%; font-family:var(--font-display); font-weight:700; font-size:.72rem;
  letter-spacing:.1em; text-transform:uppercase; color:var(--on-dark-mute);
  padding-top:.12rem;
}
.evcard__meta dd{
  margin:0; font-family:var(--font-display); font-size:.92rem; color:var(--on-dark-soft);
}
.evcard__cta{margin-top:auto; align-self:flex-start}

/* --- Faixa de contato --- */
.agenda-cta{
  display:grid; gap:1.5rem; align-items:center;
  padding:clamp(1.75rem,4vw,2.5rem);
  margin-top:clamp(1rem,3vw,2rem);
}
.agenda-cta__kicker{
  font-family:var(--font-display); font-weight:800; font-size:1.15rem;
  color:#fff; margin:0 0 .5rem;
}
.agenda-cta__text{
  margin:0; font-size:var(--t-small); line-height:1.7; color:var(--on-dark-soft);
  max-width:52ch;
}

/* --- Responsivo --- */
@media (min-width:640px){
  .evgrid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (min-width:960px){
  .evgrid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .agenda-cta{grid-template-columns:1fr auto}
}

@media (prefers-reduced-motion:reduce){
  .evcard:hover{transform:none}
}