h2#eventTitle {
  color: var(--cor-primaria) !important;
}

/* Calendário em si */
#calendar {
  max-width: 900px;
  margin: var(--double-gutter) auto;
  background: #fff;
  padding: 10px;
  border-radius: 8px;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
}

#fc-dom-1{
  text-transform: capitalize ;
}

tr td.fc-day {
  cursor: pointer;
}

/* Cor do dia de hoje no calendário */
.fc .fc-daygrid-day.fc-day-today {
  background-color: var(--fc-today-bg-color);
}

/* Cor dos eventos */
.fc-h-event {
  background-color: var(--cor-data) !important;
  border: 1px solid var(--cor-data) !important;
}

/* Destaque do dia clicado */
.fc-daygrid-day.clicked-day {
  background-color: var(--cor-primaria) !important;
  border-radius: 6px;
  transition: background-color 0.3s ease;
}

/* Área de detalhes dos eventos */
#eventDetails {
  max-width: 900px;
  margin: 30px auto;
  display: none;
}

.evento {
  background: #f9f9f9;
  padding: var(--gutter) var(--double-gutter);
  border-left: 6px solid var(--cor-data);
  border-radius: 6px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
  margin-bottom: var(--double-gutter);
}

#eventDetails h2#eventDate {
  justify-self: center;
  margin-bottom: var(--double-gutter);
  color: var(--cor-primaria);
  font-weight: 800;
}

#eventDetails p {
  color: #444;
}

#eventDescription .evento span {
  margin-top: 15px;
  color: var(--cor-secundaria);
  font-weight: 800;
}

#eventDescription p {
  margin: 0;
}