/* Pagina: eventos.html (site) */

#eventos { max-width: 1080px; margin: 0 auto; padding: 48px 20px 72px; }

#eventos h2 { font-weight: 900; letter-spacing: .02em; margin-bottom: 6px; }
#eventos .subtitulo { color: var(--aya-texto-suave, rgba(0,0,0,.7)); margin-bottom: 34px; }

#gradeEventos {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
  gap: 22px;
}

.card-evento {
  background: var(--aya-cartao, #fff);
  border: 1px solid var(--aya-borda, rgba(0,0,0,.14));
  border-radius: 18px;
  overflow: hidden;
  box-shadow: 0 8px 24px rgba(0,0,0,.1);
  display: flex;
  flex-direction: column;
  transition: transform .18s ease, box-shadow .18s ease;
}
.card-evento:hover { transform: translateY(-4px); box-shadow: 0 14px 32px rgba(0,0,0,.16); }

.card-evento img,
.card-evento video,
.card-evento .sem-img {
  width: 100%;
  height: 168px;
  object-fit: cover;
  display: block;
}
.card-evento .sem-img {
  background: linear-gradient(135deg, var(--aya-menu, #90EE90), var(--aya-fundo, #AFEEEE));
  display: flex; align-items: center; justify-content: center;
  font-size: 2.4rem; color: #14532D;
}

.card-evento .corpo { padding: 16px 18px 20px; display: flex; flex-direction: column; gap: 8px; }
.card-evento h3 { font-size: 1.12rem; font-weight: 800; margin: 0; }
.card-evento .chip {
  align-self: flex-start;
  background: var(--aya-menu, #90EE90);
  color: #04220f;
  font-size: .68rem; font-weight: 900; text-transform: uppercase; letter-spacing: .06em;
  padding: 4px 10px; border-radius: 999px;
}
.card-evento .data, .card-evento .local { margin: 0; font-size: .85rem; font-weight: 700; }
.card-evento .desc { margin: 0; font-size: .88rem; color: var(--aya-texto-suave, rgba(0,0,0,.7)); }

.estado-vazio {
  grid-column: 1 / -1;
  text-align: center;
  padding: 60px 20px;
  border: 2px dashed var(--aya-borda, rgba(0,0,0,.2));
  border-radius: 18px;
}

.cta-app { text-align: center; }
.btn-come {
  display: inline-block;
  background: var(--aya-destaque, #1E7A46);
  color: #fff !important;
  font-weight: 800;
  padding: 12px 26px;
  border-radius: 999px;
  text-decoration: none;
}
.btn-come:hover { opacity: .92; }

/* ===== PADRÃO CASA AYA (escuro/dourado) ===== */
#eventos h2{color:#FFD700;text-shadow:0 0 18px rgba(255,215,0,.3);}
#eventos .subtitulo{color:rgba(255,255,255,.6);}
.card-evento{background:rgba(255,255,255,.05);border:1px solid rgba(255,215,0,.14);box-shadow:0 8px 24px rgba(0,0,0,.5);}
.card-evento .sem-img{background:linear-gradient(135deg,rgba(34,139,34,.25),rgba(255,215,0,.12));color:#FFD700;}
.card-evento h3{color:#fff;}
.card-evento .chip{background:rgba(255,215,0,.15);color:#FFD700;}
.card-evento .data,.card-evento .local{color:#ccc;}
.card-evento .desc{color:rgba(255,255,255,.6);}
.estado-vazio{border-color:rgba(255,255,255,.15);color:#888;}
.btn-come{background:linear-gradient(90deg,#FFD700,#e9c600);color:#000 !important;}