.filtros {
  display: flex;
  gap: 15px;
  margin-bottom: 15px;
  flex-wrap: wrap;
}

.tabla-eventos {
  width: 100%;
  border-collapse: collapse;
  font-size: 0.9rem;
}

.tabla-eventos th,
.tabla-eventos td {
  padding: 10px;
  border-bottom: 1px solid var(--color-gray-light);
}

.tabla-eventos th {
  text-align: left;
  color: var(--color-primary);
}

.estado {
  padding: 4px 8px;
  border-radius: 12px;
  font-size: 0.75rem;
  text-transform: uppercase;
}

.estado.pendiente { background: #fff3cd; }
.estado.confirmado { background: #d4edda; }
.estado.terminado { background: #cce5ff; }
.estado.cancelado { background: #f8d7da; }

.acciones {
  display: flex;
  gap: 6px;
}

.acciones button {
  padding: 4px 8px;
  font-size: 0.8rem;
}