#calendar {
  max-width: 100%;
}

/* Estados de eventos */
.fc-event.pendiente {
  background-color: var(--color-warning);
  border: none;
}

.fc-event.confirmado {
  background-color: var(--color-success);
  border: none;
}

.fc-event.cancelado {
  background-color: var(--color-danger);
  opacity: 0.6;
}

/* Mobile */
@media (max-width: 768px) {
  .fc-toolbar-title {
    font-size: 16px;
  }
}